@atlaskit/editor-common 72.5.1 → 72.6.0

package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js

@@ -3,9 +3,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { defineMessages } from 'react-intl-next';
 
-// These messages are only to be used when useSomewhatSemanticTextColorNames feature flag is true.
-// They are used only in Jira and are part of work for https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3365994869/EXTERNAL+MAKE+PP+COMMIT-5058+Enable+dark+mode+usage+of+text+colors+in+UGC+and+non+custom+panels+in+Jira
-export var newLightPalette = defineMessages({
+// These messages are only to be used when showSomewhatSemanticTooltips is true.
+export var lightTextPaletteTooltipMessages = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.white',
     defaultMessage: 'White',
@@ -112,11 +111,139 @@ export var newLightPalette = defineMessages({
     description: 'Name of a color'
   }
 });
-var darkModeWhite = defineMessages({
+var darkModeTextPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.dark-gray',
     defaultMessage: 'Dark gray',
     description: 'Name of a color'
   }
 });
-export var newDarkPalette = _objectSpread(_objectSpread({}, newLightPalette), darkModeWhite);
+export var darkTextPaletteTooltipMessages = _objectSpread(_objectSpread({}, lightTextPaletteTooltipMessages), darkModeTextPaletteOverrides);
+export var textPaletteTooltipMessages = {
+  light: lightTextPaletteTooltipMessages,
+  dark: darkTextPaletteTooltipMessages
+};
+export var lightBackgroundPaletteTooltipMessages = defineMessages({
+  '#DEEBFF': {
+    id: 'fabric.theme.subtle-blue',
+    defaultMessage: 'Subtle blue',
+    description: 'Name of a color'
+  },
+  '#B3D4FF': {
+    id: 'fabric.theme.blue',
+    defaultMessage: 'Blue',
+    description: 'Name of a color'
+  },
+  '#4C9AFF': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'Name of a color'
+  },
+  '#E6FCFF': {
+    id: 'fabric.theme.subtle-teal',
+    defaultMessage: 'Subtle teal',
+    description: 'Name of a color'
+  },
+  '#B3F5FF': {
+    id: 'fabric.theme.teal',
+    defaultMessage: 'Teal',
+    description: 'Name of a color'
+  },
+  '#79E2F2': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'Name of a color'
+  },
+  '#E3FCEF': {
+    id: 'fabric.theme.subtle-green',
+    defaultMessage: 'Subtle green',
+    description: 'Name of a color'
+  },
+  '#ABF5D1': {
+    id: 'fabric.theme.green',
+    defaultMessage: 'Green',
+    description: 'Name of a color'
+  },
+  '#57D9A3': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'Name of a color'
+  },
+  '#FFFAE6': {
+    id: 'fabric.theme.subtle-yellow',
+    defaultMessage: 'Subtle yellow',
+    description: 'Name of a color'
+  },
+  '#FFF0B3': {
+    id: 'fabric.theme.yellow',
+    defaultMessage: 'Yellow',
+    description: 'Name of a color'
+  },
+  '#FFC400': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'Name of a color'
+  },
+  '#FFEBE6': {
+    id: 'fabric.theme.subtle-red',
+    defaultMessage: 'Subtle red',
+    description: 'Name of a color'
+  },
+  '#FFBDAD': {
+    id: 'fabric.theme.red',
+    defaultMessage: 'Red',
+    description: 'Name of a color.'
+  },
+  '#FF8F73': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'Name of a color'
+  },
+  '#EAE6FF': {
+    id: 'fabric.theme.subtle-purple',
+    defaultMessage: 'Subtle purple',
+    description: 'Name of a color'
+  },
+  '#C0B6F2': {
+    id: 'fabric.theme.purple',
+    defaultMessage: 'Purple',
+    description: 'Name of a color'
+  },
+  '#998DD9': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'Name of a color'
+  },
+  '#FFFFFF': {
+    id: 'fabric.theme.white',
+    defaultMessage: 'White',
+    description: 'Name of a color'
+  },
+  '#F4F5F7': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'Name of a color'
+  },
+  '#B3BAC5': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'Name of a color'
+  }
+});
+var darkModeBackgroundPaletteOverrides = defineMessages({
+  '#FFFFFF': {
+    id: 'fabric.theme.subtle-gray',
+    defaultMessage: 'Subtle gray',
+    description: 'Name of a color'
+  },
+  '#B3BAC5': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'Name of a color'
+  }
+});
+export var darkBackgroundPaletteTooltipMessages = _objectSpread(_objectSpread({}, lightBackgroundPaletteTooltipMessages), darkModeBackgroundPaletteOverrides);
+export var backgroundPaletteTooltipMessages = {
+  light: lightBackgroundPaletteTooltipMessages,
+  dark: darkBackgroundPaletteTooltipMessages
+};

package/dist/esm/ui-color/ColorPalette/index.js

@@ -7,7 +7,6 @@ import { N0, N500 } from '@atlaskit/theme/colors';
 import { useThemeObserver } from '@atlaskit/tokens';
 import Color from './Color';
 import getColorMessage from './Palettes/getColorMessage';
-import { newDarkPalette, newLightPalette } from './Palettes/paletteMessagesTokenModeNames';
 import { colorPaletteWrapper } from './styles';
 import { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette } from './utils';
 /**
@@ -33,18 +32,18 @@ function getCheckMarkColor(color, useIconToken) {
   return contrastColor === N0 ? "var(--ds-icon-inverse, ".concat(N0, ")") : "var(--ds-icon, ".concat(N500, ")");
 }
 var ColorPalette = function ColorPalette(props) {
-  var palette = props.palette,
-    _props$cols = props.cols,
+  var _props$cols = props.cols,
     cols = _props$cols === void 0 ? DEFAULT_COLOR_PICKER_COLUMNS : _props$cols,
     onClick = props.onClick,
     selectedColor = props.selectedColor,
     className = props.className,
     formatMessage = props.intl.formatMessage,
-    _props$textPalette = props.textPalette,
-    textPalette = _props$textPalette === void 0 ? false : _props$textPalette,
-    hexToPaletteColor = props.hexToPaletteColor,
-    _props$useSomewhatSem = props.useSomewhatSemanticTextColorNames,
-    useSomewhatSemanticTextColorNames = _props$useSomewhatSem === void 0 ? false : _props$useSomewhatSem;
+    paletteOptions = props.paletteOptions;
+  var palette = paletteOptions.palette,
+    hexToPaletteColor = paletteOptions.hexToPaletteColor,
+    _paletteOptions$showS = paletteOptions.showSomewhatSemanticTooltips,
+    showSomewhatSemanticTooltips = _paletteOptions$showS === void 0 ? false : _paletteOptions$showS,
+    paletteColorTooltipMessages = paletteOptions.paletteColorTooltipMessages;
   var _useThemeObserver = useThemeObserver(),
     tokenTheme = _useThemeObserver.colorMode;
   var useIconToken = !!hexToPaletteColor;
@@ -62,12 +61,12 @@ var ColorPalette = function ColorPalette(props) {
         label = _ref.label,
         border = _ref.border,
         message = _ref.message;
-      if (textPalette === true && useSomewhatSemanticTextColorNames) {
+      if (showSomewhatSemanticTooltips && paletteColorTooltipMessages) {
         if (tokenTheme === 'dark') {
-          message = getColorMessage(newDarkPalette, value.toUpperCase());
+          message = getColorMessage(paletteColorTooltipMessages.dark, value.toUpperCase());
         }
         if (tokenTheme === 'light') {
-          message = getColorMessage(newLightPalette, value.toUpperCase());
+          message = getColorMessage(paletteColorTooltipMessages.light, value.toUpperCase());
         }
       }
       return jsx(Color, {

package/dist/esm/ui-color/index.js

@@ -6,4 +6,5 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
+export { backgroundPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -104,20 +104,20 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           if (!targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
+          handleClose(event);
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
           }
-          handleClose(event);
           break;
         case 'ArrowRight':
           //Filter out the events from outside the menu
           if (!targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
+          handleClose(event);
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
           }
-          handleClose(event);
           break;
         case 'Escape':
           handleClose(event);

package/dist/esm/ui-menu/Dropdown/index.js

@@ -36,6 +36,19 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         popupPlacement: placement
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function (event) {
+      var _this$state$target, _this$state$target$qu;
+      (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
+      _this.handleClose(event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClose", function (event) {
+      if (_this.props.onOpenChange) {
+        _this.props.onOpenChange({
+          isOpen: false,
+          event: event
+        });
+      }
+    });
     _this.state = {
       popupPlacement: ['bottom', 'left']
     };
@@ -56,7 +69,8 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         fitHeight = _this$props.fitHeight,
         fitWidth = _this$props.fitWidth,
         zIndex = _this$props.zIndex,
-        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions;
+        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
+        dropdownListId = _this$props.dropdownListId;
       return /*#__PURE__*/React.createElement(Popup, {
         target: target,
         mountTo: mountTo,
@@ -68,12 +82,7 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         zIndex: zIndex
       }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, _extends({}, arrowKeyNavigationProviderOptions, {
         closeOnTab: true,
-        handleClose: function handleClose(event) {
-          return onOpenChange && onOpenChange({
-            isOpen: false,
-            event: event
-          });
-        }
+        handleClose: this.handleCloseAndFocus
       }), /*#__PURE__*/React.createElement("div", {
         style: {
           height: 0,
@@ -83,7 +92,8 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         isOpen: true,
         onOpenChange: onOpenChange,
         position: popupPlacement.join(' '),
-        shouldFitContainer: true
+        shouldFitContainer: true,
+        id: dropdownListId
       }, children))));
     }
   }, {

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -94,8 +94,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function () {
       var _this$state$target, _this$state$target$qu;
-      _this.handleClose();
       (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
+      _this.handleClose();
     });
     _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
       if (_this.props.onOpenChange) {

package/dist/esm/utils/breakout.js

@@ -1,4 +1,4 @@
-import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorSwoopCubicBezier, akEditorWideLayoutWidth, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
 import { parsePx } from './dom';
@@ -78,11 +78,15 @@ export function calculateBreakoutStyles(_ref) {
     // it breaks things like sticky headers.
     //
     // It can also cause bluriness for some child content (such as iframes)
+
     return {
       type: 'line-length-unknown',
       width: breakoutWidth,
-      transform: 'translateX(-50%)',
-      marginLeft: '50%'
+      minWidth: breakoutWidthPx,
+      display: 'flex',
+      justifyContent: 'center',
+      transform: 'none',
+      transition: "min-width 0.5s ".concat(akEditorSwoopCubicBezier)
     };
   }
 
@@ -91,11 +95,15 @@ export function calculateBreakoutStyles(_ref) {
   // full-page appearance modes. There is a slight delay before
   // the widthState is updated.
   // During this period -- the marginLeftPx will be incorrect.
-  var marginLeftPx = -(breakoutWidthPx - widthStateLineLength) / 2;
+  // const marginLeftPx = -(breakoutWidthPx - widthStateLineLength) / 2;
+
   return {
     type: 'line-length-known',
     width: breakoutWidth,
-    marginLeft: "".concat(marginLeftPx, "px")
+    minWidth: breakoutWidthPx,
+    transition: "min-width 0.5s ".concat(akEditorSwoopCubicBezier),
+    transform: "translateX(-50%)",
+    marginLeft: "50%"
   };
 }
 export function calcBreakoutWidthPx(mode, widthStateWidth) {

package/dist/esm/utils/index.js

@@ -6,7 +6,7 @@ export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskCon
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx } from './breakout';
-export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent } from './nodes';
+export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, isMediaNode, isNodeBeforeMediaNode } from './nodes';
 export { pluginFactory } from './plugin-state-factory';
 export { getFragmentBackingArray, mapFragment, mapSlice, flatmap, mapChildren } from './slice';
 export { walkUpTreeUntil, unwrap, removeNestedEmptyEls, containsClassName, closest, closestElement, parsePx, mapElem, maphElem } from './dom';
@@ -35,5 +35,4 @@ export { useComponentRenderTracking } from './performance/hooks/use-component-re
 export { isOutdatedBrowser } from './outdated-browsers';
 export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName } from './referentiality';
 export { sendLogs } from './sendLogs';
-export { Builder } from './builder';
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder } from './list';

package/dist/esm/utils/nodes.js

@@ -1,3 +1,4 @@
+import { findParentNodeOfType } from 'prosemirror-utils';
 /**
  * Finds all top level nodes affected by the transaction
  * Uses from/to positions in transaction's steps to work out which nodes will
@@ -89,4 +90,37 @@ export var isSupportedInParent = function isSupportedInParent(state, fragment, c
   var depth = currentAppearance === 'embed' || currentAppearance === 'block' ? undefined : -1;
   var parent = state.selection.$from.node(depth);
   return parent && parent.type.validContent(fragment);
+};
+
+/**
+ * Checks if the passed in node is a media node
+ * Includes media, mediaInline, mediaGroup, mediaSingle
+ * @param node The PM node to be checked
+ */
+export var isMediaNode = function isMediaNode(node) {
+  return ['media', 'mediaInline', 'mediaGroup', 'mediaSingle'].includes(node.type.name);
+};
+
+/**
+ * Checks if the node before selection is a media node
+ * If there is no node before, checks the node before the parent node
+ * Includes media, mediaInline, mediaGroup, mediaSingle
+ * @param $pos The position of the selection
+ * @param state The editor state
+ */
+export var isNodeBeforeMediaNode = function isNodeBeforeMediaNode($pos, state) {
+  var nodeBefore = $pos.nodeBefore;
+  if (!nodeBefore) {
+    var depthOfParent = $pos.depth - 1 || 1;
+    var parentNode = findParentNodeOfType([state.schema.nodes["".concat($pos.node(depthOfParent).type.name)]])(state.selection);
+    var resolvedPosOfParentNode = parentNode ? state.tr.doc.resolve(parentNode.pos) : undefined;
+    var nodeBeforeParent = resolvedPosOfParentNode && resolvedPosOfParentNode.pos < state.doc.nodeSize ? resolvedPosOfParentNode.nodeBefore : undefined;
+    if (nodeBeforeParent) {
+      nodeBefore = nodeBeforeParent;
+    }
+  }
+  if (nodeBefore) {
+    return ['media', 'mediaInline', 'mediaGroup', 'mediaSingle'].includes(nodeBefore.type.name);
+  }
+  return false;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "72.5.1",
+	"version": "72.6.0",
 	"sideEffects": false
 }

package/dist/types/card/cardOptions.d.ts

@@ -5,5 +5,6 @@ export interface CardOptions {
     allowBlockCards?: boolean;
     allowEmbeds?: boolean;
     allowResizing?: boolean;
+    showServerActions?: boolean;
     useAlternativePreloader?: boolean;
 }

package/dist/types/preset/builder.d.ts

@@ -0,0 +1,30 @@
+import type { AllEditorPresetPluginTypes, ExtractPluginNameFromAllBuilderPlugins, NextEditorPlugin, SafePresetCheck } from '../types';
+import type { EditorPlugin } from '../types/editor-plugin';
+import type { EditorPluginInjectionAPI } from './plugin-injection-api';
+interface ProcessProps {
+    pluginInjectionAPI?: EditorPluginInjectionAPI;
+    excludePlugins?: Set<string>;
+}
+interface BuildProps extends ProcessProps {
+    excludePlugins?: Set<string>;
+    pluginInjectionAPI?: EditorPluginInjectionAPI;
+}
+export declare class EditorPresetBuilder<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []> {
+    private readonly data;
+    constructor(...more: [...StackPlugins]);
+    add<NewPlugin extends AllEditorPresetPluginTypes>(nextOrTuple: SafePresetCheck<NewPlugin, StackPlugins>): EditorPresetBuilder<[
+        ...PluginNames,
+        ExtractPluginNameFromAllBuilderPlugins<NewPlugin>
+    ], [
+        ...[NewPlugin],
+        ...StackPlugins
+    ]>;
+    maybeAdd<MaybePlugin extends NextEditorPlugin<any, any>, MaybePluginNames extends string[], MaybeStackPlugins extends AllEditorPresetPluginTypes[], MaybeEditorPresetBuilder extends EditorPresetBuilder<MaybePluginNames, MaybeStackPlugins>>(pluginToAdd: MaybePlugin, add: (pluginToAdd: MaybePlugin, maybeEditorPresetBuilder: MaybeEditorPresetBuilder) => MaybeEditorPresetBuilder): MaybeEditorPresetBuilder;
+    has(plugin: AllEditorPresetPluginTypes): boolean;
+    build({ pluginInjectionAPI, excludePlugins: maybeExcludePlugins, }?: BuildProps): EditorPlugin[];
+    private verifyDuplicatedPlugins;
+    private processEditorPlugins;
+    private removeExcludedPlugins;
+    private safeEntry;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { EditorPresetBuilder } from './builder';
+export { EditorPluginInjectionAPI } from './plugin-injection-api';

package/dist/types/preset/plugin-injection-api.d.ts

@@ -0,0 +1,43 @@
+import type { EditorState } from 'prosemirror-state';
+import type { DefaultEditorPlugin, NextEditorPlugin, PluginDependenciesAPI, PluginInjectionAPI } from '../types/next-editor-plugin';
+declare type NextEditorPluginInitializedType = ReturnType<NextEditorPlugin<any>>;
+declare type SharedStateAPIProps = {
+    getEditorState: () => EditorState | undefined;
+};
+declare type EditorStateDiff = {
+    readonly newEditorState: EditorState;
+    readonly oldEditorState: EditorState | undefined;
+};
+export declare class PluginsData {
+}
+export declare class SharedStateAPI {
+    private getEditorState;
+    private listeners;
+    constructor({ getEditorState }: SharedStateAPIProps);
+    createAPI(plugin: NextEditorPluginInitializedType | undefined): PluginDependenciesAPI<NextEditorPlugin<any, any>>['sharedState'];
+    notifyListeners({ newEditorState, oldEditorState, plugins, }: EditorStateDiff & Record<'plugins', Map<string, NextEditorPluginInitializedType>>): void;
+    destroy(): void;
+}
+declare type EditorStateDelta = {
+    readonly newEditorState: EditorState;
+    readonly oldEditorState: EditorState;
+};
+interface PluginInjectionAPIDefinition {
+    api: <T extends NextEditorPlugin<any, any>>() => PluginInjectionAPI<T extends NextEditorPlugin<infer Name, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata> ? Metadata : never>;
+    onEditorViewUpdated: (props: EditorStateDelta) => void;
+    onEditorPluginInitialized: (plugin: NextEditorPluginInitializedType) => void;
+}
+export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefinition {
+    private sharedStateAPI;
+    private actionsAPI;
+    private plugins;
+    constructor({ getEditorState }: SharedStateAPIProps);
+    api<T extends NextEditorPlugin<any, any>>(): {
+        externalPlugins: import("../types/next-editor-plugin").CreatePluginDependenciesAPI<[NextEditorPlugin<T extends (config?: any, api?: PluginInjectionAPI<infer Name, any> | undefined) => DefaultEditorPlugin<infer Name, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata> ? Metadata : never>, ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata> ? Metadata : never)["dependencies"] extends (((config?: any, api?: PluginInjectionAPI<any, any> | undefined) => DefaultEditorPlugin<any, any>) | import("../types/next-editor-plugin").OptionalPlugin<(config?: any, api?: PluginInjectionAPI<any, any> | undefined) => DefaultEditorPlugin<any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata> ? Metadata : never)["dependencies"], undefined> : [] : []]>;
+    };
+    onEditorViewUpdated: ({ newEditorState, oldEditorState, }: EditorStateDiff) => void;
+    onEditorPluginInitialized: (plugin: NextEditorPluginInitializedType) => void;
+    private addPlugin;
+    private getPluginByName;
+}
+export {};

package/dist/types/provider-factory/provider-factory.d.ts

@@ -7,7 +7,7 @@ export default class ProviderFactory {
     }): ProviderFactory;
     destroy(): void;
     isEmpty(): boolean;
-    setProvider<T extends string>(name: T, provider?: ProviderType<T>): void;
+    setProvider<T extends ProviderName>(name: T, provider?: ProviderType<T>): void;
     removeProvider<T extends string>(name: T | ProviderName): void;
     subscribe<T extends string>(name: T, handler: ProviderHandler<typeof name>): void;
     unsubscribe<T extends string>(name: T, handler: ProviderHandler<typeof name>): void;

package/dist/types/styles/shared/tableCell.d.ts

@@ -0,0 +1 @@
+export declare const tableCellBackgroundStyleOverride: () => import("@emotion/react").SerializedStyles;

package/dist/types/types/feature-flags.d.ts

@@ -357,12 +357,15 @@ export declare type FeatureFlags = {
     restartNumberedListsToolbar?: boolean;
     /**
      * @description
-     * Show semantic text color names in tooltips when hovering over colors in the text color picker.
+     * This feature flag is used to turn on or off somewhat semantic
+     *  tooltip names in text, background and table charts color palette.
+     * Show semantic color names in tooltips when hovering over colors in the text,
+     * background and table charts color picker.
      * Note that this flag is called 'somewhat semantic' as the text color names for white/dark gray
-     * colors are not semantic.
-     *
+     * colors are not semantic. As well as white color name in background color palette.
      * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3365994869/EXTERNAL+MAKE+PP+COMMIT-5058+Enable+dark+mode+usage+of+text+colors+in+UGC+and+non+custom+panels+in+Jira
      * @see https://product-fabric.atlassian.net/browse/ED-16176
+     * @see https://product-fabric.atlassian.net/browse/ED-16725
      * @default false
      */
     useSomewhatSemanticTextColorNames?: boolean;
@@ -386,6 +389,18 @@ export declare type FeatureFlags = {
      * @default false
      */
     useEditorNext?: boolean;
+    /**
+     * @description
+     * Expanded chart color options from 20 to 36, uses design tokens to enable light/dark mode colors.
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3472785427/EXTERNAL+MAKE+PP+COMMIT-5233+Enable+Themed+rendering+of+remaining+UGC+Editor+content+tables+custom+panels+and+extension+color+palettes
+     * @see https://product-fabric.atlassian.net/browse/ED-17086
+     * @see https://product-fabric.atlassian.net/browse/ED-17132
+     * DUE DATE: June 2023
+     *
+     * @default false
+     */
+    expandedChartColors?: boolean | undefined;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;
 export declare type GetEditorFeatureFlags = () => FeatureFlags;

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

@@ -29,7 +29,7 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { AllBuilderPlugins, VerifyPluginDependencies, NextEditorPlugin, SafePresetCheck, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, } from './next-editor-plugin';
 export declare type IconProps = {
     label?: string;
 };