@atlaskit/editor-common 72.6.0 → 72.7.0

package/dist/esm/preset/plugin-injection-api.js

@@ -1,6 +1,8 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 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; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -13,56 +15,78 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return _typeof(plugin.actions) === 'object';
 }
-var DREAM_TARGET_60_FPS = 16;
-/*
- *
- * After some investigations, we discovered this is the best ratio for our current Editor: 80ms. That means is five times bigger than the 60fps dream target.
- *
- * In the future, once we remove the entire WithPluginState, We may decide to reduce this value.
- *
- */
-var THROTTLE_CALLS_FOR_MILLISECONDS = DREAM_TARGET_60_FPS * 5;
-var notifyListenersThrottled = throttle(function (_ref) {
-  var newEditorState = _ref.newEditorState,
-    oldEditorState = _ref.oldEditorState,
-    listeners = _ref.listeners,
+var filterPluginsWithListeners = function filterPluginsWithListeners(_ref) {
+  var listeners = _ref.listeners,
     plugins = _ref.plugins;
+  return Array.from(listeners.keys()).map(function (pluginName) {
+    return plugins.get(pluginName);
+  }).filter(function (plugin) {
+    return plugin !== undefined && hasGetSharedState(plugin);
+  });
+};
+var extractSharedStateFromPlugins = function extractSharedStateFromPlugins(_ref2) {
+  var oldEditorState = _ref2.oldEditorState,
+    newEditorState = _ref2.newEditorState,
+    plugins = _ref2.plugins;
   var isInitialization = !oldEditorState && newEditorState;
-  var callbacks = [];
-  var _iterator = _createForOfIteratorHelper(listeners.keys()),
+  var result = new Map();
+  var _iterator = _createForOfIteratorHelper(plugins),
     _step;
   try {
-    var _loop = function _loop() {
-      var pluginName = _step.value;
-      var plugin = plugins.get(pluginName);
-      if (!plugin || !hasGetSharedState(plugin)) {
-        return "continue";
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _plugin = _step.value;
+      if (!_plugin || !hasGetSharedState(_plugin)) {
+        continue;
       }
-      var nextSharedState = plugin.getSharedState(newEditorState);
-      var prevSharedState = !isInitialization && oldEditorState ? plugin.getSharedState(oldEditorState) : undefined;
+      var nextSharedState = _plugin.getSharedState(newEditorState);
+      var prevSharedState = !isInitialization && oldEditorState ? _plugin.getSharedState(oldEditorState) : undefined;
       var isSamePluginState = isEqual(prevSharedState, nextSharedState);
       if (isInitialization || !isSamePluginState) {
-        (listeners.get(pluginName) || new Set()).forEach(function (callback) {
-          callbacks.push(callback.bind(callback, {
-            nextSharedState: nextSharedState,
-            prevSharedState: prevSharedState
-          }));
+        result.set(_plugin.name, {
+          nextSharedState: nextSharedState,
+          prevSharedState: prevSharedState
         });
       }
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _ret = _loop();
-      if (_ret === "continue") continue;
     }
   } catch (err) {
     _iterator.e(err);
   } finally {
     _iterator.f();
   }
+  return result;
+};
+var THROTTLE_CALLS_FOR_MILLISECONDS = 0;
+var notifyListenersThrottled = throttle(function (_ref3) {
+  var listeners = _ref3.listeners,
+    updatesToNotifyQueue = _ref3.updatesToNotifyQueue;
+  var callbacks = [];
+  var _iterator2 = _createForOfIteratorHelper(updatesToNotifyQueue.entries()),
+    _step2;
+  try {
+    var _loop = function _loop() {
+      var _step2$value = _slicedToArray(_step2.value, 2),
+        pluginName = _step2$value[0],
+        diffs = _step2$value[1];
+      var pluginListeners = listeners.get(pluginName) || [];
+      pluginListeners.forEach(function (callback) {
+        diffs.forEach(function (diff) {
+          callbacks.push(callback.bind(callback, diff));
+        });
+      });
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  updatesToNotifyQueue.clear();
   if (callbacks.length === 0) {
     return;
   }
-  callbacks.forEach(function (cb) {
+  callbacks.reverse().forEach(function (cb) {
     cb();
   });
 }, THROTTLE_CALLS_FOR_MILLISECONDS);
@@ -90,9 +114,10 @@ var ActionsAPI = /*#__PURE__*/function () {
   return ActionsAPI;
 }();
 export var SharedStateAPI = /*#__PURE__*/function () {
-  function SharedStateAPI(_ref2) {
-    var getEditorState = _ref2.getEditorState;
+  function SharedStateAPI(_ref4) {
+    var getEditorState = _ref4.getEditorState;
     _classCallCheck(this, SharedStateAPI);
+    _defineProperty(this, "updatesToNotifyQueue", new Map());
     this.getEditorState = getEditorState;
     this.listeners = new Map();
   }
@@ -113,10 +138,10 @@ export var SharedStateAPI = /*#__PURE__*/function () {
       var pluginName = plugin.name;
       return {
         currentState: function currentState() {
-          var state = _this.getEditorState();
-          if (!state || !hasGetSharedState(plugin)) {
+          if (!hasGetSharedState(plugin)) {
             return undefined;
           }
+          var state = _this.getEditorState();
           return plugin.getSharedState(state);
         },
         onChange: function onChange(sub) {
@@ -124,41 +149,73 @@ export var SharedStateAPI = /*#__PURE__*/function () {
           pluginListeners.add(sub);
           _this.listeners.set(pluginName, pluginListeners);
           return function () {
-            (_this.listeners.get(pluginName) || new Set()).delete(sub);
+            return _this.cleanupSubscription(pluginName, sub);
           };
         }
       };
     }
+  }, {
+    key: "cleanupSubscription",
+    value: function cleanupSubscription(pluginName, sub) {
+      (this.listeners.get(pluginName) || new Set()).delete(sub);
+    }
   }, {
     key: "notifyListeners",
-    value: function notifyListeners(_ref3) {
-      var newEditorState = _ref3.newEditorState,
-        oldEditorState = _ref3.oldEditorState,
-        plugins = _ref3.plugins;
-      var listeners = this.listeners;
-      notifyListenersThrottled({
-        newEditorState: newEditorState,
+    value: function notifyListeners(_ref5) {
+      var newEditorState = _ref5.newEditorState,
+        oldEditorState = _ref5.oldEditorState,
+        plugins = _ref5.plugins;
+      var listeners = this.listeners,
+        updatesToNotifyQueue = this.updatesToNotifyQueue;
+      var pluginsFiltered = filterPluginsWithListeners({
+        plugins: plugins,
+        listeners: listeners
+      });
+      var sharedStateDiffs = extractSharedStateFromPlugins({
         oldEditorState: oldEditorState,
-        listeners: listeners,
-        plugins: plugins
+        newEditorState: newEditorState,
+        plugins: pluginsFiltered
+      });
+      if (sharedStateDiffs.size === 0) {
+        return;
+      }
+      var _iterator3 = _createForOfIteratorHelper(sharedStateDiffs),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _step3$value = _slicedToArray(_step3.value, 2),
+            pluginName = _step3$value[0],
+            nextDiff = _step3$value[1];
+          var currentDiffQueue = updatesToNotifyQueue.get(pluginName) || [];
+          updatesToNotifyQueue.set(pluginName, [].concat(_toConsumableArray(currentDiffQueue), [nextDiff]));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      notifyListenersThrottled({
+        updatesToNotifyQueue: updatesToNotifyQueue,
+        listeners: listeners
       });
     }
   }, {
     key: "destroy",
     value: function destroy() {
       this.listeners.clear();
+      this.updatesToNotifyQueue.clear();
     }
   }]);
   return SharedStateAPI;
 }();
 export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
-  function EditorPluginInjectionAPI(_ref4) {
+  function EditorPluginInjectionAPI(_ref6) {
     var _this2 = this;
-    var getEditorState = _ref4.getEditorState;
+    var getEditorState = _ref6.getEditorState;
     _classCallCheck(this, EditorPluginInjectionAPI);
-    _defineProperty(this, "onEditorViewUpdated", function (_ref5) {
-      var newEditorState = _ref5.newEditorState,
-        oldEditorState = _ref5.oldEditorState;
+    _defineProperty(this, "onEditorViewUpdated", function (_ref7) {
+      var newEditorState = _ref7.newEditorState,
+        oldEditorState = _ref7.oldEditorState;
       _this2.sharedStateAPI.notifyListeners({
         newEditorState: newEditorState,
         oldEditorState: oldEditorState,
@@ -187,8 +244,13 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
       var sharedStateAPI = this.sharedStateAPI,
         actionsAPI = this.actionsAPI,
         getPluginByName = this.getPluginByName;
-      var externalPlugins = new Proxy({}, {
+      var dependencies = new Proxy({}, {
         get: function get(target, prop, receiver) {
+          // If we pass this as a prop React hates us
+          // Let's just reflect the result and ignore these
+          if (prop === 'toJSON') {
+            return Reflect.get(target, prop);
+          }
           var plugin = getPluginByName(prop);
           if (!plugin) {
             // eslint-disable-next-line
@@ -205,7 +267,7 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
         }
       });
       return {
-        externalPlugins: externalPlugins
+        dependencies: dependencies
       };
     }
   }]);

package/dist/esm/styles/shared/table.js

@@ -29,6 +29,8 @@ export var TableSharedCssClassName = {
   TABLE_STICKY_WRAPPER: "".concat(tablePrefixSelector, "-sticky-wrapper"),
   TABLE_STICKY_SENTINEL_TOP: "".concat(tablePrefixSelector, "-sticky-sentinel-top"),
   TABLE_STICKY_SENTINEL_BOTTOM: "".concat(tablePrefixSelector, "-sticky-sentinel-bottom"),
+  TABLE_SHADOW_SENTINEL_LEFT: "".concat(tablePrefixSelector, "-shadow-sentinel-left"),
+  TABLE_SHADOW_SENTINEL_RIGHT: "".concat(tablePrefixSelector, "-shadow-sentinel-right"),
   TABLE_CELL_NODEVIEW_CONTENT_DOM: tableCellContentDomSelector,
   TABLE_CELL_WRAPPER: tableCellSelector,
   TABLE_HEADER_CELL_WRAPPER: tableHeaderSelector,

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "72.6.0";
+var packageVersion = "72.7.0";
 var halfFocusRing = 1;
 var dropOffset = "0, ".concat(gridSize(), "px");
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -0,0 +1,16 @@
+import { borderColorPalette as colorPalette } from '@atlaskit/adf-schema';
+import { DEFAULT_BORDER_COLOR } from './common';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+var borderColorPalette = [];
+colorPalette.forEach(function (label, color) {
+  var key = label.toLowerCase().replace(' ', '-');
+  var message = getColorMessage(paletteMessages, key);
+  borderColorPalette.push({
+    value: color,
+    label: label,
+    border: DEFAULT_BORDER_COLOR,
+    message: message
+  });
+});
+export default borderColorPalette;

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

@@ -1,2 +1,2 @@
 export { DEFAULT_BORDER_COLOR } from './common';
-export { textPaletteTooltipMessages, backgroundPaletteTooltipMessages } from './paletteMessagesTokenModeNames';
+export { textPaletteTooltipMessages, backgroundPaletteTooltipMessages, borderPaletteTooltipMessages } from './paletteMessagesTokenModeNames';

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

@@ -246,4 +246,26 @@ export var darkBackgroundPaletteTooltipMessages = _objectSpread(_objectSpread({}
 export var backgroundPaletteTooltipMessages = {
   light: lightBackgroundPaletteTooltipMessages,
   dark: darkBackgroundPaletteTooltipMessages
+};
+var lightBorderPaletteTooltipMessages = defineMessages({
+  '#091E4224': {
+    id: 'fabric.theme.subtle-gray',
+    defaultMessage: 'Subtle gray',
+    description: 'Name of a color'
+  },
+  '#758195': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'Name of a color'
+  },
+  '#172B4D': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'Name of a color'
+  }
+});
+var darkBorderPaletteTooltipMessages = _objectSpread({}, lightBorderPaletteTooltipMessages);
+export var borderPaletteTooltipMessages = {
+  light: lightBorderPaletteTooltipMessages,
+  dark: darkBorderPaletteTooltipMessages
 };

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

@@ -6,5 +6,6 @@ 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';
+export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
+export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
+export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/esm/utils/validator.js

@@ -846,6 +846,13 @@ export var getValidMark = function getValidMark(mark) {
             attrs: attrs
           };
         }
+      case 'border':
+        {
+          return {
+            type: type,
+            attrs: attrs
+          };
+        }
     }
   }
   return null;

package/dist/esm/version.json

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

package/dist/types/analytics/types/enums.d.ts

@@ -222,6 +222,7 @@ export declare enum ACTION_SUBJECT_ID {
     ANNOTATE_BUTTON = "annotateButton",
     AVATAR_GROUP_PLUGIN = "AvatarGroupInPlugin",
     BLOCK_QUOTE = "blockQuote",
+    BORDER = "border",
     BUTTON_CATEGORY = "categoryButton",
     BUTTON_FEEDBACK = "feedbackButton",
     BUTTON_HELP = "helpButton",
@@ -231,6 +232,8 @@ export declare enum ACTION_SUBJECT_ID {
     CARD_INLINE = "inlineCard",
     CELL = "cell",
     CODE_BLOCK = "codeBlock",
+    CODEBLOCK_COPY = "codeBlockCopy",
+    CODEBLOCK_WRAP = "codeBlockWrap",
     DATE = "date",
     DATE_DAY = "day",
     DATE_MONTH = "month",

package/dist/types/analytics/types/media-events.d.ts

@@ -1,5 +1,7 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { TrackAEP, UIAEP } from './utils';
+declare type MediaBorderActionType = ACTION.UPDATED | ACTION.ADDED | ACTION.DELETED;
+export declare type MediaBorderTrackAction = TrackAEP<MediaBorderActionType, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.BORDER, any, undefined>;
 declare type MediaLinkActionType = ACTION.ADDED | ACTION.EDITED | ACTION.DELETED | ACTION.VISITED | ACTION.ERRORED;
 export declare type MediaLinkAEP = TrackAEP<MediaLinkActionType, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.LINK, any, undefined>;
 declare type MediaCaptionActionType = ACTION.DELETED | ACTION.EDITED | ACTION.ADDED;
@@ -12,5 +14,5 @@ declare type ChangeMediaAEP = TrackAEP<ACTION.CHANGED_TYPE, ACTION_SUBJECT.MEDIA
     previousType: MediaSwitchType;
 }, undefined>;
 export declare type MediaAltTextActionType = ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED;
-export declare type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | CaptionTrackAction | ChangeMediaAEP;
+export declare type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | MediaBorderTrackAction | CaptionTrackAction | ChangeMediaAEP;
 export {};

package/dist/types/collab/types.d.ts

@@ -39,6 +39,9 @@ export interface CollabEventPresenceData {
         sessionId: string;
     }[];
 }
+/**
+ * @deprecated use CollabTelepointerPayload from "@atlaskit/collab-provider"
+ */
 export interface CollabEventTelepointerData {
     type: 'telepointer';
     selection: CollabSendableSelection;
@@ -47,12 +50,21 @@ export interface CollabEventTelepointerData {
 export interface CollabEventLocalStepData {
     steps: Array<Step>;
 }
+/**
+ * @deprecated use CollabSendableSelection from "@atlaskit/collab-provider"
+ */
 export interface CollabSendableSelection {
     type: 'textSelection' | 'nodeSelection';
     anchor: number;
     head: number;
 }
+/**
+ * @deprecated use keyof CollabEvents from "@atlaskit/collab-provider"
+ */
 export declare type CollabEvent = keyof CollabEventData;
+/**
+ * @deprecated use CollabEvents from "@atlaskit/collab-provider"
+ */
 export interface CollabEventData {
     init: CollabEventInitData;
     connected: CollabEventConnectionData;
@@ -70,6 +82,9 @@ export declare type ResolvedEditorState<T = any> = {
     title: string | null;
     stepVersion: number;
 };
+/**
+ * @deprecated use CollabEditProvider from "@atlaskit/collab-provider"
+ */
 export interface CollabEditProvider<Events extends CollabEventData = CollabEventData> {
     initialize(getState: () => any, createStep: (json: object) => Step): this;
     setup(props: {

package/dist/types/collab.d.ts

@@ -1 +1 @@
-export type { CollabEditProvider, CollabEventPresenceData, CollabEvent, CollabEventConnectionData, CollabEventData, CollabEventInitData, CollabEventRemoteData, CollabEventTelepointerData, CollabParticipant, CollabSendableSelection, CollabEventLocalStepData, ResolvedEditorState, CollabEventConnectingData, } from './collab/types';
+export type { CollabEditProvider, CollabEventPresenceData, CollabEvent, CollabEventConnectionData, CollabEventDisconnectedData, CollabEventData, CollabEventInitData, CollabEventRemoteData, CollabEventTelepointerData, CollabParticipant, CollabSendableSelection, CollabEventLocalStepData, ResolvedEditorState, CollabEventConnectingData, } from './collab/types';

package/dist/types/extensions/types/extension-handler.d.ts

@@ -22,7 +22,7 @@ export declare type ExtensionAPI<T extends Parameters = Parameters> = {
             allowSelectionToNewNode?: boolean;
         }) => void;
         scrollTo: (localId: string) => void;
-        update: (localId: string, mutationCallback: (currentValue: Pick<ADFEntity, 'attrs' | 'marks'>) => Pick<ADFEntity, 'attrs' | 'marks'>) => void;
+        update: (localId: string, mutationCallback: (currentValue: Pick<ADFEntity, 'content' | 'attrs' | 'marks'>) => Pick<ADFEntity, 'content' | 'attrs' | 'marks'>) => void;
     };
 };
 export declare type UpdateExtension<T extends Parameters = Parameters> = (extensionParameters: T, actions?: ExtensionAPI<T>) => Promise<T | void>;

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

@@ -1,2 +1,3 @@
 export { default as usePreviousState } from './usePreviousState';
 export { default as useConstructor } from './useConstructor';
+export { useSharedPluginState } from './useSharedPluginState';

package/dist/types/hooks/useSharedPluginState.d.ts

@@ -0,0 +1,39 @@
+import type { ExtractPluginSharedState, NextEditorPluginMetadata, PluginDependenciesAPI, PluginInjectionAPI } from '../types/next-editor-plugin';
+declare type NamedPluginStatesFromInjectionAPI<API extends PluginInjectionAPI<any, any> | undefined, PluginList extends string[]> = Readonly<{
+    [K in PluginList[number] as `${K}State`]: API extends PluginInjectionAPI<any, any> ? API['dependencies'][K] extends PluginDependenciesAPI<infer Plugin> | undefined ? ExtractPluginSharedState<Plugin> | undefined : never : never;
+}>;
+declare type ExtractPluginNames<Name extends string, Metadata extends NextEditorPluginMetadata> = keyof PluginInjectionAPI<Name, Metadata>['dependencies'];
+/**
+ *
+ * Used to return the current plugin state of
+ * input dependencies
+ *
+ * Example in plugin:
+ *
+ * ```typescript
+ * function ExampleContent({ api }: Props) {
+ *   const { dogState, exampleState } = useSharedPluginState(
+ *     api,
+ *     ['dog', 'example']
+ *   )
+ *   return <p>{ dogState.title } { exampleState.description }</p>
+ * }
+ *
+ * const examplePlugin: NextEditorPlugin<'example', { dependencies: [typeof pluginDog] }> = (_, api) => {
+ *   return {
+ *     name: 'example',
+ *     contentComponent: () =>
+ *       <ExampleContent
+ *         api={api}
+ *         />
+ *   }
+ * }
+ * ```
+ *
+ * @param injectionApi Plugin injection API from `NextEditorPlugin`
+ * @param plugins Plugin names to get the shared plugin state for
+ * @returns A corresponding object, the keys are names of the plugin with `State` appended,
+ * the values are the shared state exposed by that plugin.
+ */
+export declare function useSharedPluginState<Name extends string, Metadata extends NextEditorPluginMetadata, PluginNames extends ExtractPluginNames<Name, Metadata>[]>(injectionApi: PluginInjectionAPI<Name, Metadata> | undefined, plugins: PluginNames): NamedPluginStatesFromInjectionAPI<typeof injectionApi, PluginNames>;
+export {};

package/dist/types/messages/codeBlockButton.d.ts

@@ -0,0 +1,22 @@
+export declare const codeBlockButtonMessages: {
+    copyCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    copiedCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    wrapCode: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unwrapCode: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -1,7 +1,7 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { unsupportedContentMessages } from './unsupportedContent';
-export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';
+export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 declare const _default: {
     layoutFixedWidth: {

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

@@ -1,3 +1,4 @@
+import type { FeatureFlags } from './types/feature-flags';
 declare type BooleanFlags = Record<string, boolean>;
 declare type NormalizedFeatureFlags<ObjectFlags> = Partial<ObjectFlags & BooleanFlags>;
 /**
@@ -17,4 +18,10 @@ declare type NormalizedFeatureFlags<ObjectFlags> = Partial<ObjectFlags & Boolean
 export declare function normalizeFeatureFlags<ObjectFlags>(rawFeatureFlags?: Record<string, unknown>, options?: {
     objectFlagKeys: string[];
 }): NormalizedFeatureFlags<ObjectFlags>;
+/**
+ * Transforms FeatureFlags to a type safe string array of the enabled feature flags.
+ *
+ * Useful for analytics and analysis purposes.
+ */
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): (keyof FeatureFlags)[];
 export {};

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

@@ -15,6 +15,8 @@ export declare class SharedStateAPI {
     private listeners;
     constructor({ getEditorState }: SharedStateAPIProps);
     createAPI(plugin: NextEditorPluginInitializedType | undefined): PluginDependenciesAPI<NextEditorPlugin<any, any>>['sharedState'];
+    private cleanupSubscription;
+    private updatesToNotifyQueue;
     notifyListeners({ newEditorState, oldEditorState, plugins, }: EditorStateDiff & Record<'plugins', Map<string, NextEditorPluginInitializedType>>): void;
     destroy(): void;
 }
@@ -33,7 +35,7 @@ export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefin
     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> : [] : []]>;
+        dependencies: 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;

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

@@ -18,6 +18,8 @@ export declare const TableSharedCssClassName: {
     TABLE_STICKY_WRAPPER: string;
     TABLE_STICKY_SENTINEL_TOP: string;
     TABLE_STICKY_SENTINEL_BOTTOM: string;
+    TABLE_SHADOW_SENTINEL_LEFT: string;
+    TABLE_SHADOW_SENTINEL_RIGHT: string;
     TABLE_CELL_NODEVIEW_CONTENT_DOM: string;
     TABLE_CELL_WRAPPER: string;
     TABLE_HEADER_CELL_WRAPPER: string;

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

@@ -389,6 +389,16 @@ export declare type FeatureFlags = {
      * @default false
      */
     useEditorNext?: boolean;
+    /**
+     * @description
+     * Alter the default navigation behaviour of the typeahead insertion
+     *
+     * @see https://hello.atlassian.net/wiki/spaces/~970827943/blog/2023/03/29/2499685575
+     * @see https://product-fabric.atlassian.net/browse/ED-17200
+     * DUE DATE: July 2023
+     * @default true
+     */
+    useBetterTypeaheadNavigation?: boolean;
     /**
      * @description
      * Expanded chart color options from 20 to 36, uses design tokens to enable light/dark mode colors.

package/dist/types/types/floating-toolbar.d.ts

@@ -74,6 +74,11 @@ export interface ConfirmDialogOptions {
 }
 export declare type ConfirmationDialogProps = {
     onConfirm: (isCheck?: boolean) => void;
+    /**
+     * onClose is called every time when the dialog is closed.
+     * Either clicking on 'Confirm' button or 'Cancel' button,
+     * which means it is being called after onConfirm, or by itself when clicking 'Cancel' button.
+     */
     onClose: () => void;
     options?: ConfirmDialogOptions;
     testId?: string;

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 { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, } from './next-editor-plugin';
 export declare type IconProps = {
     label?: string;
 };