@atlaskit/editor-core 181.0.1 → 182.0.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/editor-core
 
+## 182.0.0
+
+### Major Changes
+
+- [`d066f461786`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d066f461786) - [ED-16946] Remove deprecated feature flag allowMoreTextColors
+
+### Minor Changes
+
+- [`bf04c417bfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bf04c417bfd) - Add "border" mark to stage0 ADF schema
+- [`ef830fdabfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ef830fdabfa) - [ED-17294] Enable type checking for Preset plugins on unit tests
+- [`af9a85063e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af9a85063e5) - add image border toolbar
+- [`0419ca96512`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0419ca96512) - [ED-17209] `Renamed externalPlugins` API to `dependencies`
+- [`c138d6d000f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c138d6d000f) - CCECO-283 Extended Extension API update function with ability to update the content of the node
+
+### Patch Changes
+
+- [`4f75910f899`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f75910f899) - [ux] Add code wrapping button to code block TSLA-266
+- [`1b4642c6b8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b4642c6b8c) - [ED-17287] Update feature flag usage for base plugin
+- [`aa2bb8e9af3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa2bb8e9af3) - [ED-17292] Update feature flag usage for hyperlink plugin
+- [`240b33ea31e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/240b33ea31e) - [ux] ED-17200 Restore typeahead initial-navigation behaviour
+- [`5bb30bba83f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5bb30bba83f) - [ED-17289] Update feature flag usage for collab-edit plugin
+- [`a12242d5600`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a12242d5600) - ED-16683 fixed inability to paste content with inline comment into italic text
+- [`ed91763381c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed91763381c) - [ux] enable focus trap for emoji picker popup, and add press escape key to close emoji picker popup
+- [`7c08fc37676`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c08fc37676) - [17293] Update feature flag usage for hyperlink plugin
+- [`9e49aa408ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9e49aa408ec) - [ED-17291] Update feature flag usage for base plugin
+- [`5843631fc43`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5843631fc43) - [ux] ED-17135: Added missing aria-label to the Clear Formatting menu item.
+- [`04edc92c8f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04edc92c8f0) - ED-16974: Set focus to Editor after Confirmation dialog is closed.
+- [`7946da1848a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7946da1848a) - [ux] [ED-16668] Update table shadow intersection table to observe new shadow sentinels instead of first and last cell
+- [`bad1fae839b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bad1fae839b) - Adds `useSharedPluginState` hook which can be used to replace instances of `WithPluginState`. It will take the dependency injection API (provided by a `NextEditorPlugin` and return the shared state for the specified plugins rather than using plugin keys in `WithPluginState`.
+- [`a9d6c74f7cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9d6c74f7cd) - Update typeahead changes to be behind a feature flag named `use-better-typeahead-navigation`/`useBetterTypeaheadNavigation`. This is an opt-out feature flag! To disable, please supply the feature flag as false.
+- [`da8e67aa763`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da8e67aa763) - [ED-17288] Update feature flag usage for card plugin
+- [`7d13224adfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d13224adfc) - [ED-16731] Initial migration for Feature Flags plugin
+- [`4766fa2e12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4766fa2e12b) - Prevent Voiceover Cursor from navigating over decorative elements in the Editor Toolbar such as separators and unused hidden text.
+- [`a87ef158b49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a87ef158b49) - [ED-17290] Update feature flag usage for expand plugin
+- [`22594b22f8b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22594b22f8b) - fix missing Extension edit button bug by updating potentially stale Extension state
+- [`7f54728ea5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f54728ea5f) - [ux] ED-15271 Update divider node insertion logic to prevent replacement of empty list nodes when inserted via markdown shortcut. Additionally, ensure consistency between other insertion modes like quick insert, hot key shortcuts and toolbar.
+- [`fcda6a668eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fcda6a668eb) - Fix default prop behaviour on EditorMigrationComponent.
+- [`8537da6fa71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8537da6fa71) - Fixes a bug where the height of the link picker popup is incorrectly assigned if link picker plugins are not provided to the editor.
+- Updated dependencies
+
 ## 181.0.1
 
 ### Patch Changes

package/codemods/140.0.0-rc-kraken-fix-type-errors.ts

@@ -1,9 +1,7 @@
 import { createTransformer } from './utils';
-import { renameExperimentalTextColorProp } from './migrates/rename-experimental-text-color-prop';
 import { removeConfigPanelWidthProp } from './migrates/remove-config-panel-width-prop';
 
 const transformer = createTransformer('@atlaskit/editor-core', [
-  renameExperimentalTextColorProp,
   removeConfigPanelWidthProp,
 ]);
 

package/codemods/__tests__/next-remove-allow-more-text-colors-prop.ts

@@ -1,15 +1,11 @@
 jest.autoMockOff();
-
 import { createTransformer } from '../utils';
 import { removeAllowMoreColorsProp } from '../migrates/next-remove-allow-more-text-colors-prop';
-
 // This stays as require() since changing to import will trigger a linter error
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
 const transformer = createTransformer('@atlaskit/editor-core', [
   removeAllowMoreColorsProp,
 ]);
-
 describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.', () => {
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
@@ -17,7 +13,6 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `
     import React from 'react';
     import { Editor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       allowTextColor = {
         {
@@ -31,7 +26,6 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `
     import React from 'react';
     import { Editor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       allowTextColor = {
         {
@@ -43,14 +37,12 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `, // -----
     'remove allowMoreTextColors field if it exists',
   );
-
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},
     `
     import React from 'react';
     import { Editor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor = {
@@ -63,7 +55,6 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `
     import React from 'react';
     import { Editor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor={true}
@@ -71,14 +62,12 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `, // -----
     'set allowTextColor prop value to `true` if allowMoreTextColors is its only field',
   );
-
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},
     `
     import React from 'react';
     import { Editor as MyEditor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor = {
@@ -92,7 +81,6 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `
     import React from 'react';
     import { Editor as MyEditor } from '@atlaskit/editor-core';
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor = {
@@ -104,17 +92,14 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `, // -----
     'remove allowMoreTextColors prop prop when Editor is renamed',
   );
-
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},
     `
     import React from 'react';
-
     const Editor = (props) => {
       <div>{props.children}</div>
     };
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor = {
@@ -127,11 +112,9 @@ describe('remove `allowMoreTextColors` field from `allowTextColor` Editor prop.'
     `, // -----
     `
     import React from 'react';
-
     const Editor = (props) => {
       <div>{props.children}</div>
     };
-
     export default () => <Editor
       appearance="full-page"
       allowTextColor = {

package/codemods/migrates/next-remove-allow-more-text-colors-prop.ts

@@ -1,7 +1,6 @@
 import core from 'jscodeshift';
 import { Collection } from 'jscodeshift/src/Collection';
 import { findImportFromPackage } from '../utils';
-
 /**
  * Generate a codemod to remove `allowMoreTextColors` field
  * from `allowTextColor` Editor prop.
@@ -20,7 +19,6 @@ const createRemoveAllowMoreTextColorsPropTransform = (
       '@atlaskit/editor-core',
       'Editor',
     );
-
     // Make the change on all instances of named imports found
     importedNames.forEach((importedComponentName) => {
       // Find `allowTextColor` prop
@@ -33,7 +31,6 @@ const createRemoveAllowMoreTextColorsPropTransform = (
       allowTextColorCollection
         .find(j.ObjectProperty, { key: { name: 'allowMoreTextColors' } })
         .forEach((x) => j(x).remove());
-
       // If the remaining `allowTextColor` prop is an empty object, set `allowTextColor` to `true`.
       allowTextColorCollection.forEach((allowTextColorPath) => {
         j(allowTextColorPath).find(j.ObjectExpression, (objectExpression) => {
@@ -50,7 +47,6 @@ const createRemoveAllowMoreTextColorsPropTransform = (
     });
   };
 };
-
 export const removeAllowMoreColorsProp =
   createRemoveAllowMoreTextColorsPropTransform(
     '@atlaskit/editor-core',

package/dist/cjs/create-editor/sort-by-order.js

@@ -5,9 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sortByOrder = sortByOrder;
+exports.sortByOrderWithTypeName = sortByOrderWithTypeName;
 var _rank = _interopRequireDefault(require("../plugins/rank"));
 function sortByOrder(item) {
   return function (a, b) {
     return _rank.default[item].indexOf(a.name) - _rank.default[item].indexOf(b.name);
   };
+}
+
+// while functionally the same, in order to avoid potentially rewriting the ~10
+// existing implementations of the above function I decided creating a separate
+// function avoided that whole mess. If someone can think of a better way to implement
+// the above and below into a single function please do so
+
+function sortByOrderWithTypeName(item) {
+  return function (a, b) {
+    return _rank.default[item].indexOf(a.type.name) - _rank.default[item].indexOf(b.type.name);
+  };
 }

package/dist/cjs/editor-next/editor-migration-component.js

@@ -10,11 +10,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
 var _editor = _interopRequireDefault(require("../editor"));
 var _index = _interopRequireDefault(require("./index"));
+var _editorPropTypes = require("./utils/editorPropTypes");
 var _useUniversalPreset = _interopRequireDefault(require("../labs/next/presets/useUniversalPreset"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 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; } }
@@ -48,4 +50,5 @@ var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return EditorMigrationComponent;
 }(_react.default.Component);
-exports.default = EditorMigrationComponent;
+exports.default = EditorMigrationComponent;
+(0, _defineProperty2.default)(EditorMigrationComponent, "defaultProps", _editorPropTypes.defaultProps);

package/dist/cjs/editor-next/utils/deprecationWarnings.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = deprecationWarnings;
 var _versionWrapper = require("../../version-wrapper");
 function deprecationWarnings(props) {
-  var _props$allowTextColor;
   if (process.env.NODE_ENV === 'production') {
     return;
   }
@@ -38,8 +37,4 @@ function deprecationWarnings(props) {
     // eslint-disable-next-line no-console
     console.warn("Advanced table options are deprecated (except isHeaderRowRequired) to continue using advanced table features use - <Editor allowTables={{ advanced: true }} /> [Will be changed in editor-core@".concat(nextVersion, "]"));
   }
-  if (props.hasOwnProperty('allowTextColor') && typeof props.allowTextColor !== 'boolean' && (props === null || props === void 0 ? void 0 : (_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) !== undefined) {
-    // eslint-disable-next-line no-console
-    console.warn("\"allowMoreTextColors\" field of \"allowTextColor\" property is deprecated. It will be removedin editor-core@".concat(nextVersion, ". The color palette now shows more colors by default."));
-  }
 }

package/dist/cjs/labs/next/full-page.js

@@ -101,7 +101,8 @@ function FullPage(props) {
     editorView: config.editorView,
     eventDispatcher: config.eventDispatcher,
     inviteToEditHandler: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.inviteToEditHandler,
-    isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected
+    isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected,
+    featureFlags: {}
   }), primaryToolbarComponents)), (0, _react2.jsx)("div", {
     css: contentArea
   }, (0, _react2.jsx)(_ContentStyles.default, {

package/dist/cjs/labs/next/presets/default.js

@@ -19,6 +19,7 @@ var _typeAhead = _interopRequireDefault(require("../../../plugins/type-ahead"));
 var _submitEditor = _interopRequireDefault(require("../../../plugins/submit-editor"));
 var _fakeTextCursor = _interopRequireDefault(require("../../../plugins/fake-text-cursor"));
 var _featureFlagsContext = _interopRequireDefault(require("../../../plugins/feature-flags-context"));
+var _editorPluginFeatureFlags = _interopRequireDefault(require("@atlaskit/editor-plugin-feature-flags"));
 var _floatingToolbar = _interopRequireDefault(require("../../../plugins/floating-toolbar"));
 var _clipboard = _interopRequireDefault(require("../../../plugins/clipboard"));
 var _placeholder = _interopRequireDefault(require("../../../plugins/placeholder"));
@@ -35,7 +36,7 @@ var _preset = require("@atlaskit/editor-common/preset");
  * their placement in the editor toolbar
  */
 function createDefaultPreset(options) {
-  var preset = new _preset.EditorPresetBuilder().add([_paste.default, options.paste]).add(_clipboard.default).add([_base.default, options.base]).maybeAdd(_undoRedo.default, function (p, builder) {
+  var preset = new _preset.EditorPresetBuilder().add([_editorPluginFeatureFlags.default, options.featureFlags || {}]).add([_paste.default, options.paste]).add(_clipboard.default).add([_base.default, options.base]).maybeAdd(_undoRedo.default, function (p, builder) {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

package/dist/cjs/labs/next/presets/universal.js

@@ -118,7 +118,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         uploadErrorHandler: props.uploadErrorHandler,
         waitForMediaUpload: props.waitForMediaUpload,
         isCopyPasteEnabled: !isMobile,
-        alignLeftOnInsert: alignLeftOnInsert
+        alignLeftOnInsert: alignLeftOnInsert,
+        getEditorFeatureFlags: getEditorFeatureFlags
       })]);
     }
     return builder;
@@ -373,6 +374,11 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       }]);
     }
     return builder;
+  }).maybeAdd(_plugins.borderPlugin, function (plugin, builder) {
+    if (props.UNSAFE_allowBorderMark) {
+      return builder.add(plugin);
+    }
+    return builder;
   }).maybeAdd(_plugins.fragmentMarkPlugin, function (plugin, builder) {
     if (props.allowFragmentMark) {
       return builder.add(plugin);

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -20,6 +20,7 @@ var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButto
 var _Dropdown = _interopRequireDefault(require("../../../../ui/Dropdown"));
 var _Alignment = _interopRequireDefault(require("../../../../ui/Alignment"));
 var _styles = require("./styles");
+var _styles2 = require("../../../../ui/styles");
 var _iconMap = require("./icon-map");
 var _messages = require("./messages");
 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; }
@@ -157,7 +158,7 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         },
         selectedAlignment: pluginState.align
       })), (0, _react2.jsx)("span", {
-        css: _styles.separator
+        css: _styles2.separatorStyles
       }));
     }
   }, {

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/styles.js

@@ -4,16 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapper = exports.triggerWrapper = exports.separator = exports.expandIconWrapper = void 0;
+exports.wrapper = exports.triggerWrapper = exports.expandIconWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 var triggerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.triggerWrapper = triggerWrapper;
-var separator = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), "var(--ds-border, ".concat(_colors.N30, ")"));
-exports.separator = separator;
-var wrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
+var wrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
 exports.wrapper = wrapper;
-var expandIconWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+var expandIconWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
 exports.expandIconWrapper = expandIconWrapper;

package/dist/cjs/plugins/analytics/plugin.js

@@ -13,7 +13,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("./types");
 var _pluginKey = require("./plugin-key");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _featureFlagsContext = require("../feature-flags-context");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _undoRedoInputSource = require("../undo-redo/undo-redo-input-source");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -21,7 +20,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function createPlugin(options) {
+function createPlugin(options, featureFlags) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
@@ -35,14 +34,13 @@ function createPlugin(options) {
         });
       },
       apply: function apply(tr, pluginState, _, state) {
-        var _getFeatureFlags;
         if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
           // When the plugin state is reconfigured, the init function isn't called again
           return _objectSpread(_objectSpread({}, pluginState), {}, {
             createAnalyticsEvent: options.createAnalyticsEvent
           });
         }
-        if ((_getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
+        if (featureFlags.catchAllTracking) {
           var analyticsEventWithChannel = (0, _analytics.getAnalyticsEventsFromTransaction)(tr);
           if (analyticsEventWithChannel.length > 0) {
             var _iterator = _createForOfIteratorHelper(analyticsEventWithChannel),
@@ -89,14 +87,16 @@ function createPlugin(options) {
     }
   });
 }
-var analyticsPlugin = function analyticsPlugin(options) {
+var analyticsPlugin = function analyticsPlugin(options, api) {
+  var _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies$fea = api.dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'analytics',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
         plugin: function plugin() {
-          return createPlugin(options);
+          return createPlugin(options, featureFlags);
         }
       }];
     },

package/dist/cjs/plugins/avatar-group/index.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
-var avatarGroup = function avatarGroup(props) {
+var avatarGroup = function avatarGroup(props, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'avatarGroup',
     primaryToolbarComponent: function primaryToolbarComponent(_ref) {
@@ -24,7 +26,8 @@ var avatarGroup = function avatarGroup(props) {
         editorView: editorView,
         eventDispatcher: eventDispatcher,
         collabEdit: props.collabEdit,
-        takeFullWidth: props.takeFullWidth
+        takeFullWidth: props.takeFullWidth,
+        featureFlags: featureFlags
       });
     }
   };

package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -16,7 +16,8 @@ var _templateObject, _templateObject2;
 var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 0;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])));
 var toolbarButtonWrapperFullWidth = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  flex-grow: 1;\n"])), toolbarButtonWrapper);
 var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
-  var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent,
+    featureFlags = props.featureFlags;
   var intl = (0, _reactIntlNext.useIntl)();
   (0, _react.useEffect)(function () {
     if (!dispatchAnalyticsEvent) {
@@ -38,7 +39,8 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: props.collabEdit && props.collabEdit.inviteToEditComponent,
     inviteToEditHandler: props.collabEdit && props.collabEdit.inviteToEditHandler,
-    isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected
+    isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected,
+    featureFlags: featureFlags
   }));
 };
 var _default = AvatarGroupPluginWrapper;

package/dist/cjs/plugins/base/index.js

@@ -29,7 +29,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // Chrome >= 88
 var isChromeWithSelectionBug = _utils.browser.chrome && _utils.browser.chrome_version >= 88;
 exports.isChromeWithSelectionBug = isChromeWithSelectionBug;
-var basePlugin = function basePlugin(options) {
+var basePlugin = function basePlugin(options, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'base',
     pmPlugins: function pmPlugins() {
@@ -134,7 +136,7 @@ var basePlugin = function basePlugin(options) {
       plugins.push({
         name: 'disableSpellcheckingPlugin',
         plugin: function plugin() {
-          return (0, _disableSpellChecking.default)();
+          return (0, _disableSpellChecking.default)(featureFlags);
         }
       });
       plugins.push({

package/dist/cjs/plugins/base/pm-plugins/disable-spell-checking.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
-var _featureFlagsContext = require("../../feature-flags-context");
 var _utils = require("@atlaskit/editor-common/utils");
 function getCurrentBrowserAndVersion() {
   switch (true) {
@@ -33,12 +32,11 @@ function getCurrentBrowserAndVersion() {
   }
   return undefined;
 }
-var _default = function _default() {
+var _default = function _default(featureFlags) {
   return new _safePlugin.SafePlugin({
     key: new _prosemirrorState.PluginKey('disableSpellchecking'),
     props: {
       attributes: function attributes(editorState) {
-        var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(editorState) || undefined;
         if (!featureFlags) {
           return;
         }

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -47,11 +47,6 @@ var BlockTypeButton = function BlockTypeButton(props) {
     })))
   }, !props.isSmall && (0, _react2.jsx)("span", {
     css: [_styles.buttonContentStyle, props.isReducedSpacing && _styles.buttonContentReducedSpacingStyle]
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, props.title || _types.NORMAL_TEXT.title), (0, _react2.jsx)("div", {
-    style: {
-      overflow: 'hidden',
-      height: 0
-    }
-  }, props.children)));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, props.title || _types.NORMAL_TEXT.title)));
 };
 exports.BlockTypeButton = BlockTypeButton;

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -19,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _DropdownMenu = _interopRequireDefault(require("../../../../ui/DropdownMenu"));
 var _styles = require("../../../../ui/styles");
-var _types = require("../../types");
 var _styled = require("./styled");
 var _keymaps = require("../../../../keymaps");
 var _blocktypeButton = require("./blocktype-button");
@@ -135,10 +133,6 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       }).map(function (blockType) {
         return blockType.title;
       });
-      var longestDropdownMenuItem = [_types.NORMAL_TEXT].concat((0, _toConsumableArray2.default)(availableBlockTypes)).reduce(function (longest, item) {
-        var itemTitle = formatMessage(item.title);
-        return itemTitle.length >= longest.length ? itemTitle : longest;
-      }, '');
       if (!this.props.isDisabled && !blockTypesDisabled) {
         var items = this.createItems();
         return (0, _react2.jsx)("span", {
@@ -173,7 +167,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
-        }, longestDropdownMenuItem)), (0, _react2.jsx)("span", {
+        })), (0, _react2.jsx)("span", {
           css: _styles.separatorStyles
         }));
       }
@@ -189,7 +183,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
-      }, longestDropdownMenuItem), (0, _react2.jsx)("span", {
+      }), (0, _react2.jsx)("span", {
         css: _styles.separatorStyles
       }));
     }

package/dist/cjs/plugins/border/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var borderPlugin = function borderPlugin() {
+  return {
+    name: 'border',
+    marks: function marks() {
+      return [{
+        name: 'border',
+        mark: _adfSchema.border
+      }];
+    }
+  };
+};
+var _default = borderPlugin;
+exports.default = _default;

package/dist/cjs/plugins/card/index.js

@@ -14,7 +14,9 @@ var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _keymap = require("./pm-plugins/keymap");
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var cardPlugin = function cardPlugin(options) {
+var cardPlugin = function cardPlugin(options, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'card',
     nodes: function nodes() {
@@ -62,7 +64,7 @@ var cardPlugin = function cardPlugin(options) {
       });
     },
     pluginsOptions: {
-      floatingToolbar: (0, _toolbar.floatingToolbar)(options, options.platform, options.linkPicker)
+      floatingToolbar: (0, _toolbar.floatingToolbar)(options, featureFlags, options.platform, options.linkPicker)
     }
   };
 };