@atlaskit/editor-core 183.1.6 → 184.0.4

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 (237) hide show
  1. package/.eslintrc.js +7 -3
  2. package/CHANGELOG.md +29 -0
  3. package/dist/cjs/labs/next/full-page.js +2 -6
  4. package/dist/cjs/labs/next/presets/create-stub-internal-apis.js +4 -2
  5. package/dist/cjs/labs/next/presets/default.js +2 -2
  6. package/dist/cjs/labs/next/presets/universal.js +2 -1
  7. package/dist/cjs/plugins/breakout/index.js +54 -35
  8. package/dist/cjs/plugins/card/toolbar.js +4 -3
  9. package/dist/cjs/plugins/collab-edit/plugin-state.js +2 -3
  10. package/dist/cjs/plugins/copy-button/commands.js +8 -1
  11. package/dist/cjs/plugins/extension/index.js +1 -1
  12. package/dist/cjs/plugins/extension/nodeviews/extension.js +5 -3
  13. package/dist/cjs/plugins/extension/pm-plugins/main.js +6 -6
  14. package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js +34 -4
  15. package/dist/cjs/plugins/extension/ui/Extension/ExtensionComponent.js +4 -2
  16. package/dist/cjs/plugins/extension/ui/Extension/index.js +4 -2
  17. package/dist/cjs/plugins/help-dialog/index.js +12 -8
  18. package/dist/cjs/plugins/index.js +0 -14
  19. package/dist/cjs/plugins/layout/pm-plugins/main.js +0 -1
  20. package/dist/cjs/plugins/media/index.js +15 -5
  21. package/dist/cjs/plugins/media/nodeviews/mediaNodeView/index.js +22 -14
  22. package/dist/cjs/plugins/media/nodeviews/mediaSingle.js +53 -34
  23. package/dist/cjs/plugins/media/styles.js +1 -1
  24. package/dist/cjs/plugins/media/toolbar/index.js +4 -3
  25. package/dist/cjs/plugins/paste/pm-plugins/main.js +7 -1
  26. package/dist/cjs/test-utils.js +6 -1
  27. package/dist/cjs/ui/Appearance/Comment/Comment.js +2 -2
  28. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -2
  29. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -2
  30. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +2 -2
  31. package/dist/cjs/ui/ColorPickerButton/index.js +2 -2
  32. package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +6 -10
  33. package/dist/cjs/ui/ContentStyles/index.js +9 -10
  34. package/dist/cjs/ui/ContextPanel/index.js +67 -56
  35. package/dist/cjs/ui/MediaAndEmbedsToolbar/index.js +10 -11
  36. package/dist/cjs/ui/Resizer/index.js +8 -8
  37. package/dist/cjs/ui/WidthEmitter/index.js +10 -4
  38. package/dist/cjs/ui/styles.js +6 -0
  39. package/dist/cjs/utils/clipboard.js +18 -11
  40. package/dist/cjs/utils/performance/instrumented-plugin.js +14 -2
  41. package/dist/cjs/version-wrapper.js +1 -1
  42. package/dist/cjs/version.json +1 -1
  43. package/dist/es2019/labs/next/full-page.js +2 -5
  44. package/dist/es2019/labs/next/presets/create-stub-internal-apis.js +4 -2
  45. package/dist/es2019/labs/next/presets/default.js +1 -1
  46. package/dist/es2019/labs/next/presets/universal.js +2 -1
  47. package/dist/es2019/plugins/breakout/index.js +48 -31
  48. package/dist/es2019/plugins/card/toolbar.js +4 -3
  49. package/dist/es2019/plugins/collab-edit/plugin-state.js +2 -4
  50. package/dist/es2019/plugins/copy-button/commands.js +9 -2
  51. package/dist/es2019/plugins/extension/index.js +1 -1
  52. package/dist/es2019/plugins/extension/nodeviews/extension.js +5 -3
  53. package/dist/es2019/plugins/extension/pm-plugins/main.js +4 -4
  54. package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js +38 -2
  55. package/dist/es2019/plugins/extension/ui/Extension/ExtensionComponent.js +4 -2
  56. package/dist/es2019/plugins/extension/ui/Extension/index.js +4 -2
  57. package/dist/es2019/plugins/help-dialog/index.js +14 -9
  58. package/dist/es2019/plugins/index.js +0 -2
  59. package/dist/es2019/plugins/layout/pm-plugins/main.js +0 -1
  60. package/dist/es2019/plugins/media/index.js +15 -5
  61. package/dist/es2019/plugins/media/nodeviews/mediaNodeView/index.js +21 -10
  62. package/dist/es2019/plugins/media/nodeviews/mediaSingle.js +53 -33
  63. package/dist/es2019/plugins/media/styles.js +1 -7
  64. package/dist/es2019/plugins/media/toolbar/index.js +4 -4
  65. package/dist/es2019/plugins/paste/pm-plugins/main.js +7 -1
  66. package/dist/es2019/test-utils.js +6 -1
  67. package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
  68. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +1 -1
  69. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  70. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
  71. package/dist/es2019/ui/ColorPickerButton/index.js +2 -2
  72. package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +5 -10
  73. package/dist/es2019/ui/ContentStyles/index.js +1 -2
  74. package/dist/es2019/ui/ContextPanel/index.js +66 -43
  75. package/dist/es2019/ui/MediaAndEmbedsToolbar/index.js +8 -9
  76. package/dist/es2019/ui/Resizer/index.js +1 -1
  77. package/dist/es2019/ui/WidthEmitter/index.js +10 -4
  78. package/dist/es2019/ui/styles.js +6 -0
  79. package/dist/es2019/utils/clipboard.js +12 -7
  80. package/dist/es2019/utils/performance/instrumented-plugin.js +15 -2
  81. package/dist/es2019/version-wrapper.js +1 -1
  82. package/dist/es2019/version.json +1 -1
  83. package/dist/esm/labs/next/full-page.js +2 -5
  84. package/dist/esm/labs/next/presets/create-stub-internal-apis.js +4 -2
  85. package/dist/esm/labs/next/presets/default.js +1 -1
  86. package/dist/esm/labs/next/presets/universal.js +2 -1
  87. package/dist/esm/plugins/breakout/index.js +54 -35
  88. package/dist/esm/plugins/card/toolbar.js +4 -3
  89. package/dist/esm/plugins/collab-edit/plugin-state.js +2 -3
  90. package/dist/esm/plugins/copy-button/commands.js +9 -2
  91. package/dist/esm/plugins/extension/index.js +1 -1
  92. package/dist/esm/plugins/extension/nodeviews/extension.js +5 -3
  93. package/dist/esm/plugins/extension/pm-plugins/main.js +6 -6
  94. package/dist/esm/plugins/extension/ui/Extension/Extension/index.js +33 -2
  95. package/dist/esm/plugins/extension/ui/Extension/ExtensionComponent.js +4 -2
  96. package/dist/esm/plugins/extension/ui/Extension/index.js +4 -2
  97. package/dist/esm/plugins/help-dialog/index.js +12 -8
  98. package/dist/esm/plugins/index.js +0 -2
  99. package/dist/esm/plugins/layout/pm-plugins/main.js +0 -1
  100. package/dist/esm/plugins/media/index.js +15 -5
  101. package/dist/esm/plugins/media/nodeviews/mediaNodeView/index.js +22 -14
  102. package/dist/esm/plugins/media/nodeviews/mediaSingle.js +54 -35
  103. package/dist/esm/plugins/media/styles.js +2 -2
  104. package/dist/esm/plugins/media/toolbar/index.js +4 -3
  105. package/dist/esm/plugins/paste/pm-plugins/main.js +7 -1
  106. package/dist/esm/test-utils.js +6 -1
  107. package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
  108. package/dist/esm/ui/Appearance/FullPage/FullPage.js +1 -1
  109. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  110. package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
  111. package/dist/esm/ui/ColorPickerButton/index.js +2 -2
  112. package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +5 -10
  113. package/dist/esm/ui/ContentStyles/index.js +1 -2
  114. package/dist/esm/ui/ContextPanel/index.js +64 -53
  115. package/dist/esm/ui/MediaAndEmbedsToolbar/index.js +10 -11
  116. package/dist/esm/ui/Resizer/index.js +1 -1
  117. package/dist/esm/ui/WidthEmitter/index.js +10 -4
  118. package/dist/esm/ui/styles.js +6 -0
  119. package/dist/esm/utils/clipboard.js +16 -10
  120. package/dist/esm/utils/performance/instrumented-plugin.js +14 -2
  121. package/dist/esm/version-wrapper.js +1 -1
  122. package/dist/esm/version.json +1 -1
  123. package/dist/types/actions/index.d.ts +1 -1
  124. package/dist/types/create-editor/get-plugins.d.ts +2 -0
  125. package/dist/types/index.d.ts +0 -1
  126. package/dist/types/plugins/breakout/index.d.ts +4 -0
  127. package/dist/types/plugins/breakout/ui/LayoutButton.d.ts +1 -1
  128. package/dist/types/plugins/card/index.d.ts +2 -2
  129. package/dist/types/plugins/collab-edit/actions.d.ts +3 -2
  130. package/dist/types/plugins/collab-edit/events/handlers.d.ts +3 -3
  131. package/dist/types/plugins/collab-edit/events/initialize.d.ts +1 -1
  132. package/dist/types/plugins/collab-edit/events/send-transaction.d.ts +1 -1
  133. package/dist/types/plugins/collab-edit/index.d.ts +0 -1
  134. package/dist/types/plugins/collab-edit/native-collab-provider-plugin.d.ts +2 -2
  135. package/dist/types/plugins/collab-edit/participants.d.ts +1 -1
  136. package/dist/types/plugins/collab-edit/plugin.d.ts +0 -2
  137. package/dist/types/plugins/collab-edit/types.d.ts +1 -3
  138. package/dist/types/plugins/collab-edit/ui/to-avatar.d.ts +1 -1
  139. package/dist/types/plugins/collab-edit/utils.d.ts +2 -1
  140. package/dist/types/plugins/extension/index.d.ts +2 -1
  141. package/dist/types/plugins/extension/nodeviews/extension.d.ts +4 -1
  142. package/dist/types/plugins/extension/pm-plugins/main.d.ts +3 -1
  143. package/dist/types/plugins/extension/ui/Extension/Extension/index.d.ts +6 -0
  144. package/dist/types/plugins/extension/ui/Extension/ExtensionComponent.d.ts +3 -0
  145. package/dist/types/plugins/extension/ui/Extension/index.d.ts +3 -0
  146. package/dist/types/plugins/help-dialog/index.d.ts +3 -1
  147. package/dist/types/plugins/index.d.ts +0 -3
  148. package/dist/types/plugins/media/index.d.ts +12 -2
  149. package/dist/types/plugins/media/nodeviews/mediaNodeView/index.d.ts +4 -2
  150. package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts +1 -1
  151. package/dist/types/plugins/media/nodeviews/types.d.ts +2 -1
  152. package/dist/types/plugins/media/toolbar/index.d.ts +3 -1
  153. package/dist/types/plugins/media/ui/ResizableMediaSingle/types.d.ts +2 -2
  154. package/dist/types/test-utils.d.ts +3 -1
  155. package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  156. package/dist/types/ui/ColorPickerButton/index.d.ts +3 -3
  157. package/dist/types/ui/ContextPanel/index.d.ts +3 -4
  158. package/dist/types/ui/MediaAndEmbedsToolbar/index.d.ts +3 -1
  159. package/dist/types/ui/PluginSlot/index.d.ts +1 -1
  160. package/dist/types/ui/Resizer/types.d.ts +2 -2
  161. package/dist/types/utils/clipboard.d.ts +1 -0
  162. package/dist/types-ts4.5/actions/index.d.ts +1 -1
  163. package/dist/types-ts4.5/create-editor/get-plugins.d.ts +2 -0
  164. package/dist/types-ts4.5/index.d.ts +0 -1
  165. package/dist/types-ts4.5/plugins/breakout/index.d.ts +6 -0
  166. package/dist/types-ts4.5/plugins/breakout/ui/LayoutButton.d.ts +1 -1
  167. package/dist/types-ts4.5/plugins/card/index.d.ts +2 -2
  168. package/dist/types-ts4.5/plugins/collab-edit/actions.d.ts +3 -2
  169. package/dist/types-ts4.5/plugins/collab-edit/events/handlers.d.ts +3 -3
  170. package/dist/types-ts4.5/plugins/collab-edit/events/initialize.d.ts +1 -1
  171. package/dist/types-ts4.5/plugins/collab-edit/events/send-transaction.d.ts +1 -1
  172. package/dist/types-ts4.5/plugins/collab-edit/index.d.ts +0 -1
  173. package/dist/types-ts4.5/plugins/collab-edit/native-collab-provider-plugin.d.ts +2 -2
  174. package/dist/types-ts4.5/plugins/collab-edit/participants.d.ts +1 -1
  175. package/dist/types-ts4.5/plugins/collab-edit/plugin.d.ts +0 -2
  176. package/dist/types-ts4.5/plugins/collab-edit/types.d.ts +1 -3
  177. package/dist/types-ts4.5/plugins/collab-edit/ui/to-avatar.d.ts +1 -1
  178. package/dist/types-ts4.5/plugins/collab-edit/utils.d.ts +2 -1
  179. package/dist/types-ts4.5/plugins/extension/index.d.ts +3 -1
  180. package/dist/types-ts4.5/plugins/extension/nodeviews/extension.d.ts +4 -1
  181. package/dist/types-ts4.5/plugins/extension/pm-plugins/main.d.ts +3 -1
  182. package/dist/types-ts4.5/plugins/extension/ui/Extension/Extension/index.d.ts +6 -0
  183. package/dist/types-ts4.5/plugins/extension/ui/Extension/ExtensionComponent.d.ts +3 -0
  184. package/dist/types-ts4.5/plugins/extension/ui/Extension/index.d.ts +3 -0
  185. package/dist/types-ts4.5/plugins/help-dialog/index.d.ts +5 -1
  186. package/dist/types-ts4.5/plugins/index.d.ts +0 -3
  187. package/dist/types-ts4.5/plugins/media/index.d.ts +9 -2
  188. package/dist/types-ts4.5/plugins/media/nodeviews/mediaNodeView/index.d.ts +4 -2
  189. package/dist/types-ts4.5/plugins/media/nodeviews/mediaSingle.d.ts +1 -1
  190. package/dist/types-ts4.5/plugins/media/nodeviews/types.d.ts +2 -1
  191. package/dist/types-ts4.5/plugins/media/toolbar/index.d.ts +3 -1
  192. package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/types.d.ts +2 -2
  193. package/dist/types-ts4.5/test-utils.d.ts +3 -1
  194. package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  195. package/dist/types-ts4.5/ui/ColorPickerButton/index.d.ts +3 -3
  196. package/dist/types-ts4.5/ui/ContextPanel/index.d.ts +3 -4
  197. package/dist/types-ts4.5/ui/MediaAndEmbedsToolbar/index.d.ts +3 -1
  198. package/dist/types-ts4.5/ui/PluginSlot/index.d.ts +1 -1
  199. package/dist/types-ts4.5/ui/Resizer/types.d.ts +2 -2
  200. package/dist/types-ts4.5/utils/clipboard.d.ts +1 -0
  201. package/package.json +25 -23
  202. package/report.api.md +15 -63
  203. package/dist/cjs/plugins/collab-edit/provider/index.js +0 -5
  204. package/dist/cjs/plugins/collab-edit/provider/types.js +0 -5
  205. package/dist/cjs/plugins/grid/index.js +0 -207
  206. package/dist/cjs/plugins/grid/styles.js +0 -16
  207. package/dist/cjs/plugins/grid/types.js +0 -5
  208. package/dist/cjs/plugins/width/index.js +0 -88
  209. package/dist/cjs/ui/ContextPanel/context.js +0 -89
  210. package/dist/es2019/plugins/collab-edit/provider/index.js +0 -1
  211. package/dist/es2019/plugins/collab-edit/provider/types.js +0 -1
  212. package/dist/es2019/plugins/grid/index.js +0 -168
  213. package/dist/es2019/plugins/grid/styles.js +0 -36
  214. package/dist/es2019/plugins/grid/types.js +0 -1
  215. package/dist/es2019/plugins/width/index.js +0 -72
  216. package/dist/es2019/ui/ContextPanel/context.js +0 -65
  217. package/dist/esm/plugins/collab-edit/provider/index.js +0 -1
  218. package/dist/esm/plugins/collab-edit/provider/types.js +0 -1
  219. package/dist/esm/plugins/grid/index.js +0 -191
  220. package/dist/esm/plugins/grid/styles.js +0 -7
  221. package/dist/esm/plugins/grid/types.js +0 -1
  222. package/dist/esm/plugins/width/index.js +0 -78
  223. package/dist/esm/ui/ContextPanel/context.js +0 -79
  224. package/dist/types/plugins/collab-edit/provider/index.d.ts +0 -1
  225. package/dist/types/plugins/collab-edit/provider/types.d.ts +0 -1
  226. package/dist/types/plugins/grid/index.d.ts +0 -25
  227. package/dist/types/plugins/grid/styles.d.ts +0 -2
  228. package/dist/types/plugins/grid/types.d.ts +0 -7
  229. package/dist/types/plugins/width/index.d.ts +0 -18
  230. package/dist/types/ui/ContextPanel/context.d.ts +0 -24
  231. package/dist/types-ts4.5/plugins/collab-edit/provider/index.d.ts +0 -1
  232. package/dist/types-ts4.5/plugins/collab-edit/provider/types.d.ts +0 -1
  233. package/dist/types-ts4.5/plugins/grid/index.d.ts +0 -27
  234. package/dist/types-ts4.5/plugins/grid/styles.d.ts +0 -2
  235. package/dist/types-ts4.5/plugins/grid/types.d.ts +0 -7
  236. package/dist/types-ts4.5/plugins/width/index.d.ts +0 -18
  237. package/dist/types-ts4.5/ui/ContextPanel/context.d.ts +0 -24
@@ -1,72 +0,0 @@
1
- import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
2
- import { PluginKey } from 'prosemirror-state';
3
- /**
4
- * @private
5
- * @deprecated
6
- *
7
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
8
- */
9
- export const pluginKey = new PluginKey('widthPlugin');
10
- export function createPlugin(dispatch) {
11
- return new SafePlugin({
12
- key: pluginKey,
13
- state: {
14
- init: () => ({
15
- width: document.body.offsetWidth,
16
- containerWidth: document.body.offsetWidth
17
- }),
18
- apply(tr, pluginState) {
19
- const meta = tr.getMeta(pluginKey);
20
- if (!meta) {
21
- return pluginState;
22
- }
23
- const newPluginState = {
24
- ...pluginState,
25
- ...meta
26
- };
27
- if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
28
- dispatch(pluginKey, newPluginState);
29
- return newPluginState;
30
- }
31
- return pluginState;
32
- }
33
- }
34
- });
35
- }
36
- const widthPlugin = () => ({
37
- name: 'width',
38
- pmPlugins: () => [{
39
- name: 'width',
40
- plugin: ({
41
- dispatch
42
- }) => createPlugin(dispatch)
43
- }],
44
- getSharedState: editorState => {
45
- if (!editorState) {
46
- return undefined;
47
- }
48
- return pluginKey.getState(editorState);
49
- },
50
- // do this early here, otherwise we have to wait for WidthEmitter to debounce
51
- // which causes anything dependent on lineLength to jump around
52
- contentComponent({
53
- editorView,
54
- containerElement
55
- }) {
56
- const newState = {
57
- lineLength: editorView.dom.clientWidth
58
- };
59
- if (containerElement) {
60
- var _containerElement$par;
61
- newState.width = containerElement.offsetWidth;
62
-
63
- // wrapper width is used by context panel to determine whether there is
64
- // enough space to open without overlapping the editor
65
- newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
66
- }
67
- const tr = editorView.state.tr.setMeta(pluginKey, newState);
68
- editorView.dispatch(tr);
69
- return null;
70
- }
71
- });
72
- export default widthPlugin;
@@ -1,65 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import React from 'react';
3
-
4
- // React context to communicate the active context panel width up and down the tree.
5
- //
6
- // We need the width prop from the ContextPanel component.
7
- //
8
- // However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
9
- // For example, in the template context panel storybook, we wrap it in 2 higher order components.
10
- //
11
- // Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
12
- //
13
- // To subtract the context panel width from the available real estate, we use the Provider and Consumer.
14
- //
15
- // positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
16
- // able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
17
- // panel
18
- export const ContextPanel = /*#__PURE__*/React.createContext({
19
- width: 0,
20
- positionedOverEditor: false,
21
- broadcastWidth: () => {},
22
- broadcastPosition: () => {}
23
- });
24
- export class ContextPanelWidthProvider extends React.Component {
25
- constructor(props) {
26
- super(props);
27
- _defineProperty(this, "state", {
28
- width: 0,
29
- positionedOverEditor: false
30
- });
31
- _defineProperty(this, "broadcastSidebarWidth", width => {
32
- if (width !== this.state.width) {
33
- this.setState({
34
- width
35
- });
36
- }
37
- });
38
- _defineProperty(this, "broadcastPosition", positionedOverEditor => {
39
- if (positionedOverEditor !== this.state.positionedOverEditor) {
40
- this.setState({
41
- positionedOverEditor
42
- });
43
- }
44
- });
45
- }
46
- render() {
47
- const {
48
- width,
49
- positionedOverEditor
50
- } = this.state;
51
- return /*#__PURE__*/React.createElement(Provider, {
52
- value: {
53
- width,
54
- positionedOverEditor,
55
- broadcastWidth: this.broadcastSidebarWidth,
56
- broadcastPosition: this.broadcastPosition
57
- }
58
- }, this.props.children);
59
- }
60
- }
61
- const {
62
- Provider,
63
- Consumer
64
- } = ContextPanel;
65
- export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,191 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/createClass";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- 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; } }
10
- import React from 'react';
11
- import classnames from 'classnames';
12
- import { withTheme } from '@emotion/react';
13
- import { PluginKey } from 'prosemirror-state';
14
- import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
15
- import { breakoutWideScaleRatio, akEditorFullPageMaxWidth, akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
16
- import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
17
- export var GRID_SIZE = 12;
18
- var key = new PluginKey('gridPlugin');
19
- var createDisplayGrid = function createDisplayGrid(view) {
20
- return function (props) {
21
- var dispatch = view.dispatch,
22
- state = view.state;
23
- var tr = state.tr.setMeta(key, props);
24
- dispatch(tr);
25
- return true;
26
- };
27
- };
28
- export var gridTypeForLayout = function gridTypeForLayout(layout) {
29
- return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
30
- };
31
- var sides = ['left', 'right'];
32
- var overflowHighlight = function overflowHighlight(highlights, side, start, size) {
33
- if (!highlights.length) {
34
- return false;
35
- }
36
- var minHighlight = highlights.reduce(function (prev, cur) {
37
- return Math.min(prev, cur);
38
- });
39
- var maxHighlight = highlights.reduce(function (prev, cur) {
40
- return Math.max(prev, cur);
41
- });
42
- if (side === 'left') {
43
- return minHighlight < 0 && minHighlight <= -start && (typeof size === 'number' ? minHighlight >= -(start + size) : true);
44
- } else {
45
- return maxHighlight > GRID_SIZE && maxHighlight >= GRID_SIZE + start && (typeof size === 'number' ? maxHighlight <= GRID_SIZE + size : true);
46
- }
47
- };
48
- var gutterGridLines = function gutterGridLines(editorMaxWidth, editorWidth, highlights, shouldCalcBreakoutGridLines) {
49
- var gridLines = [];
50
- if (!shouldCalcBreakoutGridLines) {
51
- return gridLines;
52
- }
53
- var wideSpacing = (editorMaxWidth * breakoutWideScaleRatio - editorMaxWidth) / 2;
54
- sides.forEach(function (side) {
55
- gridLines.push( /*#__PURE__*/React.createElement("div", {
56
- key: side,
57
- className: classnames('gridLine', overflowHighlight(highlights, side, 0, 4) ? 'highlight' : ''),
58
- style: _defineProperty({
59
- position: 'absolute'
60
- }, side, "-".concat(wideSpacing, "px"))
61
- }));
62
- gridLines.push( /*#__PURE__*/React.createElement("div", {
63
- key: side + '-bk',
64
- className: classnames('gridLine', highlights.indexOf('full-width') > -1 ? 'highlight' : ''),
65
- style: _defineProperty({
66
- position: 'absolute'
67
- }, side, "-".concat((editorWidth - editorMaxWidth - akEditorBreakoutPadding) / 2, "px"))
68
- }));
69
- });
70
- return gridLines;
71
- };
72
- var lineLengthGridLines = function lineLengthGridLines(highlights) {
73
- var gridLines = [];
74
- var gridSpacing = 100 / GRID_SIZE;
75
- for (var i = 0; i <= GRID_SIZE; i++) {
76
- var style = {
77
- paddingLeft: "".concat(gridSpacing, "%")
78
- };
79
- gridLines.push( /*#__PURE__*/React.createElement("div", {
80
- key: i,
81
- className: classnames('gridLine', highlights.indexOf(i) > -1 ? 'highlight' : ''),
82
- style: i < GRID_SIZE ? style : undefined
83
- }));
84
- }
85
- return gridLines;
86
- };
87
- var Grid = /*#__PURE__*/function (_React$Component) {
88
- _inherits(Grid, _React$Component);
89
- var _super = _createSuper(Grid);
90
- function Grid() {
91
- _classCallCheck(this, Grid);
92
- return _super.apply(this, arguments);
93
- }
94
- _createClass(Grid, [{
95
- key: "render",
96
- value: function render() {
97
- var _this$props = this.props,
98
- highlight = _this$props.highlight,
99
- shouldCalcBreakoutGridLines = _this$props.shouldCalcBreakoutGridLines,
100
- theme = _this$props.theme,
101
- containerElement = _this$props.containerElement,
102
- editorWidth = _this$props.editorWidth,
103
- gridType = _this$props.gridType,
104
- visible = _this$props.visible;
105
- var editorMaxWidth = theme.layoutMaxWidth;
106
- var gridLines = [].concat(_toConsumableArray(lineLengthGridLines(highlight)), _toConsumableArray(gutterGridLines(editorMaxWidth, editorWidth, highlight, shouldCalcBreakoutGridLines)));
107
- return /*#__PURE__*/React.createElement("div", {
108
- className: "gridParent"
109
- }, /*#__PURE__*/React.createElement("div", {
110
- className: classnames('gridContainer', gridType),
111
- style: {
112
- height: "".concat(containerElement.scrollHeight, "px"),
113
- display: visible ? 'block' : 'none'
114
- }
115
- }, gridLines));
116
- }
117
- }]);
118
- return Grid;
119
- }(React.Component);
120
- var ThemedGrid = withTheme(Grid);
121
- var ContentComponent = function ContentComponent(_ref3) {
122
- var _widthState$width, _gridState$gridType;
123
- var api = _ref3.api,
124
- editorView = _ref3.editorView,
125
- options = _ref3.options;
126
- var _useSharedPluginState = useSharedPluginState(api, ['width', 'grid']),
127
- widthState = _useSharedPluginState.widthState,
128
- gridState = _useSharedPluginState.gridState;
129
- if (!gridState) {
130
- return null;
131
- }
132
- return /*#__PURE__*/React.createElement(ThemedGrid, {
133
- shouldCalcBreakoutGridLines: options && options.shouldCalcBreakoutGridLines,
134
- editorWidth: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : akEditorFullPageMaxWidth,
135
- containerElement: editorView.dom,
136
- visible: gridState.visible,
137
- gridType: (_gridState$gridType = gridState.gridType) !== null && _gridState$gridType !== void 0 ? _gridState$gridType : 'full',
138
- highlight: gridState.highlight
139
- });
140
- };
141
- var EMPTY_STATE = {
142
- visible: false,
143
- highlight: []
144
- };
145
- var gridPMPlugin = new SafePlugin({
146
- key: key,
147
- state: {
148
- init: function init() {
149
- return EMPTY_STATE;
150
- },
151
- apply: function apply(tr, currentPluginState) {
152
- var nextPluginState = tr.getMeta(key);
153
- if (nextPluginState) {
154
- return nextPluginState;
155
- }
156
- return currentPluginState;
157
- }
158
- }
159
- });
160
- var gridPlugin = function gridPlugin(options, api) {
161
- return {
162
- name: 'grid',
163
- getSharedState: function getSharedState(editorState) {
164
- if (!editorState) {
165
- return null;
166
- }
167
- return key.getState(editorState);
168
- },
169
- actions: {
170
- displayGrid: createDisplayGrid
171
- },
172
- pmPlugins: function pmPlugins() {
173
- return [{
174
- name: 'grid',
175
- plugin: function plugin() {
176
- return gridPMPlugin;
177
- }
178
- }];
179
- },
180
- contentComponent: function contentComponent(_ref4) {
181
- var editorView = _ref4.editorView;
182
- return /*#__PURE__*/React.createElement(ContentComponent, {
183
- editorView: editorView,
184
- options: options,
185
- api: api
186
- });
187
- }
188
- };
189
- };
190
- export default gridPlugin;
191
- export { GRID_GUTTER } from './styles';
@@ -1,7 +0,0 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
- import { css } from '@emotion/react';
4
- import { N30A, B200 } from '@atlaskit/theme/colors';
5
- import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
6
- export var GRID_GUTTER = 12;
7
- export var gridStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .gridParent {\n width: calc(100% + ", "px);\n margin-left: -", "px;\n margin-right: -", "px;\n transform: scale(1);\n z-index: ", ";\n }\n\n .gridContainer {\n position: fixed;\n height: 100vh;\n width: 100%;\n pointer-events: none;\n }\n\n // TODO: https://product-fabric.atlassian.net/browse/DSP-4352\n .gridLine {\n border-left: 1px solid ", ";\n display: inline-block;\n box-sizing: border-box;\n height: 100%;\n margin-left: -1px;\n\n transition: border-color 0.15s linear;\n z-index: 0;\n }\n\n .highlight {\n border-left: 1px solid ", ";\n }\n"])), GRID_GUTTER * 2, GRID_GUTTER, GRID_GUTTER, akEditorGridLineZIndex, "var(--ds-border, ".concat(N30A, ")"), "var(--ds-border-focused, ".concat(B200, ")"));
@@ -1 +0,0 @@
1
- export {};
@@ -1,78 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- 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; }
3
- 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) { _defineProperty(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; }
4
- import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
5
- import { PluginKey } from 'prosemirror-state';
6
- /**
7
- * @private
8
- * @deprecated
9
- *
10
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
11
- */
12
- export var pluginKey = new PluginKey('widthPlugin');
13
- export function createPlugin(dispatch) {
14
- return new SafePlugin({
15
- key: pluginKey,
16
- state: {
17
- init: function init() {
18
- return {
19
- width: document.body.offsetWidth,
20
- containerWidth: document.body.offsetWidth
21
- };
22
- },
23
- apply: function apply(tr, pluginState) {
24
- var meta = tr.getMeta(pluginKey);
25
- if (!meta) {
26
- return pluginState;
27
- }
28
- var newPluginState = _objectSpread(_objectSpread({}, pluginState), meta);
29
- if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
30
- dispatch(pluginKey, newPluginState);
31
- return newPluginState;
32
- }
33
- return pluginState;
34
- }
35
- }
36
- });
37
- }
38
- var widthPlugin = function widthPlugin() {
39
- return {
40
- name: 'width',
41
- pmPlugins: function pmPlugins() {
42
- return [{
43
- name: 'width',
44
- plugin: function plugin(_ref) {
45
- var dispatch = _ref.dispatch;
46
- return createPlugin(dispatch);
47
- }
48
- }];
49
- },
50
- getSharedState: function getSharedState(editorState) {
51
- if (!editorState) {
52
- return undefined;
53
- }
54
- return pluginKey.getState(editorState);
55
- },
56
- // do this early here, otherwise we have to wait for WidthEmitter to debounce
57
- // which causes anything dependent on lineLength to jump around
58
- contentComponent: function contentComponent(_ref2) {
59
- var editorView = _ref2.editorView,
60
- containerElement = _ref2.containerElement;
61
- var newState = {
62
- lineLength: editorView.dom.clientWidth
63
- };
64
- if (containerElement) {
65
- var _containerElement$par;
66
- newState.width = containerElement.offsetWidth;
67
-
68
- // wrapper width is used by context panel to determine whether there is
69
- // enough space to open without overlapping the editor
70
- newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
71
- }
72
- var tr = editorView.state.tr.setMeta(pluginKey, newState);
73
- editorView.dispatch(tr);
74
- return null;
75
- }
76
- };
77
- };
78
- export default widthPlugin;
@@ -1,79 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- 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; } }
10
- import React from 'react';
11
-
12
- // React context to communicate the active context panel width up and down the tree.
13
- //
14
- // We need the width prop from the ContextPanel component.
15
- //
16
- // However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
17
- // For example, in the template context panel storybook, we wrap it in 2 higher order components.
18
- //
19
- // Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
20
- //
21
- // To subtract the context panel width from the available real estate, we use the Provider and Consumer.
22
- //
23
- // positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
24
- // able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
25
- // panel
26
- export var ContextPanel = /*#__PURE__*/React.createContext({
27
- width: 0,
28
- positionedOverEditor: false,
29
- broadcastWidth: function broadcastWidth() {},
30
- broadcastPosition: function broadcastPosition() {}
31
- });
32
- export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
33
- _inherits(ContextPanelWidthProvider, _React$Component);
34
- var _super = _createSuper(ContextPanelWidthProvider);
35
- function ContextPanelWidthProvider(props) {
36
- var _this;
37
- _classCallCheck(this, ContextPanelWidthProvider);
38
- _this = _super.call(this, props);
39
- _defineProperty(_assertThisInitialized(_this), "state", {
40
- width: 0,
41
- positionedOverEditor: false
42
- });
43
- _defineProperty(_assertThisInitialized(_this), "broadcastSidebarWidth", function (width) {
44
- if (width !== _this.state.width) {
45
- _this.setState({
46
- width: width
47
- });
48
- }
49
- });
50
- _defineProperty(_assertThisInitialized(_this), "broadcastPosition", function (positionedOverEditor) {
51
- if (positionedOverEditor !== _this.state.positionedOverEditor) {
52
- _this.setState({
53
- positionedOverEditor: positionedOverEditor
54
- });
55
- }
56
- });
57
- return _this;
58
- }
59
- _createClass(ContextPanelWidthProvider, [{
60
- key: "render",
61
- value: function render() {
62
- var _this$state = this.state,
63
- width = _this$state.width,
64
- positionedOverEditor = _this$state.positionedOverEditor;
65
- return /*#__PURE__*/React.createElement(Provider, {
66
- value: {
67
- width: width,
68
- positionedOverEditor: positionedOverEditor,
69
- broadcastWidth: this.broadcastSidebarWidth,
70
- broadcastPosition: this.broadcastPosition
71
- }
72
- }, this.props.children);
73
- }
74
- }]);
75
- return ContextPanelWidthProvider;
76
- }(React.Component);
77
- var Provider = ContextPanel.Provider,
78
- Consumer = ContextPanel.Consumer;
79
- export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };
@@ -1 +0,0 @@
1
- export type { CollabEditProvider } from './types';
@@ -1 +0,0 @@
1
- export type { CollabEditProvider } from '@atlaskit/editor-common/collab';
@@ -1,25 +0,0 @@
1
- import { EditorView } from 'prosemirror-view';
2
- import { NextEditorPlugin } from '@atlaskit/editor-common/types';
3
- import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
4
- import type { GridPluginState, GridType } from './types';
5
- import type widthPlugin from '../width';
6
- export declare const GRID_SIZE = 12;
7
- type Required<T> = {
8
- [P in keyof T]-?: T[P];
9
- };
10
- type DisplayGrid = (props: Required<GridPluginState>) => boolean;
11
- type CreateDisplayGrid = (view: EditorView) => DisplayGrid;
12
- export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;
13
- export interface GridPluginOptions {
14
- shouldCalcBreakoutGridLines?: boolean;
15
- }
16
- declare const gridPlugin: NextEditorPlugin<'grid', {
17
- pluginConfiguration: GridPluginOptions | undefined;
18
- dependencies: [typeof widthPlugin];
19
- sharedState: GridPluginState | null;
20
- actions: {
21
- displayGrid: CreateDisplayGrid;
22
- };
23
- }>;
24
- export default gridPlugin;
25
- export { GRID_GUTTER } from './styles';
@@ -1,2 +0,0 @@
1
- export declare const GRID_GUTTER = 12;
2
- export declare const gridStyles: import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- export type Highlights = Array<'wide' | 'full-width' | number>;
2
- export type GridPluginState = {
3
- visible: boolean;
4
- gridType?: GridType;
5
- highlight: Highlights;
6
- };
7
- export type GridType = 'full' | 'wrapped';
@@ -1,18 +0,0 @@
1
- import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
2
- import { PluginKey } from 'prosemirror-state';
3
- import { Dispatch } from '../../event-dispatcher';
4
- import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
5
- import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
6
- export type WidthPluginState = EditorContainerWidth;
7
- /**
8
- * @private
9
- * @deprecated
10
- *
11
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
12
- */
13
- export declare const pluginKey: PluginKey<EditorContainerWidth, any>;
14
- export declare function createPlugin(dispatch: Dispatch<WidthPluginState>): SafePlugin | undefined;
15
- declare const widthPlugin: NextEditorPlugin<'width', {
16
- sharedState: EditorContainerWidth | undefined;
17
- }>;
18
- export default widthPlugin;
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- export type ContextPanelContext = {
3
- width: number;
4
- positionedOverEditor: boolean;
5
- broadcastWidth: (width: number) => void;
6
- broadcastPosition: (positionedOverEditor: boolean) => void;
7
- };
8
- export declare const ContextPanel: React.Context<ContextPanelContext>;
9
- export type ContextPanelProviderState = {
10
- width?: number;
11
- positionedOverEditor?: boolean;
12
- };
13
- export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
14
- state: {
15
- width: number;
16
- positionedOverEditor: boolean;
17
- };
18
- constructor(props: any);
19
- broadcastSidebarWidth: (width: number) => void;
20
- broadcastPosition: (positionedOverEditor: boolean) => void;
21
- render(): JSX.Element;
22
- }
23
- declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
24
- export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };
@@ -1 +0,0 @@
1
- export type { CollabEditProvider } from './types';
@@ -1 +0,0 @@
1
- export type { CollabEditProvider } from '@atlaskit/editor-common/collab';
@@ -1,27 +0,0 @@
1
- import { EditorView } from 'prosemirror-view';
2
- import { NextEditorPlugin } from '@atlaskit/editor-common/types';
3
- import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
4
- import type { GridPluginState, GridType } from './types';
5
- import type widthPlugin from '../width';
6
- export declare const GRID_SIZE = 12;
7
- type Required<T> = {
8
- [P in keyof T]-?: T[P];
9
- };
10
- type DisplayGrid = (props: Required<GridPluginState>) => boolean;
11
- type CreateDisplayGrid = (view: EditorView) => DisplayGrid;
12
- export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;
13
- export interface GridPluginOptions {
14
- shouldCalcBreakoutGridLines?: boolean;
15
- }
16
- declare const gridPlugin: NextEditorPlugin<'grid', {
17
- pluginConfiguration: GridPluginOptions | undefined;
18
- dependencies: [
19
- typeof widthPlugin
20
- ];
21
- sharedState: GridPluginState | null;
22
- actions: {
23
- displayGrid: CreateDisplayGrid;
24
- };
25
- }>;
26
- export default gridPlugin;
27
- export { GRID_GUTTER } from './styles';
@@ -1,2 +0,0 @@
1
- export declare const GRID_GUTTER = 12;
2
- export declare const gridStyles: import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- export type Highlights = Array<'wide' | 'full-width' | number>;
2
- export type GridPluginState = {
3
- visible: boolean;
4
- gridType?: GridType;
5
- highlight: Highlights;
6
- };
7
- export type GridType = 'full' | 'wrapped';
@@ -1,18 +0,0 @@
1
- import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
2
- import { PluginKey } from 'prosemirror-state';
3
- import { Dispatch } from '../../event-dispatcher';
4
- import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
5
- import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
6
- export type WidthPluginState = EditorContainerWidth;
7
- /**
8
- * @private
9
- * @deprecated
10
- *
11
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
12
- */
13
- export declare const pluginKey: PluginKey<EditorContainerWidth, any>;
14
- export declare function createPlugin(dispatch: Dispatch<WidthPluginState>): SafePlugin | undefined;
15
- declare const widthPlugin: NextEditorPlugin<'width', {
16
- sharedState: EditorContainerWidth | undefined;
17
- }>;
18
- export default widthPlugin;