@atlaskit/editor-common 70.1.2 → 70.2.0

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/styles/shared/lists.d.ts

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

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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;
@@ -184,6 +204,7 @@ export interface FloatingToolbarConfig {
     ];
     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-ts4.0/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-ts4.0/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-ts4.0/ui/Popup/index.d.ts

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

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/ui-menu/ToolbarButton/index.d.ts

@@ -39,7 +39,7 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
     onItemClick?: ((item: MenuItem) => void) | undefined;
     selected?: boolean | undefined;
-    spacing?: "default" | "none" | "compact" | undefined;
+    spacing?: "none" | "default" | "compact" | undefined;
     target?: string | undefined;
     title?: React.ReactNode;
     titlePosition?: PositionType | undefined;

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/utils/outdated-browsers.d.ts

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

package/dist/types-ts4.0/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-ts4.0/utils/sendLogs.d.ts

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

package/dist/types-ts4.0/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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "70.1.2",
+  "version": "70.2.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -70,7 +71,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
@@ -78,13 +79,13 @@
     "@atlaskit/emoji": "^66.0.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^74.1.0",
-    "@atlaskit/media-client": "^18.0.0",
+    "@atlaskit/media-card": "^74.2.0",
+    "@atlaskit/media-client": "^18.1.0",
     "@atlaskit/media-picker": "^64.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/menu": "^1.3.0",
+    "@atlaskit/menu": "^1.4.0",
     "@atlaskit/profilecard": "^17.2.0",
-    "@atlaskit/smart-card": "^23.0.0",
+    "@atlaskit/smart-card": "^23.1.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",
@@ -100,7 +101,6 @@
     "@types/prosemirror-view": "^1.9.0",
     "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
-    "cypress-file-upload": "^5.0.2",
     "date-fns": "^2.17.0",
     "lodash": "^4.17.21",
     "popper.js": "^1.14.1",
@@ -129,7 +129,6 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@types/raf-schd": "^4.0.1",
-    "cypress-file-upload": "^5.0.2",
     "enzyme": "^3.10.0",
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
@@ -146,7 +145,10 @@
     },
     "@repo/internal": {
       "deprecation": "no-deprecated-imports",
-      "theming": "tokens"
+      "theming": "tokens",
+      "styling": [
+        "emotion"
+      ]
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/report.api.md

@@ -1,9 +1,13 @@
-## API Report File for "@atlaskit/editor-common".
+## API Report File for "@atlaskit/editor-common"
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+<!--
+	Generated API Report version: 2.0
+-->
 
 [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
-export {};
+// (No @packageDocumentation comment for this package)
 ```

package/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "baseUrl": "./"
+    "baseUrl": "./",
+    "types": ["cypress"],
   },
   "include": [
     "src/**/*.ts",

package/dist/cjs/__tests_external__/cases/media/test-cases/alt-text.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addAltTextMediaTestCase = void 0;
-
-var _inProductTesting = require("@atlaskit/in-product-testing");
-
-var _inProduct = require("@atlaskit/media-card/in-product");
-
-var _Editor = require("../../../page-objects/Editor");
-
-var _EditorMedia = require("../../../page-objects/EditorMedia");
-
-var addAltTextMediaTestCase = function addAltTextMediaTestCase(_ref) {
-  var ui = _ref.ui,
-      fixtures = _ref.fixtures;
-  return new _inProductTesting.InProductTestCase({
-    title: 'adding alt text to Media works',
-    id: 'media-alt-text',
-    precondition: function precondition() {
-      return fixtures.length > 0;
-    },
-    assertions: function assertions(cy) {
-      var editor = new _Editor.EditorPageObject(cy);
-      var editorMedia = new _EditorMedia.EditorMediaPageObject(cy);
-      var mediaCard = new _inProduct.MediaCardPageObject(cy);
-      editor.upload(fixtures);
-      mediaCard.expectCardReady(fixtures.length);
-      var altText = 'Corne **loves** avocados';
-      editorMedia.addAltTextToImage(altText);
-      editorMedia.assertAltText(altText);
-
-      if (ui !== null && ui !== void 0 && ui.publishButton) {
-        var renderer = editor.publish(ui);
-        renderer.expectContentReady();
-        renderer.expectMediaSingleRenders(fixtures.length);
-        mediaCard.assertAltText(altText);
-      }
-    }
-  });
-};
-
-exports.addAltTextMediaTestCase = addAltTextMediaTestCase;

package/dist/cjs/__tests_external__/cases/media/test-cases/caption.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addCaptionMediaTestCase = void 0;
-
-var _inProductTesting = require("@atlaskit/in-product-testing");
-
-var _inProduct = require("@atlaskit/media-card/in-product");
-
-var _Editor = require("../../../page-objects/Editor");
-
-var _EditorMedia = require("../../../page-objects/EditorMedia");
-
-var addCaptionMediaTestCase = function addCaptionMediaTestCase(_ref) {
-  var ui = _ref.ui,
-      fixtures = _ref.fixtures;
-  return new _inProductTesting.InProductTestCase({
-    title: 'adding caption to Media works',
-    id: 'media-caption',
-    precondition: function precondition() {
-      return fixtures.length > 0;
-    },
-    assertions: function assertions(cy) {
-      var editor = new _Editor.EditorPageObject(cy);
-      var editorMedia = new _EditorMedia.EditorMediaPageObject(cy);
-      var mediaCard = new _inProduct.MediaCardPageObject(cy);
-      editor.upload(fixtures);
-      mediaCard.expectCardReady(fixtures.length);
-      var captionText = 'Corne loves avocados';
-      editorMedia.addCaptionToImage(captionText);
-
-      if (ui !== null && ui !== void 0 && ui.publishButton) {
-        var renderer = editor.publish(ui);
-        renderer.expectContentReady();
-        renderer.expectMediaSingleRenders(fixtures.length);
-        editorMedia.assertCaptionText(captionText);
-      }
-    }
-  });
-};
-
-exports.addCaptionMediaTestCase = addCaptionMediaTestCase;

package/dist/cjs/__tests_external__/cases/media/test-cases/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mediaTestCollection = void 0;
-
-var _inProductTesting = require("@atlaskit/in-product-testing");
-
-var _altText = require("./alt-text");
-
-var _caption = require("./caption");
-
-var _upload = require("./upload");
-
-var mediaTestCollection = function mediaTestCollection(opts) {
-  return new _inProductTesting.InProductTestCollection({
-    title: '@atlaskit/editor-core -> Media, happy paths',
-    testCases: [(0, _upload.uploadMediaTestCase)(opts), (0, _altText.addAltTextMediaTestCase)(opts), (0, _caption.addCaptionMediaTestCase)(opts)]
-  });
-};
-
-exports.mediaTestCollection = mediaTestCollection;

package/dist/cjs/__tests_external__/cases/media/test-cases/upload.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uploadMediaTestCase = void 0;
-
-var _inProductTesting = require("@atlaskit/in-product-testing");
-
-var _inProduct = require("@atlaskit/media-card/in-product");
-
-var _Editor = require("../../../page-objects/Editor");
-
-var uploadMediaTestCase = function uploadMediaTestCase(_ref) {
-  var ui = _ref.ui,
-      fixtures = _ref.fixtures;
-  return new _inProductTesting.InProductTestCase({
-    title: 'media upload and publish works',
-    id: 'media-file-upload',
-    precondition: function precondition() {
-      return fixtures.length > 0;
-    },
-    assertions: function assertions(cy) {
-      var editor = new _Editor.EditorPageObject(cy);
-      var mediaCard = new _inProduct.MediaCardPageObject(cy);
-      editor.upload(fixtures);
-      mediaCard.expectCardReady(fixtures.length);
-
-      if (ui !== null && ui !== void 0 && ui.publishButton) {
-        var renderer = editor.publish(ui);
-        renderer.expectContentReady();
-        renderer.expectMediaSingleRenders(fixtures.length);
-      }
-    }
-  });
-};
-
-exports.uploadMediaTestCase = uploadMediaTestCase;