@atlaskit/editor-common 70.3.0 → 71.0.0

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

@@ -10,6 +10,11 @@ export interface Props {
     borderColor: string;
     checkMarkColor?: string;
     autoFocus?: boolean;
+    /**
+     * When set to true -- the presentation of colors in the
+     * palette will use design tokens when available.
+     */
+    useDesignTokens: boolean;
 }
 declare class Color extends PureComponent<Props> {
     render(): jsx.JSX.Element;

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

@@ -8,6 +8,14 @@ interface Props {
     onClick: (value: string, label: string) => void;
     cols?: number;
     className?: string;
+    /**
+     * When the color picker is used to present text colors we
+     * make a number of changes to how it works
+     * - the check mark color uses design tokens when available
+     * - the colors use design tokens when available
+     * @default false
+     */
+    textPalette?: 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/Dropdown/index.d.ts

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import { OpenChangedEvent } from '../../ui/DropList';
+import { KeyDownHandlerContext } from '../DropdownMenu/types';
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -10,6 +11,8 @@ export interface Props {
     fitWidth?: number;
     fitHeight?: number;
     zIndex?: number;
+    disableArrowKeyNavigation?: boolean;
+    keyDownHandlerContext?: KeyDownHandlerContext;
 }
 export interface State {
     target?: HTMLElement;

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

@@ -13,6 +13,7 @@ export default class DropdownMenuWrapper extends PureComponent<Props, State> {
     state: State;
     private handleRef;
     private updatePopupPlacement;
+    private handleCloseandFocus;
     private handleClose;
     private renderDropdownMenu;
     render(): jsx.JSX.Element;

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

@@ -9,6 +9,7 @@ export interface Props {
     onItemActivated?: (attrs: any) => void;
     onMouseEnter?: (attrs: any) => void;
     onMouseLeave?: (attrs: any) => void;
+    keyDownHandlerContext?: KeyDownHandlerContext;
     fitWidth?: number;
     fitHeight?: number;
     offset?: Array<number>;
@@ -17,6 +18,12 @@ export interface Props {
         items: MenuItem[];
     }>;
     shouldUseDefaultRole?: boolean;
+    disableArrowKeyNavigation?: boolean;
+}
+export interface KeyDownHandlerContext {
+    handleArrowRight: () => void;
+    handleArrowLeft: () => void;
+    handleTab: () => void;
 }
 export interface MenuItem {
     key?: string;

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { KeyDownHandlerContext } from '../DropdownMenu/types';
+declare type SimpleEventHandler<T> = (event: T) => void;
+/**
+ * This component is a wrapper of vertical menus which listens to keydown events of children
+ * and handles up/down arrow key navigation
+ */
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeonTab, }: {
+    children: ReactNode;
+    handleClose?: SimpleEventHandler<KeyboardEvent> | undefined;
+    disableArrowKeyNavigation?: boolean | undefined;
+    keyDownHandlerContext?: KeyDownHandlerContext | undefined;
+    closeonTab?: boolean | undefined;
+}) => JSX.Element;
+export {};

package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -4,6 +4,8 @@ export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
+    targetRef?: any;
+    closeonTab?: boolean;
 }
 export default function withReactEditorViewOuterListeners<P>(Component: ComponentClass<P> | StatelessComponent<P>): React.FC<P & WithOutsideClickProps>;
 export {};

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

@@ -21,7 +21,7 @@ export { default as ADFTraversor } from './traversor';
 export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEventSeverity, SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, } from './analytics';
 export type { UnsupportedContentTooltipPayload, UnsupportedContentPayload, UnsupportedContentLevelsTracking, } from './analytics';
 export { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
-export { measureRender } from './performance/measure-render';
+export { getDistortedDurationMonitor, measureRender, } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
 export { measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, } from './performance/measure-tti';
 export { isPerformanceAPIAvailable, isPerformanceObserverAvailable, } from './performance/is-performance-api-available';

package/dist/types/utils/performance/measure-render.d.ts

@@ -1,3 +1,15 @@
+/**
+ * Monitors if a pages enters a visibility state which will lead to
+ * distorted duration measurements (where the measurement uses the
+ * requestAnimationFrame api).
+ */
+export declare function getDistortedDurationMonitor(): {
+    distortedDuration: boolean;
+    /**
+     * Cleans up the document visibility event listener
+     */
+    cleanup(): void;
+};
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "70.3.0",
+  "version": "71.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -63,21 +63,22 @@
     "@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.4.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/code": "^14.4.0",
     "@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.0.0",
+    "@atlaskit/emoji": "^66.1.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.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-picker": "^64.0.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.4.0",
-    "@atlaskit/profilecard": "^17.2.0",
-    "@atlaskit/smart-card": "^23.5.0",
+    "@atlaskit/profilecard": "^17.3.0",
+    "@atlaskit/smart-card": "^23.7.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",

package/report.api.md

@@ -1,13 +1,20 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/editor-common"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->