@atlaskit/editor-core 182.0.3 → 182.1.1

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -7,15 +7,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { jsx, css } from '@emotion/react';
 import { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
+import { hexToEditorTableChartsPaletteColor } from '@atlaskit/editor-palette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
-import { isValidHex } from '../utils';
 import { validate as _validate } from '../utils';
 import { gridSize } from '@atlaskit/theme/constants';
 import { requiredIndicator } from './common/RequiredIndicator';
 import { headingSizes } from '@atlaskit/theme/typography';
 import FieldMessages from '../FieldMessages';
 import ColorPickerButton from '../../ColorPickerButton';
-
+import { chartsColorPaletteTooltipMessages } from '../../../ui/ColorPalette';
 /*
     NOTE: color used here are not yet in atlaskit code
     this is part of extended color pack from ADG, which is yet to be release
@@ -24,7 +24,7 @@ import ColorPickerButton from '../../ColorPickerButton';
     Colour sequence source: https://product-fabric.atlassian.net/browse/ED-12650?focusedCommentId=204875
 */
 
-var colorPalette = [{
+export var colorPalette = [{
   label: 'Light Blue',
   value: '#7AB2FFFF'
 },
@@ -131,29 +131,253 @@ var colorPalette = [{
     border: DEFAULT_BORDER_COLOR
   });
 });
+
+/**
+ * Extended chart colors.
+ * Decided here https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3477245015/Tokenising+table+charts+color
+ */
+export var extendedColorPalette = [{
+  label: 'Darker Blue',
+  value: '#003884'
+},
+// 1000
+{
+  label: 'Darker Teal',
+  value: '#206B74'
+},
+// 1000
+{
+  label: 'Darker Green',
+  value: '#055C3F'
+},
+// 1000
+{
+  label: 'Darker Yellow',
+  value: '#946104'
+},
+// 1000
+{
+  label: 'Darker Orange',
+  value: '#974F0C'
+},
+// 1000
+{
+  label: 'Darker Red',
+  value: '#A32000'
+},
+// 1000
+{
+  label: 'Darker Magenta',
+  value: '#943D73'
+},
+// 1000
+{
+  label: 'Darker Purple',
+  value: '#44368B'
+},
+// 1000
+{
+  label: 'Darker Gray',
+  value: '#44546F'
+},
+// 1000
+
+{
+  label: 'Dark Blue',
+  value: '#0055CC'
+},
+// 800
+{
+  label: 'Dark Teal',
+  value: '#1D7F8C'
+},
+// 800
+{
+  label: 'Dark Green',
+  value: '#177D52'
+},
+// 800
+{
+  label: 'Dark Yellow',
+  value: '#FF9D00'
+},
+// 800
+{
+  label: 'Dark Orange',
+  value: '#B65C02'
+},
+// 800
+{
+  label: 'Dark Red',
+  value: '#D32D03'
+},
+// 800
+{
+  label: 'Dark Magenta',
+  value: '#CD519D'
+},
+// 800
+{
+  label: 'Dark Purple',
+  value: '#5A43D0'
+},
+// 800
+{
+  label: 'Dark Gray',
+  value: '#758195'
+},
+// 800
+
+{
+  label: 'Blue',
+  value: '#247FFF'
+},
+// 600
+{
+  label: 'Teal',
+  value: '#1D9AAA'
+},
+// 600
+{
+  label: 'Green',
+  value: '#23A971'
+},
+// 600
+{
+  label: 'Yellow',
+  value: '#FFBE33'
+},
+// 600
+{
+  label: 'Orange',
+  value: '#D97008'
+},
+// 600
+{
+  label: 'Red',
+  value: '#FC552C'
+},
+// 600
+{
+  label: 'Magenta',
+  value: '#DA62AC'
+},
+// 600
+{
+  label: 'Purple',
+  value: '#8B77EE'
+},
+// 600
+{
+  label: 'Gray',
+  value: '#8590A2'
+},
+// 600
+
+{
+  label: 'Light Blue',
+  value: '#7AB2FF'
+},
+// 400
+{
+  label: 'Light Teal',
+  value: '#60C6D2'
+},
+// 400
+{
+  label: 'Light Green',
+  value: '#6BE1B0'
+},
+// 400
+{
+  label: 'Light Yellow',
+  value: '#FFDB57'
+},
+// 400
+{
+  label: 'Light Orange',
+  value: '#FAA53D'
+},
+// 400
+{
+  label: 'Light Red',
+  value: '#FF8F73'
+},
+// 400
+{
+  label: 'Light Magenta',
+  value: '#E774BB'
+},
+// 400
+{
+  label: 'Light Purple',
+  value: '#B5A7FB'
+},
+// 400
+{
+  label: 'Light Gray',
+  value: '#8993A5'
+} // 400
+].map(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: DEFAULT_BORDER_COLOR
+  });
+});
 var colorPickerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: ", "px;\n  padding-right: ", "px;\n"])), 4 * gridSize(), gridSize());
 var colorPickerLabel = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  margin-top: 0;\n"])), headingSizes.h400.size);
+export var EXPANDED_COLOR_PICKER_COLUMNS = 9;
+export var ORIGINAL_COLOR_PICKER_COLUMNS = 5;
 var ColorPicker = function ColorPicker(props) {
   var name = props.name,
     title = props.title,
     currentColor = props.currentColor,
-    colorPalette = props.colorPalette,
     onChange = props.onChange,
-    onFieldChange = props.onFieldChange;
+    onFieldChange = props.onFieldChange,
+    featureFlags = props.featureFlags;
   var onColorChange = function onColorChange(color) {
     var colorValue = color.value;
-    if (!isValidHex(colorValue)) {
-      throw new Error('invalid hex value');
-    }
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  return jsx(ColorPickerButton, {
+  var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
+      useSomewhatSemanticTextColorNames: false,
+      expandedChartColors: false
+    },
+    useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
+    expandedChartColors = _ref.expandedChartColors;
+  return expandedChartColors ? jsx(ColorPickerButton, {
+    title: title
+    // Original color palette had hex code with alpha channel.
+    // However, alpha channel was always FF, and it was not used
+    // Expanded color palette does not have alpha channel, so
+    //  removing last two characters from hex code with alpha here.
+    ,
+    currentColor: currentColor.substring(0, 7),
+    onChange: onColorChange,
+    colorPalette: extendedColorPalette,
+    hexToPaletteColor: hexToEditorTableChartsPaletteColor,
+    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages
+    // We did not want to create new FF or update
+    //  useSomewhatSemanticTextColorNames name
+    //  because it is temporary and require extra work.
+    // So even though it says text color names,
+    //  we are going to use for all color pickers
+    //  such as text, background and table charts.
+    ,
+    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    cols: EXPANDED_COLOR_PICKER_COLUMNS,
+    alignX: "right",
+    placement: "ConfigPanel",
+    size: {
+      width: 3 * gridSize(),
+      height: 3 * gridSize()
+    }
+  }) : jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: colorPalette,
-    cols: 5,
+    cols: ORIGINAL_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",
     size: {
@@ -162,10 +386,11 @@ var ColorPicker = function ColorPicker(props) {
     }
   });
 };
-var ColorPickerField = function ColorPickerField(_ref) {
-  var name = _ref.name,
-    field = _ref.field,
-    onFieldChange = _ref.onFieldChange;
+var ColorPickerField = function ColorPickerField(_ref2) {
+  var name = _ref2.name,
+    field = _ref2.field,
+    onFieldChange = _ref2.onFieldChange,
+    featureFlags = _ref2.featureFlags;
   var label = field.label,
     defaultValue = field.defaultValue,
     isRequired = field.isRequired;
@@ -176,9 +401,9 @@ var ColorPickerField = function ColorPickerField(_ref) {
     validate: function validate(value) {
       return _validate(field, value || '');
     }
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      error = _ref2.error;
+  }, function (_ref3) {
+    var fieldProps = _ref3.fieldProps,
+      error = _ref3.error;
     return jsx(Fragment, null, jsx("div", {
       css: colorPickerWrapper
     }, jsx("label", {
@@ -190,9 +415,9 @@ var ColorPickerField = function ColorPickerField(_ref) {
       name: name,
       title: label,
       currentColor: fieldProps.value,
-      colorPalette: colorPalette,
       onChange: fieldProps.onChange,
-      onFieldChange: onFieldChange
+      onFieldChange: onFieldChange,
+      featureFlags: featureFlags
     })), error && jsx(FieldMessages, {
       error: error,
       description: ""

package/dist/esm/ui/ConfigPanel/FormContent.js

@@ -26,7 +26,8 @@ export function FieldComponent(_ref) {
     parentName = _ref.parentName,
     extensionManifest = _ref.extensionManifest,
     firstVisibleFieldName = _ref.firstVisibleFieldName,
-    onFieldChange = _ref.onFieldChange;
+    onFieldChange = _ref.onFieldChange,
+    featureFlags = _ref.featureFlags;
   var _field = field,
     name = _field.name,
     type = _field.type;
@@ -67,7 +68,8 @@ export function FieldComponent(_ref) {
       return /*#__PURE__*/React.createElement(ColorPicker, {
         name: parentedName,
         field: field,
-        onFieldChange: onFieldChange
+        onFieldChange: onFieldChange,
+        featureFlags: featureFlags
       });
     case 'date':
       return /*#__PURE__*/React.createElement(Date, {
@@ -136,7 +138,8 @@ export function FieldComponent(_ref) {
           fields: field.fields,
           parameters: resolvedParameters,
           onFieldChange: onFieldChange,
-          extensionManifest: extensionManifest
+          extensionManifest: extensionManifest,
+          featureFlags: featureFlags
         }));
       }
     case 'tab-group':
@@ -153,7 +156,8 @@ export function FieldComponent(_ref) {
             fields: tabField.fields,
             parameters: tabParameters,
             onFieldChange: onFieldChange,
-            extensionManifest: extensionManifest
+            extensionManifest: extensionManifest,
+            featureFlags: featureFlags
           });
         };
         return /*#__PURE__*/React.createElement(TabGroup, {
@@ -185,7 +189,8 @@ export default function FormContent(_ref3) {
     onClickRemove = _ref3.onClickRemove,
     onFieldChange = _ref3.onFieldChange,
     firstVisibleFieldName = _ref3.firstVisibleFieldName,
-    contextIdentifierProvider = _ref3.contextIdentifierProvider;
+    contextIdentifierProvider = _ref3.contextIdentifierProvider,
+    featureFlags = _ref3.featureFlags;
   return /*#__PURE__*/React.createElement(FormErrorBoundary, {
     contextIdentifierProvider: contextIdentifierProvider,
     extensionKey: extensionManifest.key,
@@ -197,7 +202,8 @@ export default function FormContent(_ref3) {
       parentName: parentName,
       extensionManifest: extensionManifest,
       firstVisibleFieldName: firstVisibleFieldName,
-      onFieldChange: onFieldChange
+      onFieldChange: onFieldChange,
+      featureFlags: featureFlags
     });
 
     // only to be supported by String fields at this time

package/dist/esm/ui/ConfigPanel/utils.js

@@ -47,14 +47,4 @@ export var isDuplicateField = function isDuplicateField(key) {
 };
 export var getNameFromDuplicateField = function getNameFromDuplicateField(key) {
   return key.replace(duplicateFieldRegex, '');
-};
-
-/*
-    ColorPickerButton only accepts 8 digit hex alpha values, for example:
-    #123fffaa (8 digits, hex alpha)
-    */
-
-export var isValidHex = function isValidHex(color) {
-  var hexRegexPattern = new RegExp('^#([a-fA-F0-9]{8})$');
-  return hexRegexPattern.test(color);
 };

package/dist/esm/ui/ContentStyles/index.js

@@ -33,7 +33,6 @@ import { statusStyles } from '../../plugins/status/styles';
 import { smartCardStyles } from '../../plugins/card/styles';
 import { dateStyles } from '../../plugins/date/styles';
 import { embedCardStyles } from '../../plugins/card/ui/styled';
-import { useFeatureFlags } from '../../plugins/feature-flags-context';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 var contentStyles = function contentStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
@@ -42,16 +41,14 @@ var contentStyles = function contentStyles(props) {
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var featureFlags = useFeatureFlags();
     var className = props.className,
       children = props.children;
     var theme = useTheme();
     var memoizedStyle = useMemo(function () {
       return contentStyles({
-        theme: theme,
-        featureFlags: featureFlags
+        theme: theme
       });
-    }, [theme, featureFlags]);
+    }, [theme]);
     return jsx("div", {
       className: className,
       ref: ref,

package/dist/esm/ui/MediaAndEmbedsToolbar/index.js

@@ -119,19 +119,27 @@ var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2,
   return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
 var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, allowResizing, allowResizingInTables) {
+  var allowWrapping = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+  var allowAlignment = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
   var selection = state.selection;
   if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
     return [];
   }
   var layout = selection.node.attrs.layout;
-  var toolbarItems = [].concat(_toConsumableArray(mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType)), [{
+  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType) : [];
+  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType) : [];
+  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType) : [];
+  var items = [].concat(_toConsumableArray(alignmentToolbarItems), _toConsumableArray(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), _toConsumableArray(wrappingToolbarItems), _toConsumableArray(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), _toConsumableArray(breakOutToolbarItems));
+  return items;
+};
+var getSeparatorBetweenAlignmentAndWrapping = function getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping) {
+  return allowAlignment && allowWrapping ? [{
     type: 'separator'
-  }], _toConsumableArray(mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType)));
-  if (!allowResizing) {
-    toolbarItems = toolbarItems.concat([{
-      type: 'separator'
-    }].concat(_toConsumableArray(mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType))));
-  }
-  return toolbarItems;
+  }] : [];
+};
+var getSeparatorBeforeBreakoutItems = function getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing) {
+  return !allowResizing && (allowAlignment || allowWrapping) ? [{
+    type: 'separator'
+  }] : [];
 };
 export default buildLayoutButtons;

package/dist/esm/utils/document.js

@@ -300,10 +300,12 @@ var maySanitizePrivateContent = function maySanitizePrivateContent(entity, provi
 export var getStepRange = function getStepRange(transaction) {
   var from = -1;
   var to = -1;
-  transaction.steps.forEach(function (step) {
-    step.getMap().forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
+  transaction.mapping.maps.forEach(function (stepMap, index) {
+    stepMap.forEach(function (oldStart, oldEnd) {
+      var newStart = transaction.mapping.slice(index).map(oldStart, -1);
+      var newEnd = transaction.mapping.slice(index).map(oldEnd);
       from = newStart < from || from === -1 ? newStart : from;
-      to = newEnd < to || to === -1 ? newEnd : to;
+      to = newEnd > to || to === -1 ? newEnd : to;
     });
   });
   if (from !== -1) {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "182.0.3";
+export var version = "182.1.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "182.0.3",
+	"version": "182.1.1",
 	"sideEffects": false
 }

package/dist/types/actions/index.d.ts

@@ -2,7 +2,7 @@ import { Node } from 'prosemirror-model';
 import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
 import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
-import { Transformer } from '@atlaskit/editor-common/types';
+import type { FeatureFlags, Transformer } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';
 export default class EditorActions<T = any> implements EditorActionsOptions<T> {
@@ -14,7 +14,8 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     static from<T>(view: EditorView, eventDispatcher: EventDispatcher, transformer?: Transformer<T>): EditorActions<T>;
     _privateGetEditorView(): EditorView | undefined;
     _privateGetEventDispatcher(): EventDispatcher | undefined;
-    _privateRegisterEditor(editorView: EditorView, eventDispatcher: EventDispatcher, contentTransformer?: Transformer<T>): void;
+    private getFeatureFlags;
+    _privateRegisterEditor(editorView: EditorView, eventDispatcher: EventDispatcher, contentTransformer?: Transformer<T>, getFeatureFlags?: () => FeatureFlags): void;
     _privateUnregisterEditor(): void;
     _privateSubscribe(cb: ContextUpdateHandler): void;
     _privateUnsubscribe(cb: ContextUpdateHandler): void;

package/dist/types/create-editor/ErrorBoundary.d.ts

@@ -11,6 +11,7 @@ export declare type ErrorBoundaryProps = {
     editorView?: EditorView;
     rethrow?: boolean;
     children: React.ReactNode;
+    featureFlags: FeatureFlags;
 };
 export declare type ErrorBoundaryState = {
     error?: Error;
@@ -19,6 +20,7 @@ declare type AnalyticsErrorBoundaryErrorInfo = {
     componentStack: string;
 };
 export declare class ErrorBoundaryWithEditorView extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    featureFlags: FeatureFlags;
     browserExtensions?: UserBrowserExtensionResults;
     experienceStore?: ExperienceStore;
     static defaultProps: {
@@ -27,8 +29,6 @@ export declare class ErrorBoundaryWithEditorView extends React.Component<ErrorBo
     state: {
         error: undefined;
     };
-    private getFeatureFlags;
-    get featureFlags(): FeatureFlags;
     constructor(props: ErrorBoundaryProps);
     private sendErrorData;
     private getProductName;

package/dist/types/editor-next/index.d.ts

@@ -28,6 +28,7 @@ export default class EditorNext extends React.Component<EditorNextProps> {
     private handleSave;
     private handleAnalyticsEvent;
     private registerEditorForActions;
+    private getFeatureFlags;
     private unregisterEditorFromActions;
     private getExperienceStore;
     render(): jsx.JSX.Element;

package/dist/types/editor.d.ts

@@ -133,6 +133,7 @@ export default class Editor extends React.Component<EditorProps, ProviderFactory
      * and need to find a workaround.
      */
     registerEditorForActions(editorView: EditorView, eventDispatcher: EventDispatcher, contentTransformer?: Transformer<string>): void;
+    private getFeatureFlags;
     /**
      * @private
      * @deprecated - Do not override this at all, this is an antipattern.

package/dist/types/keymaps/index.d.ts

@@ -1,2 +1,2 @@
-export { addAltText, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP, } from '@atlaskit/editor-common/keymaps';
+export { addAltText, navToEditorToolbar, navToFloatingToolbar, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP, } from '@atlaskit/editor-common/keymaps';
 export type { Keymap } from '@atlaskit/editor-common/keymaps';

package/dist/types/labs/next/internal/hooks/use-editor/index.d.ts

@@ -1,10 +1,11 @@
 import EditorActions from '../../../../../actions';
 import { EditorSharedConfig } from '../../context/shared-config';
 import { CreateEditorParams } from './create-editor';
+import { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare function useEditor(config: CreateEditorParams & {
     editorActions?: EditorActions;
 }): [EditorSharedConfig | null, (ref: HTMLDivElement | null) => void];
 /**
  * Handles editor component unmount
  */
-export declare function useHandleEditorLifecycle(editorSharedConfig: EditorSharedConfig | null): void;
+export declare function useHandleEditorLifecycle(editorSharedConfig: EditorSharedConfig | null, featureFlags: FeatureFlags): void;

package/dist/types/labs/next/presets/cxhtml.d.ts

@@ -8,7 +8,7 @@ export declare type EditorPresetCXHTMLProps = {
     mentionProvider?: Promise<MentionProvider>;
     mediaProvider?: Promise<MediaProvider>;
 } & EditorPresetProps;
-export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeholder, featureFlags, }: EditorPresetCXHTMLProps): import("@atlaskit/editor-common/preset").EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "featureFlagsContext", "selection", "codeBlock"], [(config: import("../../../plugins/code-block/types").CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
+export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeholder, featureFlags, }: EditorPresetCXHTMLProps): import("@atlaskit/editor-common/preset").EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "selection", "codeBlock"], [(config: import("../../../plugins/code-block/types").CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
     pluginConfiguration: import("../../../plugins/code-block/types").CodeBlockOptions;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"codeBlock", {
     pluginConfiguration: import("../../../plugins/code-block/types").CodeBlockOptions;
@@ -16,10 +16,6 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
     pluginConfiguration: import("../../../plugins/selection/types").SelectionPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"selection", {
     pluginConfiguration: import("../../../plugins/selection/types").SelectionPluginOptions | undefined;
-}>, (config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"floatingToolbar", {
     dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;

package/dist/types/labs/next/presets/default.d.ts

@@ -34,7 +34,7 @@ export declare type DefaultPresetPluginOptions = {
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export declare function createDefaultPreset(options: EditorPresetProps & DefaultPresetPluginOptions): EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "featureFlagsContext", "selection", "codeBlock"], [(config: CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
+export declare function createDefaultPreset(options: EditorPresetProps & DefaultPresetPluginOptions): EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "selection", "codeBlock"], [(config: CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
     pluginConfiguration: CodeBlockOptions;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"codeBlock", {
     pluginConfiguration: CodeBlockOptions;
@@ -42,10 +42,6 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     pluginConfiguration: SelectionPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"selection", {
     pluginConfiguration: SelectionPluginOptions | undefined;
-}>, (config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"floatingToolbar", {
     dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
@@ -101,7 +97,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
     }>];
 }>, ...import("@atlaskit/editor-common/types").AllEditorPresetPluginTypes[]]>;
-export declare function useDefaultPreset(props: EditorPresetProps & DefaultPresetPluginOptions): EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "featureFlagsContext", "selection", "codeBlock"], [(config: CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
+export declare function useDefaultPreset(props: EditorPresetProps & DefaultPresetPluginOptions): EditorPresetBuilder<[...string[], "hyperlink", "textFormatting", "width", "quickInsert", "typeAhead", "unsupportedContent", "editorDisabled", "submitEditor", "fakeTextCursor", "floatingToolbar", "selection", "codeBlock"], [(config: CodeBlockOptions, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"codeBlock", {
     pluginConfiguration: CodeBlockOptions;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"codeBlock", {
     pluginConfiguration: CodeBlockOptions;
@@ -109,10 +105,6 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     pluginConfiguration: SelectionPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"selection", {
     pluginConfiguration: SelectionPluginOptions | undefined;
-}>, (config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"featureFlagsContext", {
-    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"floatingToolbar", {
     dependencies: [(config: import("@atlaskit/editor-common/types").FeatureFlags, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;