@atlaskit/editor-core 178.0.2 → 178.1.1

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -27,6 +27,7 @@ import { ELEMENT_ITEM_HEIGHT } from './constants';
 var InsertMenu = function InsertMenu(_ref) {
   var editorView = _ref.editorView,
       dropdownItems = _ref.dropdownItems,
+      showElementBrowserLink = _ref.showElementBrowserLink,
       onInsert = _ref.onInsert,
       toggleVisiblity = _ref.toggleVisiblity;
 
@@ -56,7 +57,7 @@ var InsertMenu = function InsertMenu(_ref) {
     };
   }, [onInsert]);
   var quickInsertDropdownItems = dropdownItems.map(transform);
-  var viewMoreItem = quickInsertDropdownItems.pop();
+  var viewMoreItem = showElementBrowserLink && quickInsertDropdownItems.pop();
   var onInsertItem = useCallback(function (item) {
     toggleVisiblity();
 

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

@@ -28,18 +28,24 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
   var wrapperRef = useRef(null);
   var selectedItemIndex = useRef(0);
   var incrementIndex = useCallback(function (list) {
-    if (selectedItemIndex.current === list.length - 1) {
-      selectedItemIndex.current = 0;
-    } else {
-      selectedItemIndex.current = selectedItemIndex.current + 1;
+    var index = 0;
+
+    if (document.activeElement) {
+      index = list.indexOf(document.activeElement);
+      index = (index + 1) % list.length;
     }
+
+    selectedItemIndex.current = index;
   }, []);
   var decrementIndex = useCallback(function (list) {
-    if (selectedItemIndex.current === 0) {
-      selectedItemIndex.current = list.length - 1;
-    } else {
-      selectedItemIndex.current = selectedItemIndex.current - 1;
+    var index = 0;
+
+    if (document.activeElement) {
+      index = list.indexOf(document.activeElement);
+      index = (list.length + index - 1) % list.length;
     }
+
+    selectedItemIndex.current = index;
   }, []);
 
   var handleArrowRight = function handleArrowRight() {
@@ -105,12 +111,19 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
         return;
       }
 
+      var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
+
+      if (menuWrapper) {
+        // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
+      }
+
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
 
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
       } //This is kind of hack to reset the current focused toolbar item
-      //to handle some usecases such as Tab in/out of main toolbar
+      //to handle some use cases such as Tab in/out of main toolbar
 
 
       if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {

package/dist/esm/utils/document.js

@@ -214,11 +214,20 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
-        action: ACTION.DEDUPE_MARKS_TRANSFORMED,
+        action: ACTION.DEDUPE_MARKS_TRANSFORMED_V2,
         actionSubject: ACTION_SUBJECT.EDITOR,
         eventType: EVENT_TYPE.OPERATIONAL,
         attributes: {
-          discardedMarks: discardedMarks
+          /** UGC WARNING
+           *
+           * DO NOT include the `mark` attributes inside, we map here to only
+           * extract the mark type as that is the only non-UGC safe information
+           * that we can add to event-attributes
+           *
+           */
+          discardedMarkTypes: discardedMarks.map(function (mark) {
+            return mark.type;
+          })
         }
       });
     }

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "178.0.2";
+export var version = "178.1.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "178.0.2",
+	"version": "178.1.1",
 	"sideEffects": false
 }

package/dist/types/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -24,7 +24,7 @@ export declare class AlignmentToolbar extends React.Component<Props & WrappedCom
     private toggleOpen;
     private handleOpenChange;
     private hide;
-    private hideonEsc;
+    private hideOnEscape;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/dist/types/plugins/block-type/commands/delete-block-content.d.ts

@@ -0,0 +1,10 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { Command } from '../../../types';
+/**
+ * Prevent removing the block when deleting block content
+ *
+ * @param state EditorState<any>
+ * @param dispatch CommandDispatch
+ * @returns boolean
+ */
+export declare function deleteBlockContent(isNodeAWrappingBlockNode: (node?: PMNode | null) => boolean): Command;

package/dist/types/plugins/block-type/commands/index.d.ts

@@ -3,3 +3,4 @@ export type { InputMethod } from './block-type';
 export { insertBlock } from './insert-block';
 export { isConvertableToCodeBlock, transformToCodeBlockAction, } from './transform-to-code-block';
 export { deleteAndMoveCursor } from './delete-and-move-cursor';
+export { deleteBlockContent } from './delete-block-content';

package/dist/types/plugins/card/pm-plugins/doc.d.ts

@@ -1,5 +1,5 @@
-import { Node } from 'prosemirror-model';
 import { EditorState, Transaction } from 'prosemirror-state';
+import { Node } from 'prosemirror-model';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { CardAdf, CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import { ACTION, InputMethodInsertLink } from '../../../plugins/analytics';

package/dist/types/plugins/card/ui/LinkToolbarAppearance.d.ts

@@ -13,6 +13,7 @@ export interface LinkToolbarAppearanceProps {
     editorView?: EditorView;
     url?: string;
     allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
     platform?: CardPlatform;
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, {}> {

package/dist/types/plugins/floating-toolbar/ui/Select.d.ts

@@ -16,5 +16,6 @@ export interface Props {
     filterOption?: ((option: SelectOption, rawInput: string) => boolean) | null;
     setDisableParentScroll?: (disable: boolean) => void;
     ariaLabel?: string;
+    classNamePrefix?: string;
 }
 export default function Search(props: Props): JSX.Element;

package/dist/types/plugins/hyperlink/ui/EditorLinkPicker/index.d.ts

@@ -7,6 +7,11 @@ import { LinkPickerProps } from '@atlaskit/link-picker';
 declare type OptionalKeys<T extends {}, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export interface EditorLinkPickerProps extends OptionalKeys<LinkPickerProps, 'onCancel'> {
     view: EditorView;
+    /**
+     * Used for analytics purposes to describe how the link picker was invoked
+     * Should be roughly equivalent to the `inputMethod` analytics value
+     */
+    invokeMethod?: string;
 }
-export declare const EditorLinkPicker: ({ view, onCancel, ...restProps }: EditorLinkPickerProps) => JSX.Element;
+export declare const EditorLinkPicker: ({ view, onCancel, invokeMethod, ...restProps }: EditorLinkPickerProps) => JSX.Element;
 export {};

package/dist/types/plugins/hyperlink/ui/HyperlinkAddToolbar/index.d.ts

@@ -3,7 +3,7 @@ import { EditorView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { LinkInputType, LinkPickerOptions } from '../../types';
 import { EditorLinkPickerProps } from '../EditorLinkPicker';
-export interface Props extends Pick<EditorLinkPickerProps, 'onCancel'> {
+export interface Props extends Pick<EditorLinkPickerProps, 'onCancel' | 'invokeMethod'> {
     view: EditorView;
     providerFactory: ProviderFactory;
     onSubmit: (href: string, title: string | undefined, displayText: string | undefined, inputMethod: LinkInputType) => void;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts

@@ -14,6 +14,7 @@ export interface BlockInsertElementBrowserProps {
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     plusButtonRef?: HTMLElement;
+    showElementBrowserLink: boolean;
     onRef(el: HTMLElement): void;
     onClick: React.MouseEventHandler;
     onInsert: OnInsert;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.d.ts

@@ -14,6 +14,7 @@ export interface BlockInsertMenuProps {
     popupsScrollableElement?: HTMLElement;
     replacePlusMenuWithElementBrowser: boolean;
     spacing: 'none' | 'default';
+    showElementBrowserLink: boolean;
     onRef(el: HTMLElement): void;
     onPlusButtonRef(el: HTMLElement): void;
     onClick: React.MouseEventHandler;

package/dist/types/plugins/media/commands/helpers.d.ts

@@ -17,5 +17,6 @@ export declare const findAllMediaSingleNodes: (mediaPluginState: MediaPluginStat
 export declare const findMediaNode: (mediaPluginState: MediaPluginState, id: string, isMediaSingle: boolean) => MediaNodeWithPosHandler | null;
 export declare const isMediaNode: (pos: number, state: EditorState) => boolean | null | undefined;
 export declare const updateAllMediaNodesAttrs: (id: string, attrs: object, isMediaSingle: boolean) => Command;
+export declare const updateCurrentMediaNodeAttrs: (attrs: object, mediaNode: MediaNodeWithPosHandler) => Command;
 export declare const updateMediaNodeAttrs: (id: string, attrs: object, isMediaSingle: boolean) => Command;
 export declare const replaceExternalMedia: (pos: number, attrs: object) => Command;

package/dist/types/plugins/media/nodeviews/__mocks__/mediaNodeUpdater.d.ts

@@ -17,5 +17,6 @@ export declare class MediaNodeUpdater {
     uploadExternalMedia(): Promise<void>;
     isMediaBlobUrl(): void;
     copyNodeFromBlobUrl(): void;
+    updateNodeAttrs(): void;
     handleExternalMedia(): Promise<void>;
 }

package/dist/types/plugins/media/nodeviews/mediaNodeUpdater.d.ts

@@ -26,8 +26,10 @@ export declare class MediaNodeUpdater {
     constructor(props: MediaNodeUpdaterProps);
     isMediaBlobUrl(): boolean;
     updateContextId: () => Promise<void>;
-    hasFileAttributesDefined: () => string | false | 0 | null | undefined;
+    private hasFileAttributesDefined;
+    private getNewFileAttrsForNode;
     updateFileAttrs: (isMediaSingle?: boolean) => Promise<void>;
+    updateNodeAttrs: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
     getAttrs: () => MediaADFAttrs | undefined;
     getObjectId: () => Promise<string | null>;
     uploadExternalMedia: (getPos: ProsemirrorGetPosHandler) => Promise<void>;

package/dist/types/plugins/media/types.d.ts

@@ -6,6 +6,7 @@ import { FileIdentifier } from '@atlaskit/media-client';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { UploadParams, MediaFile } from '@atlaskit/media-picker/types';
+import { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
 export declare type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
 export interface MediaOptions {
@@ -34,6 +35,7 @@ export interface MediaOptions {
     useForgePlugins?: boolean;
     allowTemplatePlaceholders?: boolean | PlaceholderTextOptions;
     alignLeftOnInsert?: boolean;
+    editorSelectionAPI?: EditorSelectionAPI;
     featureFlags?: MediaFeatureFlags;
 }
 export interface MediaSingleOptions {

package/dist/types/plugins/selection/pm-plugins/events/create-selection-between.d.ts

@@ -0,0 +1,4 @@
+import { TextSelection } from 'prosemirror-state';
+import type { ResolvedPos } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+export declare const onCreateSelectionBetween: (view: EditorView, $anchor: ResolvedPos, $head: ResolvedPos) => TextSelection | null;

package/dist/types/plugins/selection/pm-plugins/events/keydown.d.ts

@@ -0,0 +1,2 @@
+import { EditorView } from 'prosemirror-view';
+export declare const onKeydown: (view: EditorView, event: Event) => boolean;

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

@@ -1,13 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
     editorView?: EditorView;
     children?: any;
     editorDisabled?: boolean;
 }
-export default class ClickAreaBlock extends React.Component<Props> {
-    private handleClick;
-    render(): jsx.JSX.Element;
-}
+export declare const ClickAreaBlock: React.FC<Props>;
+export default ClickAreaBlock;

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

@@ -1,11 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
     editorView?: EditorView;
 }
-export default class ClickAreaInline extends React.Component<Props> {
-    private handleClick;
-    render(): jsx.JSX.Element;
-}
+export declare const ClickAreaInline: React.FC<Props>;
+export default ClickAreaInline;

package/dist/types/ui/Addon/click-area-helper.d.ts

@@ -9,5 +9,5 @@ import { EditorView } from 'prosemirror-view';
  * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
  */
 export declare const checkForModal: (target: HTMLElement) => boolean;
-declare const clickAreaClickHandler: (view: EditorView<any>, event: React.MouseEvent<any>) => void;
+declare const clickAreaClickHandler: (view: EditorView<any>, event: React.MouseEvent<any>) => false | undefined;
 export { clickAreaClickHandler };

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

@@ -6,7 +6,7 @@ export interface Props {
     value: AlignmentState;
     label: string;
     isSelected?: boolean;
-    onClick: (value: AlignmentState) => void;
+    onClick: (value: AlignmentState, shouldClosePopup: boolean) => void;
     content: React.ReactElement<any>;
     shortcut?: Keymap;
 }

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

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { InsertMenuProps } from './types';
-declare const InsertMenu: ({ editorView, dropdownItems, onInsert, toggleVisiblity, }: InsertMenuProps) => jsx.JSX.Element;
+declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, }: InsertMenuProps) => jsx.JSX.Element;
 export default InsertMenu;

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

@@ -23,6 +23,7 @@ export declare type IntlMessage = {
 export interface InsertMenuProps {
     dropdownItems: BlockMenuItem[];
     editorView: EditorView;
+    showElementBrowserLink: boolean;
     toggleVisiblity: SimpleEventHandler<MouseEvent | KeyboardEvent>;
     onInsert: OnInsert;
 }

package/docs/0-intro.tsx

@@ -208,6 +208,15 @@ ${code`
 
   We’d love to hear your feedback.
 
+  ## Theming and dark mode support
+  To render certain ADF content correctly in different color themes, such as light and dark mode, this package utilise
+  the \`@atlaskit/editor-palette\` package, which converts colors stored in ADF to Atlassian Design Tokens.
+  Learn more about this utility in the [Editor Palette docs](/packages/editor/editor-palette).
+
+  Full light and dark mode support for the Editor is a work in progress. Currently, the following experiences do not yet support theming:
+  - Custom table backgrounds
+  - Custom panel backgrounds
+
   ## Tab indexing / focus
   If you are displaying a title you may need to listen for a tab event to
   explicitly enable and focus the editor.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "178.0.2",
+  "version": "178.1.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,6 @@
     }
   },
   "dependencies": {
-    "@atlaskit/activity": "^1.0.1",
     "@atlaskit/activity-provider": "^2.3.0",
     "@atlaskit/adf-schema": "^25.1.0",
     "@atlaskit/adf-utils": "^18.0.0",
@@ -41,10 +40,10 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/date": "^0.9.0",
     "@atlaskit/datetime-picker": "^12.3.0",
-    "@atlaskit/editor-common": "^72.1.0",
+    "@atlaskit/editor-common": "^72.2.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-markdown-transformer": "^5.0.0",
-    "@atlaskit/editor-plugin-table": "^1.0.0",
+    "@atlaskit/editor-plugin-table": "^1.1.0",
     "@atlaskit/editor-shared-styles": "^2.3.0",
     "@atlaskit/editor-tables": "^2.2.0",
     "@atlaskit/emoji": "^67.0.0",
@@ -55,21 +54,22 @@
     "@atlaskit/link-picker": "^1.16.0",
     "@atlaskit/locale": "^2.3.0",
     "@atlaskit/logo": "^13.10.0",
-    "@atlaskit/media-card": "^74.4.0",
+    "@atlaskit/media-card": "^74.5.0",
     "@atlaskit/media-client": "^20.0.0",
-    "@atlaskit/media-common": "^2.18.0",
+    "@atlaskit/media-common": "^2.19.0",
     "@atlaskit/media-filmstrip": "^46.1.0",
-    "@atlaskit/media-picker": "^64.1.0",
-    "@atlaskit/media-ui": "^22.2.0",
-    "@atlaskit/media-viewer": "^47.3.0",
+    "@atlaskit/media-picker": "^64.2.0",
+    "@atlaskit/media-ui": "^22.3.0",
+    "@atlaskit/media-viewer": "^47.4.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.4.0",
     "@atlaskit/modal-dialog": "^12.4.0",
+    "@atlaskit/prosemirror-collab": "^0.1.0",
     "@atlaskit/prosemirror-input-rules": "^2.1.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^16.1.0",
-    "@atlaskit/smart-card": "^23.13.0",
+    "@atlaskit/smart-card": "^23.14.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/status": "^1.2.0",
@@ -85,7 +85,6 @@
     "@atlaskit/width-detector": "^4.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "@types/prosemirror-collab": "^1.1.1",
     "@types/prosemirror-commands": "1.0.1",
     "@types/prosemirror-history": "^1.0.1",
     "@types/prosemirror-inputrules": "^1.0.3",
@@ -107,7 +106,6 @@
     "markdown-it": "^12.3.2",
     "memoize-one": "^6.0.0",
     "prop-types": "^15.5.10",
-    "prosemirror-collab": "^1.2.2",
     "prosemirror-commands": "1.1.11",
     "prosemirror-history": "^1.1.3",
     "prosemirror-keymap": "1.1.4",
@@ -134,16 +132,16 @@
   },
   "devDependencies": {
     "@atlaskit/atlassian-navigation": "^2.3.0",
-    "@atlaskit/breadcrumbs": "11.7.8",
+    "@atlaskit/breadcrumbs": "11.7.9",
     "@atlaskit/code": "^14.4.0",
-    "@atlaskit/collab-provider": "8.0.1",
+    "@atlaskit/collab-provider": "8.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.4.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/droplist": "^11.0.0",
     "@atlaskit/editor-bitbucket-transformer": "^8.0.0",
     "@atlaskit/editor-extension-dropbox": "^0.3.0",
-    "@atlaskit/editor-plugin-table": "^1.0.0",
+    "@atlaskit/editor-plugin-table": "^1.1.0",
     "@atlaskit/editor-test-helpers": "^18.0.0",
     "@atlaskit/flag": "^15.0.0",
     "@atlaskit/inline-dialog": "^13.4.0",
@@ -157,7 +155,7 @@
     "@atlaskit/page-layout": "^1.3.0",
     "@atlaskit/profilecard": "^18.2.0",
     "@atlaskit/pubsub": "^6.2.0",
-    "@atlaskit/renderer": "^105.0.0",
+    "@atlaskit/renderer": "^105.1.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/share": "*",
     "@atlaskit/smart-user-picker": "^6.0.0",

package/report.api.md

@@ -48,6 +48,7 @@ import { EditorAppearance } from '@atlaskit/editor-common/types';
 import { FeatureFlags as EditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { EditorPlugin } from '@atlaskit/editor-common/types';
 import { EditorReactContext } from '@atlaskit/editor-common/types';
+import { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { EmojiResource } from '@atlaskit/emoji/resource';
@@ -1666,6 +1667,8 @@ export interface MediaOptions {
   // (undocumented)
   customMediaPicker?: CustomMediaPicker;
   // (undocumented)
+  editorSelectionAPI?: EditorSelectionAPI;
+  // (undocumented)
   enableDownloadButton?: boolean;
   // (undocumented)
   featureFlags?: MediaFeatureFlags;
@@ -2869,7 +2872,7 @@ export { WithPluginState };
 
 ```json
 {
-  "@atlaskit/link-provider": "^1.3.4",
+  "@atlaskit/link-provider": "^1.3.8",
   "@atlaskit/media-core": "^34.0.1",
   "react": "^16.8.0",
   "react-dom": "^16.8.0",