@atlaskit/editor-common 70.1.3 → 70.2.1

package/dist/esm/utils/outdated-browsers.js

@@ -0,0 +1,32 @@
+export var isOutdatedBrowser = function isOutdatedBrowser(userAgent) {
+  // Take browsers in both Desktop and Mobile (includes Chrome, Firefox, Edge and Safari) within last 2 years
+  var chrome = /Chrome\//.test(userAgent) && !/OPR\//.test(userAgent);
+  var chromeVersion = chrome ? parseInt((userAgent.match(/Chrome\/(\d+)/) || [])[1], 10) : 0;
+
+  if (chromeVersion >= 84) {
+    return false;
+  }
+
+  var gecko = /gecko\/\d/i.test(userAgent);
+  var geckoVersion = gecko ? parseInt((userAgent.match(/Firefox\/(\d+)/) || [])[1], 10) : 0;
+
+  if (geckoVersion >= 84) {
+    return false;
+  }
+
+  var edge = /Edge\/(\d+)/.exec(userAgent);
+  var edgeVersion = edge ? +edge[1] : 0;
+
+  if (edgeVersion >= 84) {
+    return false;
+  }
+
+  var safari = !chrome && !gecko && /Version\/([0-9\._]+).*Safari/.test(userAgent);
+  var safariVersion = safari ? parseInt((userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10) : 0;
+
+  if (safariVersion >= 12) {
+    return false;
+  }
+
+  return true;
+};

package/dist/esm/utils/referentiality.js

@@ -0,0 +1,40 @@
+export var isReferencedSource = function isReferencedSource(state, node) {
+  var _node$attrs, _node$marks, _node$marks$find, _node$marks$find$attr;
+
+  if (!node) {
+    return false;
+  }
+
+  var found = false; // Handle nodes having 2 uuids. They could have a localId or a fragment. Regardless this needs
+  // to check if either id is used by a data consumer.
+
+  var localIds = new Set([(_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId, (_node$marks = node.marks) === null || _node$marks === void 0 ? void 0 : (_node$marks$find = _node$marks.find(function (mark) {
+    return mark.type === state.schema.marks.fragment;
+  })) === null || _node$marks$find === void 0 ? void 0 : (_node$marks$find$attr = _node$marks$find.attrs) === null || _node$marks$find$attr === void 0 ? void 0 : _node$marks$find$attr.localId].filter(Boolean)); // If there are no uuids on the node then it's not possible for it to be referenced anywhere.
+
+  if (!localIds.size) {
+    return false;
+  }
+
+  state.doc.descendants(function (node) {
+    var _dataConsumer$attrs$s, _dataConsumer$attrs$s2;
+
+    if (found) {
+      return false;
+    }
+
+    var dataConsumer = node.marks.find(function (mark) {
+      return mark.type === state.schema.marks.dataConsumer;
+    });
+
+    if (!dataConsumer) {
+      return true;
+    }
+
+    found = (_dataConsumer$attrs$s = (_dataConsumer$attrs$s2 = dataConsumer.attrs.sources) === null || _dataConsumer$attrs$s2 === void 0 ? void 0 : _dataConsumer$attrs$s2.some(function (src) {
+      return localIds.has(src);
+    })) !== null && _dataConsumer$attrs$s !== void 0 ? _dataConsumer$attrs$s : false;
+    return !found;
+  });
+  return found;
+};

package/dist/esm/utils/sendLogs.js

@@ -0,0 +1,10 @@
+export var sendLogs = function sendLogs(body) {
+  return fetch('https://analytics.atlassian.com/analytics/events', {
+    method: 'POST',
+    headers: {
+      Accept: 'application/json, */*',
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(body)
+  });
+};

package/dist/esm/version.json

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

package/dist/esm/with-plugin-state/index.js

@@ -16,6 +16,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { createDispatch } from '../event-dispatcher';
+import { analyticsEventKey, startMeasure, stopMeasure } from '../utils';
+import { getParticipantsCount } from '../utils/collab';
 var DEFAULT_SAMPLING_RATE = 100;
 var DEFAULT_SLOW_THRESHOLD = 4;
 
@@ -59,6 +63,8 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "isSubscribed", false);
 
+    _defineProperty(_assertThisInitialized(_this), "callsCount", 0);
+
     _defineProperty(_assertThisInitialized(_this), "state", _this.getPluginsStates(_this.props.plugins, _this.getEditorView(_this.props, _this.context)));
 
     _defineProperty(_assertThisInitialized(_this), "handlePluginStateChange", function (propName, pluginName, performanceOptions, skipEqualityCheck) {
@@ -90,40 +96,45 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
         return fn();
       };
       _this.debounce = debounce(function () {
-        // TODO: ED-15580
-        //const measure = `🦉${pluginName}::WithPluginState`;
-        //performanceOptions.trackingEnabled && startMeasure(measure);
-        //              () => {
-        //  performanceOptions.trackingEnabled &&
-        //    stopMeasure(measure, (duration) => {
-        //      // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
-        //      if (
-        //        ++this.callsCount % performanceOptions.samplingRate === 0 &&
-        //        duration > performanceOptions.slowThreshold
-        //      ) {
-        //        const editorView = this.getEditorView();
-        //        this.dispatchAnalyticsEvent({
-        //          action: ACTION.WITH_PLUGIN_STATE_CALLED,
-        //          actionSubject: ACTION_SUBJECT.EDITOR,
-        //          eventType: EVENT_TYPE.OPERATIONAL,
-        //          attributes: {
-        //            plugin: pluginName,
-        //            duration,
-        //            participants: getParticipantsCount(
-        //              editorView && editorView.state,
-        //            ),
-        //          },
-        //        });
-        //      }
-        //    });
-        //}
-        _this.setState(_this.notAppliedState);
+        var measure = "\uD83E\uDD89".concat(pluginName, "::WithPluginState");
+        performanceOptions.trackingEnabled && startMeasure(measure);
+
+        _this.setState(_this.notAppliedState, function () {
+          performanceOptions.trackingEnabled && stopMeasure(measure, function (duration) {
+            // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
+            if (++_this.callsCount % performanceOptions.samplingRate === 0 && duration > performanceOptions.slowThreshold) {
+              var _editorView = _this.getEditorView();
+
+              _this.dispatchAnalyticsEvent({
+                action: ACTION.WITH_PLUGIN_STATE_CALLED,
+                actionSubject: ACTION_SUBJECT.EDITOR,
+                eventType: EVENT_TYPE.OPERATIONAL,
+                attributes: {
+                  plugin: pluginName,
+                  duration: duration,
+                  participants: getParticipantsCount(_editorView && _editorView.state)
+                }
+              });
+            }
+          });
+        });
 
         _this.debounce = null;
         _this.notAppliedState = {};
       });
     });
 
+    _defineProperty(_assertThisInitialized(_this), "dispatchAnalyticsEvent", function (payload) {
+      var eventDispatcher = _this.getEventDispatcher();
+
+      if (eventDispatcher) {
+        var dispatch = createDispatch(eventDispatcher);
+        dispatch(analyticsEventKey, {
+          payload: payload
+        });
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onContextUpdate", function () {
       _this.subscribe(_this.props);
     });
@@ -146,17 +157,7 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "getPluginsStates",
-    value: // TODO: ED-15580
-    //private dispatchAnalyticsEvent = (payload: AnalyticsEventPayload) => {
-    //  const eventDispatcher = this.getEventDispatcher();
-    //  if (eventDispatcher) {
-    //    const dispatch: AnalyticsDispatch = createDispatch(eventDispatcher);
-    //    dispatch(analyticsEventKey, {
-    //      payload,
-    //    });
-    //  }
-    //};
-    function getPluginsStates(plugins, editorView) {
+    value: function getPluginsStates(plugins, editorView) {
       if (!editorView || !plugins) {
         return {};
       }
@@ -176,7 +177,9 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "subscribe",
     value: function subscribe(props) {
-      var _this2 = this;
+      var _uiTracking$samplingR,
+          _uiTracking$slowThres,
+          _this2 = this;
 
       var plugins = props.plugins;
       var eventDispatcher = this.getEventDispatcher(props);
@@ -184,20 +187,22 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
 
       if (!eventDispatcher || !editorView || this.isSubscribed) {
         return;
-      } // TODO: ED-15580
-      //const analyticsPlugin = analyticsPluginKey.getState(editorView.state);
-      //const uiTracking =
-      //  analyticsPlugin && analyticsPlugin.performanceTracking
-      //    ? analyticsPlugin.performanceTracking.uiTracking || {}
-      //    : {};
-      //const trackingEnabled = uiTracking.enabled === true;
-      //const samplingRate = uiTracking.samplingRate || DEFAULT_SAMPLING_RATE;
-      //const slowThreshold = uiTracking.slowThreshold || DEFAULT_SLOW_THRESHOLD;
-
-
-      var trackingEnabled = false;
-      var samplingRate = DEFAULT_SAMPLING_RATE;
-      var slowThreshold = DEFAULT_SLOW_THRESHOLD;
+      } // TODO: ED-15663
+      // Please, do not copy or use this kind of code below
+      // @ts-ignore
+
+
+      var fakePluginKey = {
+        key: 'analyticsPlugin$',
+        getState: function getState(state) {
+          return state['analyticsPlugin$'];
+        }
+      };
+      var analyticsPlugin = fakePluginKey.getState(editorView.state);
+      var uiTracking = analyticsPlugin && analyticsPlugin.performanceTracking ? analyticsPlugin.performanceTracking.uiTracking || {} : {};
+      var trackingEnabled = uiTracking.enabled === true;
+      var samplingRate = (_uiTracking$samplingR = uiTracking.samplingRate) !== null && _uiTracking$samplingR !== void 0 ? _uiTracking$samplingR : DEFAULT_SAMPLING_RATE;
+      var slowThreshold = (_uiTracking$slowThres = uiTracking.slowThreshold) !== null && _uiTracking$slowThres !== void 0 ? _uiTracking$slowThres : DEFAULT_SLOW_THRESHOLD;
       this.isSubscribed = true;
       var pluginsStates = this.getPluginsStates(plugins, editorView);
       this.setState(pluginsStates);

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

@@ -105,6 +105,7 @@ export declare type ErrorEventAttributes = {
     errorId?: string;
     docStructure?: string | SimplifiedNode;
     browserExtensions?: UserBrowserExtensionResults;
+    outdatedBrowser?: boolean;
 };
 declare type ComponentCrashErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED, ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON | ACTION_SUBJECT.PLUGIN_SLOT | ACTION_SUBJECT.REACT_NODE_VIEW | ACTION_SUBJECT.TABLES_PLUGIN | ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN | ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID | FLOATING_CONTROLS_TITLE, ErrorEventAttributes, undefined>;
 declare type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED_ADDITIONAL_INFORMATION, ACTION_SUBJECT.EDITOR, undefined, {

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

@@ -8,6 +8,7 @@ export interface ExtensionParams<T extends Parameters> {
     parameters?: T;
     content?: object | string;
     localId?: string;
+    fragmentLocalId?: string;
 }
 export declare type ExtensionHandler<T extends Parameters = Parameters> = (ext: ExtensionParams<T>, doc: object) => JSX.Element | null;
 export declare type OnSaveCallback<T extends Parameters = Parameters> = (params: T) => void;

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

@@ -9,7 +9,7 @@ export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
 export { linkSharedStyle } from './shared/link';
-export { listsSharedStyles } from './shared/lists';
+export { listsSharedStyles, listPaddingLeftMarkerSpace } from './shared/lists';
 export { indentationSharedStyles } from './shared/indentation';
 export { blockMarksSharedStyles } from './shared/block-marks';
 export { codeMarkSharedStyles } from './shared/code-mark';
@@ -18,6 +18,6 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
 export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';
-export { CodeBlockSharedCssClassName, codeBlockSharedStyles, } from './shared/code-block';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';

package/dist/types/styles/shared/code-block.d.ts

@@ -8,3 +8,4 @@ export declare const CodeBlockSharedCssClassName: {
     DS_CODEBLOCK: string;
 };
 export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

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

@@ -1 +1,2 @@
+export declare const listPaddingLeftMarkerSpace = 24;
 export declare const listsSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/types/copy-button.d.ts

@@ -0,0 +1,20 @@
+import { MarkType, NodeType } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { IntlShape } from 'react-intl-next';
+import { Command } from './command';
+export declare type MarkOptions = {
+    state: EditorState;
+    formatMessage: IntlShape['formatMessage'];
+    nodeType?: undefined;
+    markType: MarkType;
+    onMouseEnter?: undefined;
+    onMouseLeave?: undefined;
+};
+export declare type NodeOptions = {
+    state: EditorState;
+    formatMessage: IntlShape['formatMessage'];
+    nodeType: NodeType | Array<NodeType>;
+    markType?: undefined;
+    onMouseEnter?: Command;
+    onMouseLeave?: Command;
+};

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

@@ -10,6 +10,7 @@ export interface EditorActionsOptions<T = any> {
     clear(): boolean;
     getValue(): Promise<T | JSONDocNode | undefined>;
     getNodeByLocalId(id: string): Node | undefined;
+    getNodeByFragmentLocalId(id: string): Node | undefined;
     getSelectedNode(): Node | undefined;
     replaceDocument(rawValue: any): boolean;
     replaceSelection(rawValue: Node | Object | string): boolean;

package/dist/types/types/editor-container-width.d.ts

@@ -1,6 +1,20 @@
 export declare type EditorContainerWidth = {
+    /**
+     * Starts as offsetWidth of document body, and then
+     * updates to the editors content areas offsetWidth
+     * via the use of a contentComponent (via the
+     * container element prop).
+     */
     width: number;
     containerWidth?: number;
+    /**
+     * Starts as undefined, and then updates to the
+     * clientWidth of the dom element the EditorView
+     * is attached to.
+     *
+     * Then the WidthEmitter updates this whenever the
+     * context panel or editor widths change.
+     */
     lineLength?: number;
 };
 export declare type GetEditorContainerWidth = () => EditorContainerWidth;

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

@@ -185,12 +185,6 @@ export declare type FeatureFlags = {
      * @default false
      */
     extendFloatingToolbar?: boolean;
-    /**
-     * Set editor to use the input rule with unpredictable undo results
-     * @see https://product-fabric.atlassian.net/browse/ED-12676
-     * @default true
-     */
-    useUnpredictableInputRule?: boolean;
     /**
      * Show the avatar group as a plugin
      * @see https://product-fabric.atlassian.net/browse/CERN-747

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

@@ -8,6 +8,7 @@ import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analyti
 import type { ProviderFactory } from '../provider-factory';
 import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
 import type { Command } from './command';
+import type { MarkOptions, NodeOptions } from './copy-button';
 export interface RenderOptionsPropsT<T> {
     hide: () => void;
     dispatchCommand: (command: T) => void;
@@ -54,6 +55,11 @@ export interface ConfirmDialogOptions {
     okButtonLabel?: string;
     cancelButtonLabel?: string;
 }
+export declare type FloatingToolbarCopyButton = {
+    type: 'copy-button';
+    items: Array<FloatingToolbarSeparator | MarkOptions | NodeOptions>;
+    hidden?: boolean;
+};
 export declare type FloatingToolbarButton<T> = {
     id?: string;
     type: 'button';
@@ -95,6 +101,17 @@ export declare type FloatingToolbarInput<T> = {
 };
 export declare type FloatingToolbarCustom<T> = {
     type: 'custom';
+    /**
+     * By default -- the floating toolbar supports navigating between
+     * items using arrow keys (to meet aria guidelines).
+     * In some cases the floating toolbar is being used to present
+     * non toolbar content -- such as the link editing experience.
+     * In these cases you can opt out of arrow navigation using the
+     * this property.
+     *
+     * @default false
+     */
+    disableArrowNavigation?: boolean;
     fallback: Array<FloatingToolbarFallbackItem<T>>;
     render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentClass | React.SFC | React.ReactElement<any> | null;
     hidden?: boolean;
@@ -159,8 +176,8 @@ declare type FloatingToolbarExtensionsPlaceholder = {
  * This type is restricted with the items that can be used for fallback.
  * Make sure that this type is not a FloatingToolbarCustom type.
  */
-export declare type FloatingToolbarFallbackItem<T> = FloatingToolbarButton<T> | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarSeparator;
-export declare type FloatingToolbarItem<T> = FloatingToolbarButton<T> | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarCustom<T> | FloatingToolbarSeparator | FloatingToolbarExtensionsPlaceholder;
+export declare type FloatingToolbarFallbackItem<T> = FloatingToolbarButton<T> | FloatingToolbarCopyButton | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarSeparator;
+export declare type FloatingToolbarItem<T> = FloatingToolbarButton<T> | FloatingToolbarCopyButton | FloatingToolbarDropdown<T> | FloatingToolbarSelect<T> | FloatingToolbarInput<T> | FloatingToolbarCustom<T> | FloatingToolbarSeparator | FloatingToolbarExtensionsPlaceholder;
 export interface FloatingToolbarConfig {
     title: string;
     /**
@@ -172,6 +189,9 @@ export interface FloatingToolbarConfig {
      */
     getDomRef?: (view: EditorView) => HTMLElement | undefined;
     visible?: boolean;
+    /**
+     * nodeType or list of `nodeType`s this floating toolbar should be shown for.
+     **/
     nodeType: NodeType | NodeType[];
     items: Array<FloatingToolbarItem<Command>> | ((node: Node) => Array<FloatingToolbarItem<Command>>);
     align?: AlignType;
@@ -181,6 +201,7 @@ export interface FloatingToolbarConfig {
     offset?: [number, number];
     forcePlacement?: boolean;
     onPositionCalculated?: (editorView: EditorView, nextPos: Position) => Position;
+    scrollable?: boolean;
 }
 export declare type FloatingToolbarHandler = (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
 export {};

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

@@ -18,7 +18,8 @@ export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags, } from './fea
 export type { Browsers, Range, DisableSpellcheckByBrowser, } from './supported-browsers';
 export type { EditorContainerWidth, GetEditorContainerWidth, } from './editor-container-width';
 export type { EmptyStateHandler, EmptyStateHandlerParams, } from './empty-state-handler';
-export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogOptions, FloatingToolbarButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, } from './floating-toolbar';
+export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogOptions, FloatingToolbarButton, FloatingToolbarCopyButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, } from './floating-toolbar';
+export type { MarkOptions, NodeOptions } from './copy-button';
 export type { ContextPanelHandler } from './context-panel';
 export type { EditorAppearance } from './editor-appearance';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from './toolbar';

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface WrapProps {
+    children: JSX.Element;
+}
+export default function IntlProviderIfMissingWrapper({ children }: WrapProps): JSX.Element;
+export {};

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

@@ -19,6 +19,7 @@ export interface Props {
     forcePlacement?: boolean;
     allowOutOfBounds?: boolean;
     rect?: DOMRect;
+    style?: React.CSSProperties;
 }
 export interface State {
     popup?: HTMLElement;

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

@@ -37,7 +37,8 @@ export declare class PortalProviderAPI extends EventDispatcher {
 export declare const PortalProvider: React.FC<import("react-intl-next").WithIntlProps<BasePortalProviderProps>> & {
     WrappedComponent: React.ComponentType<BasePortalProviderProps>;
 };
-export declare const PortalProviderWithThemeProviders: (props: Omit<BasePortalProviderProps, 'intl' | 'themeMode'>) => JSX.Element;
+declare type PortalProviderWithThemeProvidersProps = Omit<BasePortalProviderProps, 'intl' | 'themeMode'>;
+export declare const PortalProviderWithThemeProviders: ({ onAnalyticsEvent, useAnalyticsContext, render, }: PortalProviderWithThemeProvidersProps) => JSX.Element;
 export declare class PortalRenderer extends React.Component<{
     portalProviderAPI: PortalProviderAPI;
 }, PortalRendererState> {

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

@@ -23,3 +23,4 @@ export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle, } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';
+export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';

package/dist/types/utils/breakout.d.ts

@@ -1,3 +1,4 @@
+import { BreakoutMarkAttrs } from '@atlaskit/adf-schema';
 /**
  * Variables required to construct a context for breakout ssr inline script.
  *
@@ -8,3 +9,27 @@ export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | str
 export { breakoutConsts };
 export declare const calcWideWidth: any;
 export declare const calcBreakoutWidth: any;
+export declare function calculateBreakoutStyles({ mode, widthStateLineLength, widthStateWidth, }: {
+    mode: BreakoutMarkAttrs['mode'];
+    /**
+     * offsetWidth of the content the editor is attached to.
+     * Expected to be retrieved via `WidthState.lineLength`.
+     */
+    widthStateWidth?: number;
+    /**
+     * clientWidth of the content area in the editor (ie. EditorPlugin contentComponents).
+     * Expected to be retrieved via `WidthState.width`.
+     */
+    widthStateLineLength?: number;
+}): {
+    type: "line-length-unknown";
+    width: any;
+    transform: string;
+    marginLeft: string;
+} | {
+    type: "line-length-known";
+    width: any;
+    marginLeft: string;
+    transform?: undefined;
+};
+export declare function calcBreakoutWidthPx(mode: BreakoutMarkAttrs['mode'], widthStateWidth?: number): number;

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

@@ -0,0 +1,2 @@
+import { EditorState } from 'prosemirror-state';
+export declare const getParticipantsCount: (editorState?: EditorState<any> | undefined) => any;

package/dist/types/utils/dom.d.ts

@@ -20,7 +20,21 @@ export declare function removeNestedEmptyEls(el: HTMLElement): void;
 export declare const containsClassName: (node: HTMLElement | SVGElement | null, className: string) => boolean;
 export declare function closest(node: HTMLElement | null | undefined, s: string): HTMLElement | null;
 export declare function closestElement(node: HTMLElement | null | undefined, s: string): HTMLElement | null;
-export declare function parsePx(pxStr: string): number | undefined;
+/**
+ * Util for converting a css pixel size value to a number (of pixels).
+ *
+ * ie.
+ * ```ts
+ * const pixels = parsePx('10px')
+ * //    ^$ const pixels: number
+ * ```
+ * * ```ts
+ * const pixels = parsePx('10')
+ * //    ^$ const pixels: number | undefined
+ * ```
+ */
+export declare function parsePx<PXString extends `${number}px`>(pxStr: PXString): number;
+export declare function parsePx<PXString extends string>(pxStr: PXString): number | undefined;
 export declare type MapCallback<T, S> = (elem: S, idx: number, parent: Element) => T;
 export declare function mapElem<T>(elem: Element, callback: MapCallback<T, Element>): Array<T>;
 export declare function maphElem<T, U extends HTMLElement>(elem: U, callback: MapCallback<T, U>): Array<T>;

package/dist/types/utils/get-performance-options.d.ts

@@ -0,0 +1,18 @@
+import { EditorState } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
+import { AnalyticsEventPayload } from '../analytics';
+export declare function getPerformanceOptions(view: EditorView): {
+    trackingEnabled: boolean;
+    samplingRate: number;
+    slowThreshold: number;
+};
+export declare function startMeasureReactNodeViewRendered({ nodeTypeName, }: {
+    nodeTypeName: string;
+}): void;
+export declare function stopMeasureReactNodeViewRendered({ nodeTypeName, dispatchAnalyticsEvent, editorState, samplingRate, slowThreshold, }: {
+    nodeTypeName: string;
+    dispatchAnalyticsEvent(payload: AnalyticsEventPayload): void;
+    editorState: EditorState;
+    samplingRate: number;
+    slowThreshold: number;
+}): void;

package/dist/types/utils/getModeFromTheme.d.ts

@@ -1 +1 @@
-export declare function getModeFromTheme(theme: string): "dark" | "light";
+export declare function getModeFromTheme(theme: string): "light" | "dark";

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

@@ -9,7 +9,7 @@ export type { Date } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus, } from './imageLoader';
-export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, } from './breakout';
+export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, } from './breakout';
 export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, } from './nodes';
 export type { Reducer } from './plugin-state-factory';
 export { pluginFactory } from './plugin-state-factory';
@@ -35,6 +35,7 @@ export { ZERO_WIDTH_SPACE, ZERO_WIDTH_JOINER } from './whitespace';
 export type { Diff } from './types';
 export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
+export { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, } from './get-performance-options';
 export type { UserBrowserExtensionResults } from './browser-extensions';
 export { sniffUserBrowserExtensions } from './browser-extensions';
 export { RenderCountProfiler } from './profiler/render-count';
@@ -43,3 +44,6 @@ export { getShallowPropsDifference, getPropsDifference } from './compare-props';
 export type { ShallowPropsDifference, PropsDifference } from './compare-props';
 export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';
 export type { UseComponentRenderTrackingArgs } from './performance/hooks/use-component-render-tracking';
+export { isOutdatedBrowser } from './outdated-browsers';
+export { isReferencedSource } from './referentiality';
+export { sendLogs } from './sendLogs';

package/dist/types/utils/outdated-browsers.d.ts

@@ -0,0 +1 @@
+export declare const isOutdatedBrowser: (userAgent: string) => boolean;

package/dist/types/utils/referentiality.d.ts

@@ -0,0 +1,3 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+export declare const isReferencedSource: (state: EditorState, node?: PMNode<any> | undefined) => boolean;

package/dist/types/utils/sendLogs.d.ts

@@ -0,0 +1 @@
+export declare const sendLogs: (body: any) => Promise<Response>;

package/dist/types/with-plugin-state/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { PluginKey } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import type { EventDispatcher } from '../event-dispatcher';
+import { EventDispatcher } from '../event-dispatcher';
 import type { NamedPluginKeys, NamedPluginStates } from './types';
 export declare type PerformanceOptions = {
     samplingRate: number;
@@ -13,7 +13,7 @@ export interface State {
     [name: string]: any;
 }
 declare type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
-declare type EditorActionsPrivateAccess = {
+export declare type EditorActionsPrivateAccess = {
     _privateGetEditorView: () => EditorView;
     _privateGetEventDispatcher: () => EventDispatcher;
     _privateSubscribe: (cb: ContextUpdateHandler) => void;
@@ -59,6 +59,7 @@ declare class WithPluginState<P extends NamedPluginKeys> extends React.Component
     private debounce;
     private notAppliedState;
     private isSubscribed;
+    private callsCount;
     static contextTypes: {
         editorActions: PropTypes.Requireable<object>;
         editorSharedConfig: PropTypes.Requireable<object>;
@@ -72,6 +73,7 @@ declare class WithPluginState<P extends NamedPluginKeys> extends React.Component
      * Debounces setState calls in order to reduce number of re-renders caused by several plugin state changes.
      */
     private updateState;
+    private dispatchAnalyticsEvent;
     private getPluginsStates;
     private subscribe;
     private unsubscribe;