@atlaskit/editor-core 191.3.2 → 191.4.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-core
 
+## 191.4.0
+
+### Minor Changes
+
+- [#68051](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68051) [`cc37c5349123`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc37c5349123) - Export the EditorContext via a new entrypoint on editor core (/editor-context). Make the dependencies array for usePreset empty by default.
+
+### Patch Changes
+
+- [#67125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67125) [`52098b429104`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52098b429104) - [ux] ED-19383: Updated main toolbar boxshadow to be not transparent
+- Updated dependencies
+
 ## 191.3.2
 
 ### Patch Changes

package/dist/cjs/editor-context.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditorContext", {
+  enumerable: true,
+  get: function get() {
+    return _EditorContext.default;
+  }
+});
+var _EditorContext = _interopRequireDefault(require("./ui/EditorContext"));

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -13,7 +13,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -24,7 +23,7 @@ var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n    ", "\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
 };
-var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
+var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js

@@ -8,13 +8,12 @@ exports.nonCustomToolbarWrapperStyle = exports.mainToolbarStyle = exports.mainTo
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
+var mainToolbarWithKeyline = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var mainToolbarTwoLineStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 var mainToolbar = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
 var mainToolbarStyle = exports.mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {

package/dist/cjs/use-preset.js

@@ -39,7 +39,8 @@ var _context = require("./presets/context");
  * }
  * ```
  */
-function usePreset(createPreset, dependencies) {
+function usePreset(createPreset) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var editorApi = (0, _context.usePresetContext)();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var preset = (0, _react.useMemo)(createPreset, dependencies);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "191.3.2";
+var version = exports.version = "191.4.0";

package/dist/es2019/editor-context.js

@@ -0,0 +1 @@
+export { default as EditorContext } from './ui/EditorContext';

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
-import { N30 } from '@atlaskit/theme/colors';
 export const TableControlsPadding = 20;
 const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 const mainToolbarWrapperStyle = (isTwoLineEditorToolbar = false) => css`
@@ -56,7 +55,7 @@ const stickyToolbarWrapperStyle = css`
   transition: box-shadow ease-in-out 0.2s;
   &.show-keyline {
     box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0
-      ${`var(--ds-border, ${N30})`};
+      ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"};
   }
 `;
 const StickyToolbar = props => {

package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js

@@ -1,13 +1,12 @@
 import { css } from '@emotion/react';
 import { akEditorFloatingDialogZIndex, akEditorMobileMaxWidth, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
-import { N30 } from '@atlaskit/theme/colors';
 export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 const toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
 const mainToolbarWithKeyline = css`
   box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0
-    ${`var(--ds-border, ${N30})`};
+    ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"};
 `;
 const mainToolbarTwoLineStyle = css`
   @media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px) {

package/dist/es2019/use-preset.js

@@ -33,7 +33,7 @@ import { usePresetContext } from './presets/context';
  * }
  * ```
  */
-export function usePreset(createPreset, dependencies) {
+export function usePreset(createPreset, dependencies = []) {
   const editorApi = usePresetContext();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const preset = useMemo(createPreset, dependencies);

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "191.3.2";
+export const version = "191.4.0";

package/dist/esm/editor-context.js

@@ -0,0 +1 @@
+export { default as EditorContext } from './ui/EditorContext';

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -8,14 +8,13 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
-import { N30 } from '@atlaskit/theme/colors';
 export var TableControlsPadding = 20;
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n    ", "\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
 };
-var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
+var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/ui/Appearance/FullPage/MainToolbar.js

@@ -2,12 +2,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css } from '@emotion/react';
 import { akEditorFloatingDialogZIndex, akEditorMobileMaxWidth, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
-import { N30 } from '@atlaskit/theme/colors';
 export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
+var mainToolbarWithKeyline = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var mainToolbarTwoLineStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 var mainToolbar = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), akEditorSwoopCubicBezier, akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", akEditorMobileMaxWidth, toolbarLineHeight);
 export var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {

package/dist/esm/use-preset.js

@@ -33,7 +33,8 @@ import { usePresetContext } from './presets/context';
  * }
  * ```
  */
-export function usePreset(createPreset, dependencies) {
+export function usePreset(createPreset) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var editorApi = usePresetContext();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var preset = useMemo(createPreset, dependencies);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "191.3.2";
+export var version = "191.4.0";

package/dist/types/editor-context.d.ts

@@ -0,0 +1 @@
+export { default as EditorContext } from './ui/EditorContext';

package/dist/types/use-preset.d.ts

@@ -38,5 +38,5 @@ interface PresetAPI<PluginNames extends string[] = [], StackPlugins extends AllE
  * }
  * ```
  */
-export declare function usePreset<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+export declare function usePreset<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
 export {};

package/dist/types-ts4.5/editor-context.d.ts

@@ -0,0 +1 @@
+export { default as EditorContext } from './ui/EditorContext';

package/dist/types-ts4.5/use-preset.d.ts

@@ -42,5 +42,5 @@ interface PresetAPI<PluginNames extends string[] = [
  */
 export declare function usePreset<PluginNames extends string[] = [
 ], StackPlugins extends AllEditorPresetPluginTypes[] = [
-]>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+]>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
 export {};

package/docs/0-intro.tsx

@@ -55,32 +55,10 @@ import { usePreset } from '@atlaskit/editor-core/use-preset';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
 
 const CommentEditor = () => {
-  const { preset } = usePreset(() => 
-    new EditorPresetBuilder().add(basePlugin)
-  , []);
+  const { preset } = usePreset(() => new EditorPresetBuilder().add(basePlugin));
 
   return <ComposableEditor preset={preset} />;
 };
-`}
-
-  You can enable more editor functionality by passing extra plugins to the preset as discussed below.
-
-  If coming from the legacy editor, the simplest migration would be via the \`universal\` preset.
-
-  **Warning**: The \`universal\` preset brings in all editor plugins which can impact heavily bundle size. It is generally recommended to build your own custom preset as will be discussed.
-
-  ${code`
-import { ComposableEditor } from '@atlaskit/editor-core/composable-editor';
-import { useUniversalPreset } from '@atlaskit/editor-core/preset-universal';
-
-const CommentEditor = () => {
-  const presetProps = {
-    props: {},
-  };
-  const universalPreset = useUniversalPreset(presetProps);
-
-  return <ComposableEditor preset={universalPreset} />;
-};
 `}
 
   ## Configuration
@@ -99,7 +77,7 @@ import { usePreset } from '@atlaskit/editor-core/use-preset';
 
 const createPreset = () =>
   createDefaultPreset({ featureFlags: {}, paste: {} });
-const { preset } = usePreset(createPreset, []);
+const { preset } = usePreset(createPreset);
 `}
 
   The default preset encompasses all the essentials needed for the Editor to function, representing the minimum set of plugins. It includes core Atlassian libraries essential for editor development \(feature flags, analytics, editor state management\), as well as common editor features \(copy/paste, clipboard support, focus, composition, decorations, undo/redo, block elements, annotations, hyperlink support, basic text formatting, responsive width support, quick-insert, type-ahead, placeholder text, editor controls, selections, code blocks\). Some of these core plugins can be disabled through the configuration object passed into \`createDefaultPreset\`.
@@ -118,6 +96,7 @@ const universalPreset = useUniversalPreset(presetProps);
 
   In addition to the default preset, the universal preset contains a comprehensive set of features for a fully-featured editor. It supports functionalities like data consumers, content insertion, breakout, alignment, text color, lists, rules, expands, guidelines, media, captions, mentions, emoji, tables, tasks & decisions, feedback dialogs, help dialogs, collaborative editing, maximum content size restrictions, Jira issue linking, panels, context panels, extensions, macros, annotations, dates, placeholder text, layouts, cards, auto-formatting rules, status elements, indentation, scroll-into-view behavior, complex history behavior, mobile support, and advanced toolbar support.
 
+  Warning: The universal preset includes all editor plugins, which can significantly increase bundle size. It is generally advisable to create a custom preset according to your needs.
 
   #### Adding a plugin to a preset
 
@@ -133,14 +112,14 @@ import { usePreset } from '@atlaskit/editor-core/use-preset';
 const createPreset = () =>
   createDefaultPreset({ featureFlags: {}, paste: {} })
     .add(listPlugin)
-    .maybeAdd(NextEditorPluginAI, (plugin, builder) => {
-      if (editorPluginAIProvider) {
-        return builder.add([plugin, { editorPluginAIProvider }]); // Add the plugin
+    .maybeAdd(historyPlugin, (plugin, builder) => {
+      if (featureFlag) {
+        return builder.add(plugin); // Add the plugin
       }
       return builder; // Don't add the plugin
     });
     
-const { preset } = usePreset(createPreset, []);
+const { preset } = usePreset(createPreset);
 `}
 
   Some plugins are dependent on others. If you encounter type issues with a specific plugin, it's crucial to verify that all necessary dependencies have been added. These can be cross-checked within the individual documentation of each plugin.
@@ -159,7 +138,7 @@ const createPreset = () =>
     .add([cardPlugin, { platform: 'web' }])
     .add(listPlugin);
 
-const { preset } = usePreset(createPreset, []);
+const { preset } = usePreset(createPreset);
 `}
 
   Or from scratch (simple preset with basic text formatting, list, analytics, and headings):
@@ -180,7 +159,7 @@ const createPreset = () =>
       .add(blockTypePlugin)
       .add(listPlugin)
 
-const { preset } = usePreset(createPreset, []);
+const { preset } = usePreset(createPreset);
 `}
 
   To keep your integrated editor running smoothly, it's important to have a stable preset. If you generate a new preset every time the editor re-renders, it can slow things down significantly. The best way to maintain a stable preset across re-renders is to use the \`usePreset\` hook or similar memoization techniques. This helps your editor run efficiently without unnecessary recalculations.
@@ -200,7 +179,7 @@ ${code`
 
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
 
   // 'comment' is the default appearance, you don't need to pass it
   return <ComposableEditor appearance='comment' preset={preset} />;
@@ -212,7 +191,7 @@ ${code`
 
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
 
   return <ComposableEditor preset={preset} />;
 `}
@@ -225,7 +204,7 @@ ${code`
 ${code`
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
   
   return <ComposableEditor appearance='full-page' preset={preset} />;
   // Or full-width
@@ -240,7 +219,7 @@ ${code`
 ${code`
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
   return <ComposableEditor appearance='chromeless' preset={preset} />;
 `}
 
@@ -251,7 +230,7 @@ ${code`
 ${code`
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
   return <ComposableEditor appearance='mobile' preset={preset} />;
 `}
 
@@ -273,7 +252,7 @@ const CollapsibleEditor = () => {
 
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
 
   return (
     <CollapsedEditor
@@ -282,7 +261,6 @@ const CollapsibleEditor = () => {
       isExpanded={isExpanded}>
       <ComposableEditor
         preset={preset}
-        // TODO: We don't actually want people to use onSave
         onSave={(_editorView) => alert('The save button is a lie.')}
         onCancel={() => setIsExpanded(false)}
       />
@@ -321,7 +299,7 @@ const CommentEditorWithMentions = () => {
 
   const createPreset = () =>
     createDefaultPreset({ featureFlags: {}, paste: {} });
-  const { preset } = usePreset(createPreset, []);
+  const { preset } = usePreset(createPreset);
 
   return <ComposableEditor preset={preset} mentionProvider={presetProps.props.mentionProvider} />;
 };

package/editor-context/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-core/editor-context",
+  "main": "../dist/cjs/editor-context.js",
+  "module": "../dist/esm/editor-context.js",
+  "module:es2019": "../dist/es2019/editor-context.js",
+  "sideEffects": false,
+  "types": "../dist/types/editor-context.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/editor-context.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "191.3.2",
+  "version": "191.4.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -110,7 +110,7 @@
     "@atlaskit/editor-plugin-selection-toolbar": "^0.1.0",
     "@atlaskit/editor-plugin-status": "^0.2.0",
     "@atlaskit/editor-plugin-submit-editor": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^6.0.0",
+    "@atlaskit/editor-plugin-table": "^6.1.0",
     "@atlaskit/editor-plugin-tasks-and-decisions": "^0.2.0",
     "@atlaskit/editor-plugin-text-color": "^0.1.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
@@ -129,7 +129,7 @@
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",