@atlaskit/editor-common 71.0.2 → 72.0.0

package/dist/types/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.d.ts

@@ -0,0 +1,214 @@
+export declare const newLightPalette: {
+    '#FFFFFF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#B3D4FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#B3F5FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#ABF5D1': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFF0B3': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFBDAD': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#EAE6FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#97A0AF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#4C9AFF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#00B8D9': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#36B37E': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFC400': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FF5630': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FF991F': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#6554C0': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#0747A6': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#008DA6': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#006644': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#BF2600': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#403294': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#172B4D': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const newDarkPalette: {
+    '#FFFFFF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#B3D4FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#B3F5FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#ABF5D1': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFF0B3': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFBDAD': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#EAE6FF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#97A0AF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#4C9AFF': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#00B8D9': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#36B37E': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FFC400': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FF5630': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#FF991F': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#6554C0': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#0747A6': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#008DA6': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#006644': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#BF2600': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#403294': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    '#172B4D': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/ui-color/ColorPalette/index.d.ts

@@ -16,6 +16,13 @@ interface Props {
      * @default false
      */
     textPalette?: boolean;
+    /**
+     * Used to detect if the useSomewhatSemanticTextColorNames feature flag
+     * is true. If so, text color tooltips in the color picker will
+     * show semantic names (excluding white/dark gray).
+     * @default false
+     */
+    useSomewhatSemanticTextColorNames?: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/dist/types/ui-menu/DropdownMenu/types.d.ts

@@ -42,6 +42,7 @@ export interface MenuItem {
     className?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
+    'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     onClick?: (editorActions: EditorActions) => void;
 }
 export interface State {

package/dist/types/ui-menu/ToolbarButton/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { ButtonProps } from '@atlaskit/button/types';
 import { PositionType } from '@atlaskit/tooltip';
 import { TOOLBAR_ACTION_SUBJECT_ID } from '../../analytics';
-import { MenuItem } from '../DropdownMenu/types';
+import { MenuItem } from '../DropdownMenu';
 export declare const TOOLBAR_BUTTON: typeof TOOLBAR_ACTION_SUBJECT_ID;
 export declare type Props = {
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID;
@@ -26,6 +26,7 @@ export declare type Props = {
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
+    'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
 } & Pick<ButtonProps, 'aria-label' | 'children'>;
 export declare type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
@@ -49,5 +50,6 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
+    'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
 } & Pick<ButtonProps, "children" | "aria-label"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

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

@@ -1,4 +1,5 @@
 import { EDITOR_APPEARANCE_CONTEXT } from '@atlaskit/analytics-namespaced-context';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 export declare const getAnalyticsAppearance: (appearance?: string | undefined) => EDITOR_APPEARANCE_CONTEXT | undefined;
 export declare const getAnalyticsEventSeverity: (duration: number, normalThreshold: number, degradedThreshold: number) => SEVERITY;
 export declare enum SEVERITY {
@@ -8,27 +9,6 @@ export declare enum SEVERITY {
 }
 export { UNSUPPORTED_CONTENT_LEVEL_SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, } from './unsupportedContent/get-unsupported-content-level-data';
 export type { UnsupportedContentLevelsTracking } from './unsupportedContent/get-unsupported-content-level-data';
-export declare enum EVENT_TYPE {
-    TRACK = "track",
-    UI = "ui"
-}
-export declare enum ACTION {
-    UNSUPPORTED_CONTENT_ENCOUNTERED = "unsupportedContentEncountered",
-    UNSUPPORTED_TOOLTIP_VIEWED = "viewed"
-}
-export declare enum ACTION_SUBJECT {
-    DOCUMENT = "document",
-    TOOLTIP = "tooltip"
-}
-export declare enum ACTION_SUBJECT_ID {
-    UNSUPPORTED_BLOCK = "unsupportedBlock",
-    UNSUPPORTED_INLINE = "unsupportedInline",
-    UNSUPPORTED_MARK = "unsupportedMark",
-    UNSUPPORTED_ERROR = "unsupportedUnhandled",
-    UNSUPPORTED_NODE_ATTRIBUTE = "unsupportedNodeAttribute",
-    ON_UNSUPPORTED_INLINE = "onUnsupportedInline",
-    ON_UNSUPPORTED_BLOCK = "onUnsupportedBlock"
-}
 declare type AEP<Action, ActionSubject, ActionSubjectID, Attributes, EventType> = {
     action: Action;
     actionSubject: ActionSubject;

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

@@ -0,0 +1,8 @@
+import type { AllBuilderPlugins, SafePresetCheck } from '../types';
+export declare class Builder<T extends {
+    name: string;
+}, StackPlugins extends AllBuilderPlugins[] = []> {
+    readonly data: [...StackPlugins];
+    constructor(...more: [...StackPlugins]);
+    add<NewPlugin extends AllBuilderPlugins>(nextOrTuple: SafePresetCheck<NewPlugin, StackPlugins>): Builder<T, [...[NewPlugin], ...StackPlugins]>;
+}

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

@@ -1,8 +1,24 @@
+import { Node as PMNode } from 'prosemirror-model';
 import { CardAttributes } from '@atlaskit/adf-schema';
 import { SortOrder } from '../types';
+export declare enum ContentType {
+    NUMBER = 0,
+    TEXT = 5,
+    MENTION = 10,
+    DATE = 15,
+    STATUS = 20,
+    LINK = 25
+}
 interface CompareOptions {
     getInlineCardTextFromStore(attrs: CardAttributes): string | null;
 }
+interface NodeMetaGenerator<Type, Value> {
+    type: Type;
+    value: Value;
+}
+declare type TextNodeMeta = NodeMetaGenerator<ContentType.TEXT, string>;
+declare type NodeMeta = TextNodeMeta | NodeMetaGenerator<ContentType.NUMBER, number> | NodeMetaGenerator<ContentType.STATUS, string> | NodeMetaGenerator<ContentType.DATE, number> | NodeMetaGenerator<ContentType.MENTION, string> | NodeMetaGenerator<ContentType.LINK, string>;
+export declare function extractMetaFromTextNode(textNode: PMNode): NodeMeta;
 /**
  * Compare 2 prosemirror nodes and check if it's greater, equal or less than the other node
  * based on the sort order.

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

@@ -45,5 +45,7 @@ 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 { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName, } from './referentiality';
 export { sendLogs } from './sendLogs';
+export { Builder } from './builder';
+export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, } from './list';

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

@@ -0,0 +1,10 @@
+import { Node } from 'prosemirror-model';
+export declare const DEFAULT_ORDER = 1;
+export declare const resolveOrder: (order: number | undefined | string) => number | undefined;
+export declare const getOrderFromOrderedListNode: (orderedListNode: Node) => number;
+interface GetItemCounterDigitsSize {
+    itemsCount?: number;
+    order?: number;
+}
+export declare const getItemCounterDigitsSize: (options: GetItemCounterDigitsSize) => number | undefined;
+export {};

package/dist/types/utils/plugin-state-factory.d.ts

@@ -2,7 +2,7 @@ import { EditorState, PluginKey, ReadonlyTransaction, SafeStateField, Transactio
 import { Dispatch } from '../event-dispatcher';
 import { Command } from '../types';
 export declare type Reducer<PluginState, Action> = (state: PluginState, action: Action) => PluginState;
-declare type MapState<PluginState> = (tr: ReadonlyTransaction, pluginState: PluginState) => PluginState;
+declare type MapState<PluginState> = (tr: ReadonlyTransaction, pluginState: PluginState, editorState: EditorState) => PluginState;
 declare type SafePlugin<PluginState, Action, InitialState extends PluginState> = {
     createPluginState: (dispatch: Dispatch, initialState: InitialState | ((state: EditorState) => InitialState)) => SafeStateField<PluginState>;
     createCommand: <A = Action>(action: A | ((state: Readonly<EditorState>) => A | false), transform?: (tr: Transaction, state: EditorState) => Transaction) => Command;

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

@@ -1,3 +1,7 @@
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorState } from 'prosemirror-state';
+import { ConfirmDialogChildInfo } from '../types';
 export declare const isReferencedSource: (state: EditorState, node?: PMNode<any> | undefined) => boolean;
+export declare const removeConnectedNodes: (state: EditorState, node?: PMNode<any> | undefined) => import("prosemirror-state").Transaction<any>;
+export declare const getChildrenInfo: (state: EditorState, node?: PMNode<any> | undefined) => ConfirmDialogChildInfo[];
+export declare const getNodeName: (state: EditorState, node?: PMNode<any> | undefined) => string;

package/dist/types/utils/track-unsupported-content.d.ts

@@ -1,8 +1,20 @@
 import { Node as PMNode, Schema } from 'prosemirror-model';
-import { ACTION_SUBJECT_ID, UnsupportedContentPayload, UnsupportedContentTooltipPayload } from './analytics';
+import { ACTION_SUBJECT_ID } from '../analytics';
+import { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from './analytics';
 declare type DispatchAnalyticsEvent = (payload: UnsupportedContentPayload) => void;
 declare type DispatchAnalyticsEventTooltip = (payload: UnsupportedContentTooltipPayload) => void;
 export declare const findAndTrackUnsupportedContentNodes: (node: PMNode, schema: Schema, dispatchAnalyticsEvent: DispatchAnalyticsEvent, ancestorHierarchy?: string) => void;
-export declare const fireUnsupportedEvent: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, actionSubjectId: ACTION_SUBJECT_ID, unsupportedNode?: {}, errorCode?: string | undefined) => void;
+interface UnsupportedNode {
+    type: string;
+    ancestry: string;
+    parentType: string;
+    marks: {
+        [key: string]: any;
+    }[];
+    attrs: {
+        [key: string]: any;
+    };
+}
+export declare const fireUnsupportedEvent: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, actionSubjectId: ACTION_SUBJECT_ID, unsupportedNode: UnsupportedNode, errorCode?: string | undefined) => void;
 export declare const trackUnsupportedContentTooltipDisplayedFor: (dispatchAnalyticsEvent: DispatchAnalyticsEventTooltip, unsupportedContentType: UnsupportedContentTooltipPayload['actionSubjectId'], originalNodeType?: string | undefined) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "71.0.2",
+  "version": "72.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -57,8 +57,8 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^24.0.0",
-    "@atlaskit/adf-utils": "^17.1.0",
+    "@atlaskit/adf-schema": "^25.0.0",
+    "@atlaskit/adf-utils": "^18.0.0",
     "@atlaskit/analytics-listeners": "^8.3.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
@@ -68,21 +68,21 @@
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-palette": "0.1.0",
-    "@atlaskit/editor-shared-styles": "^2.2.0",
-    "@atlaskit/emoji": "^66.1.0",
+    "@atlaskit/editor-shared-styles": "^2.3.0",
+    "@atlaskit/emoji": "^67.0.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^74.3.0",
-    "@atlaskit/media-client": "^19.0.0",
-    "@atlaskit/media-picker": "^64.0.0",
+    "@atlaskit/media-card": "^74.4.0",
+    "@atlaskit/media-client": "^19.1.0",
+    "@atlaskit/media-picker": "^64.1.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.4.0",
     "@atlaskit/profilecard": "^18.0.0",
-    "@atlaskit/smart-card": "^23.9.0",
+    "@atlaskit/smart-card": "^23.10.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.12.0",
+    "@atlaskit/tokens": "^0.13.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/width-detector": "^4.0.0",
@@ -95,6 +95,7 @@
     "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
     "date-fns": "^2.17.0",
+    "focus-trap": "^2.4.5",
     "lodash": "^4.17.21",
     "popper.js": "^1.14.1",
     "prop-types": "^15.5.10",
@@ -107,14 +108,16 @@
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^34.0.0",
+    "@atlaskit/media-core": "^34.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@atlaskit/editor-core": "^177.0.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
-    "@atlaskit/editor-test-helpers": "^17.2.0",
+    "@atlaskit/editor-plugin-table": "^1.0.0",
+    "@atlaskit/editor-test-helpers": "^18.0.0",
     "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/util-data-test": "^17.6.0",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/editor-common"