@atlaskit/editor-core 175.0.5 → 176.0.0

package/dist/types/plugins/mentions/ui/Mention/index.d.ts

@@ -12,6 +12,7 @@ export default class Mention extends PureComponent<MentionProps, {}> {
     static displayName: string;
     private providerFactory;
     constructor(props: MentionProps);
+    componentDidMount(): void;
     componentWillUnmount(): void;
     private renderWithProvider;
     render(): JSX.Element;

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

@@ -1,9 +1,8 @@
 import { EditorPlugin } from '../../types';
 import { CardOptions } from '@atlaskit/editor-common/card';
 export declare type PastePluginOptions = {
-    plainTextPasteLinkification?: boolean;
     cardOptions?: CardOptions;
     sanitizePrivateContent?: boolean;
 };
-declare const pastePlugin: ({ cardOptions, sanitizePrivateContent, plainTextPasteLinkification, }: PastePluginOptions) => EditorPlugin;
+declare const pastePlugin: ({ cardOptions, sanitizePrivateContent, }: PastePluginOptions) => EditorPlugin;
 export default pastePlugin;

package/dist/types/plugins/paste/pm-plugins/main.d.ts

@@ -6,4 +6,4 @@ import { DispatchAnalyticsEvent } from '../../analytics';
 export { pluginKey as stateKey } from './plugin-factory';
 export { md } from '../md';
 import type { Dispatch } from '../../../event-dispatcher';
-export declare function createPlugin(schema: Schema, dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, plainTextPasteLinkification?: boolean, cardOptions?: CardOptions, sanitizePrivateContent?: boolean, providerFactory?: ProviderFactory): SafePlugin<import("../types").PastePluginState, Schema<any, any>>;
+export declare function createPlugin(schema: Schema, dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, cardOptions?: CardOptions, sanitizePrivateContent?: boolean, providerFactory?: ProviderFactory): SafePlugin<import("../types").PastePluginState, Schema<any, any>>;

package/dist/types/plugins/selection/gap-cursor/actions.d.ts

@@ -1,8 +1,10 @@
 import { EditorState, Transaction } from 'prosemirror-state';
+import { ResolvedPos } from 'prosemirror-model';
 import { Direction } from './direction';
 import { Side } from './selection';
 import { Command } from '../../../types';
 export declare type DirectionString = 'up' | 'down' | 'left' | 'right' | 'forward' | 'backward';
+export declare const shouldSkipGapCursor: (direction: Direction, state: EditorState, $pos: ResolvedPos) => boolean;
 export declare const arrow: (dir: Direction, endOfTextblock?: ((dir: DirectionString, state?: EditorState<any> | undefined) => boolean) | undefined) => Command;
 export declare const deleteNode: (dir: Direction) => Command;
 export declare const setGapCursorAtPos: (position: number, side?: Side) => Command;

package/dist/types/plugins/text-color/ui/ToolbarTextColor/index.d.ts

@@ -27,12 +27,15 @@ export interface Props {
 }
 export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
     state: State;
+    private toolbarItemRef;
     changeColor: (color: string) => boolean;
     render(): jsx.JSX.Element;
+    private onOpenChange;
     private changeTextColor;
     private toggleOpen;
     private handleOpenChange;
     private hide;
+    private hideonEsc;
     private getCommonAnalyticsAttributes;
     private buildAnalyticsPalette;
     private buildAnalyticsSelectColor;

package/dist/types/plugins/type-ahead/messages.d.ts

@@ -19,4 +19,14 @@ export declare const typeAheadListMessages: {
         defaultMessage: string;
         description: string;
     };
+    descriptionLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    shortcutLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/plugins/type-ahead/ui/TypeAheadPopup.d.ts

@@ -2,8 +2,9 @@
 import React from 'react';
 import { EditorView, DecorationSet } from 'prosemirror-view';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import { CloseSelectionOptions } from '../constants';
 import type { TypeAheadHandler, TypeAheadItem, OnSelectItem } from '../types';
-import type { FireAnalyticsCallback } from '../../analytics/fire-analytics-event';
 declare type TypeAheadPopupProps = {
     triggerHandler: TypeAheadHandler;
     editorView: EditorView;
@@ -18,6 +19,11 @@ declare type TypeAheadPopupProps = {
     decorationSet: DecorationSet;
     isEmptyQuery: boolean;
     onItemInsert: (mode: SelectItemMode, index: number) => void;
+    cancel: (params: {
+        setSelectionAt: CloseSelectionOptions;
+        addPrefixTrigger: boolean;
+        forceFocusOnEditor: boolean;
+    }) => void;
 };
 export declare const TypeAheadPopup: React.FC<TypeAheadPopupProps>;
 export {};

package/dist/types/plugins/type-ahead/utils.d.ts

@@ -4,6 +4,7 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadHandler, TypeAheadPluginState } from './types';
 export declare const findTypeAheadDecorations: (state: EditorState) => Decoration | null;
 export declare const isTypeAheadHandler: (handler: any) => handler is TypeAheadHandler;
+/** Is a typeahead plugin open? */
 export declare const isTypeAheadOpen: (editorState: EditorState) => boolean;
 export declare const getPluginState: (editorState: EditorState) => TypeAheadPluginState;
 export declare const getTypeAheadHandler: (editorState: EditorState) => any;

package/dist/types/types/extension-config.d.ts

@@ -1,5 +1,4 @@
 export interface ExtensionConfig {
-    stickToolbarToBottom?: boolean;
     allowBreakout?: boolean;
     allowAutoSave?: boolean;
     allowExtendFloatingToolbars?: boolean;

package/dist/types/ui/ConfigPanel/Fields/SelectItem.d.ts

@@ -2,4 +2,4 @@
 import { jsx } from '@emotion/react';
 import { FormatOptionLabelMeta } from '@atlaskit/select';
 import { Option } from '@atlaskit/editor-common/extensions';
-export declare const formatOptionLabel: ({ label, icon, description }: Option, { context }: FormatOptionLabelMeta<Option, false>) => jsx.JSX.Element;
+export declare const formatOptionLabel: ({ label, icon, description }: Option, { context }: FormatOptionLabelMeta<Option>) => jsx.JSX.Element;

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

@@ -1,2 +1,7 @@
-import { Dropdown } from '@atlaskit/editor-common/ui-menu';
+import React from 'react';
+declare const Dropdown: React.FC<any>;
+export declare type OpenChangedEvent = {
+    isOpen: boolean;
+    event: MouseEvent | KeyboardEvent;
+};
 export default Dropdown;

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

@@ -1,2 +1,3 @@
-import { DropdownMenu } from '@atlaskit/editor-common/ui-menu';
+import React from 'react';
+declare const DropdownMenu: React.FC<any>;
 export default DropdownMenu;

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

@@ -2,6 +2,7 @@ import { EditorView } from 'prosemirror-view';
 import { Transaction } from 'prosemirror-state';
 import { BlockMenuItem } from '../../plugins/insert-block/ui/ToolbarInsertBlock/create-items';
 import { MenuItem } from '../DropdownMenu/types';
+declare type SimpleEventHandler<T> = (event?: T) => void;
 export declare type Category = {
     title: string;
     name: string;
@@ -22,7 +23,7 @@ export declare type IntlMessage = {
 export interface InsertMenuProps {
     dropdownItems: BlockMenuItem[];
     editorView: EditorView;
-    toggleVisiblity: () => void;
+    toggleVisiblity: SimpleEventHandler<MouseEvent | KeyboardEvent>;
     onInsert: OnInsert;
 }
 export declare type OnInsert = ({ item }: {
@@ -31,3 +32,4 @@ export declare type OnInsert = ({ item }: {
 export declare type SvgGetterParams = {
     name: string;
 };
+export {};

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

@@ -0,0 +1,18 @@
+import { EditorView } from 'prosemirror-view';
+import React, { ReactNode } from 'react';
+export interface KeyDownHandlerContext {
+    handleArrowLeft: () => void;
+    handleArrowRight: () => void;
+    handleTab: () => void;
+}
+export declare const KeyDownHandlerContext: React.Context<KeyDownHandlerContext>;
+/**
+ * This component is a wrapper of main toolbar which listens to keydown events of children
+ * and handles left/right arrow key navigation for all focusable elements
+ * @param
+ * @returns
+ */
+export declare const ToolbarArrowKeyNavigationProvider: ({ children, editorView, }: {
+    children: ReactNode;
+    editorView?: EditorView<any> | undefined;
+}) => JSX.Element;

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

@@ -1,6 +1,5 @@
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
-export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
 export declare const buttonGroupStyle: import("@emotion/react").SerializedStyles;
 export declare const separatorStyles: import("@emotion/react").SerializedStyles;
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,4 @@
 export declare function checkClipboardTypes(type: DOMStringList | ReadonlyArray<string>, item: string): boolean;
 export declare function isPastedFile(rawEvent: Event): boolean;
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
-export declare const copyHTMLToClipboard: (htmlToCopy: string) => Promise<void>;
+export declare const copyHTMLToClipboard: (elementToCopy: HTMLElement, plainTextToCopy?: string | undefined) => Promise<void>;

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

@@ -85,10 +85,6 @@ export declare function nodeToJSON(node: Node): JSONNode;
  * Repeating string for multiple times
  */
 export declare function stringRepeat(text: string, length: number): string;
-/**
- * A replacement for `Array.from` until it becomes widely implemented.
- */
-export declare function arrayFrom(obj: any): any[];
 export declare function whichTransitionEvent<TransitionEventName extends string>(): TransitionEventName | undefined;
 /**
  * Function will check if changing block types: Paragraph, Heading is enabled.

package/dist/types/utils/input-rules.d.ts

@@ -1,8 +1,8 @@
-import type { NodeType, Node as PMNode } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { Node as PMNode, NodeType } from 'prosemirror-model';
 import { EditorState, Transaction } from 'prosemirror-state';
+import { InputRuleHandler, InputRuleWrapper } from '@atlaskit/prosemirror-input-rules';
 import { AnalyticsEventPayload } from '../plugins/analytics/types';
-import { InputRuleWrapper, InputRuleHandler } from '@atlaskit/prosemirror-input-rules';
 declare type GetPayload = AnalyticsEventPayload | ((state: EditorState, matchResult: RegExpExecArray) => AnalyticsEventPayload);
 export declare const ruleWithAnalytics: (getPayload: GetPayload) => (originalRule: InputRuleWrapper) => InputRuleWrapper;
 export declare const ruleWithTransform: (transform: (state: EditorState, tr: Transaction) => void) => (originalRule: InputRuleWrapper) => InputRuleWrapper;

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

@@ -0,0 +1,3 @@
+import { ResolvedPos, Schema } from 'prosemirror-model';
+export declare type Direction = 'before' | 'after';
+export declare function isPositionNearTableRow(pos: ResolvedPos, schema: Schema, direction: 'before' | 'after'): boolean;

package/docs/3-annotations.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "175.0.5",
+  "version": "176.0.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,43 +35,43 @@
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/avatar": "^21.1.0",
     "@atlaskit/avatar-group": "^9.1.0",
-    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/calendar": "^12.4.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/date": "^0.9.0",
     "@atlaskit/datetime-picker": "^12.3.0",
-    "@atlaskit/editor-common": "^70.3.0",
+    "@atlaskit/editor-common": "^71.0.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-markdown-transformer": "^4.1.0",
     "@atlaskit/editor-plugin-table": "^0.2.0",
     "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/editor-tables": "^2.2.0",
-    "@atlaskit/emoji": "^66.0.0",
+    "@atlaskit/emoji": "^66.1.0",
     "@atlaskit/empty-state": "^7.4.0",
-    "@atlaskit/form": "^8.7.0",
+    "@atlaskit/form": "^8.8.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/link-picker": "^1.16.0",
     "@atlaskit/locale": "^2.3.0",
     "@atlaskit/logo": "^13.10.0",
-    "@atlaskit/media-card": "^74.2.0",
-    "@atlaskit/media-client": "^18.1.0",
+    "@atlaskit/media-card": "^74.3.0",
+    "@atlaskit/media-client": "^19.0.0",
     "@atlaskit/media-common": "^2.17.0",
-    "@atlaskit/media-filmstrip": "^46.0.0",
+    "@atlaskit/media-filmstrip": "^46.1.0",
     "@atlaskit/media-picker": "^64.0.0",
-    "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^47.1.0",
+    "@atlaskit/media-ui": "^22.2.0",
+    "@atlaskit/media-viewer": "^47.2.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.4.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/prosemirror-input-rules": "^2.1.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^15.7.0",
+    "@atlaskit/select": "^16.0.0",
     "@atlaskit/smart-card": "^23.7.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
-    "@atlaskit/spinner": "^15.2.0",
+    "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/status": "^1.2.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/task-decision": "^17.5.0",
@@ -134,9 +134,9 @@
   },
   "devDependencies": {
     "@atlaskit/atlassian-navigation": "^2.3.0",
-    "@atlaskit/breadcrumbs": "11.7.4",
+    "@atlaskit/breadcrumbs": "11.7.5",
     "@atlaskit/code": "^14.4.0",
-    "@atlaskit/collab-provider": "7.6.3",
+    "@atlaskit/collab-provider": "7.7.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.4.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
@@ -145,7 +145,7 @@
     "@atlaskit/editor-extension-dropbox": "^0.3.0",
     "@atlaskit/editor-plugin-table": "^0.2.0",
     "@atlaskit/editor-test-helpers": "^17.2.0",
-    "@atlaskit/flag": "^14.7.0",
+    "@atlaskit/flag": "^15.0.0",
     "@atlaskit/inline-dialog": "^13.4.0",
     "@atlaskit/link-provider": "^1.3.0",
     "@atlaskit/link-test-helpers": "^2.0.0",
@@ -157,7 +157,7 @@
     "@atlaskit/page-layout": "^1.3.0",
     "@atlaskit/profilecard": "^17.3.0",
     "@atlaskit/pubsub": "^6.0.0",
-    "@atlaskit/renderer": "^103.0.0",
+    "@atlaskit/renderer": "^104.0.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/share": "*",
     "@atlaskit/smart-user-picker": "^6.0.0",
@@ -171,7 +171,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/link-picker-atlassian-plugin": "^26.0.0",
     "@atlassian/link-picker-plugins": "^14.0.0",
-    "@atlassian/search-provider": "2.3.6",
+    "@atlassian/search-provider": "2.3.7",
     "@atlassian/ufo": "^0.1.0",
     "@emotion/jest": "^11.8.0",
     "@storybook/addon-knobs": "^5.3.18",
@@ -189,6 +189,7 @@
     "async-retry": "^1.2.3",
     "diff": "^4.0.1",
     "enzyme": "^3.10.0",
+    "eslint-import-resolver-typescript": "^3.5.1",
     "fetch-mock": "^8.0.0",
     "jscodeshift": "^0.13.0",
     "lz-string": "^1.4.4",
@@ -199,7 +200,7 @@
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "react-select": "^4.3.1",
+    "react-select": "^5.4.0",
     "react-test-renderer": "^16.8.0",
     "rison": "^0.1.1",
     "sinon": "^2.2.0",
@@ -216,6 +217,7 @@
     },
     "@repo/internal": {
       "deprecation": "no-deprecated-imports",
+      "theming": "tokens",
       "styling": [
         "emotion"
       ]