@atlaskit/editor-common 102.10.4 → 102.11.1

package/dist/esm/preset/core-plugin/index.js

@@ -1,6 +1,6 @@
 import { processRawFragmentValue, processRawValue, processRawValueWithoutValidation } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
-import { scheduleDocumentRequest } from './requestDocument';
+import { createThrottleSchedule, returnDocumentRequest } from './requestDocument';
 
 /**
  * Core plugin that is always included in the preset.
@@ -8,6 +8,8 @@ import { scheduleDocumentRequest } from './requestDocument';
  */
 export var corePlugin = function corePlugin(_ref) {
   var config = _ref.config;
+  // Create the document request throttler per editor (rather than at a module level)
+  var scheduleDocumentRequest = createThrottleSchedule(returnDocumentRequest);
   return {
     name: 'core',
     actions: {

package/dist/esm/preset/core-plugin/requestDocument.js

@@ -10,7 +10,7 @@ export function toJSON(node) {
 /**
  * This throttles the callback with requestIdleCallback.
  */
-function createThrottleSchedule(callback) {
+export function createThrottleSchedule(callback) {
   var frameId;
   var lastArgs;
   var wrapperFn = function wrapperFn() {
@@ -36,10 +36,9 @@ function createThrottleSchedule(callback) {
   };
   return wrapperFn;
 }
-export var scheduleDocumentRequest = createThrottleSchedule(returnDocumentRequest);
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function returnDocumentRequest(editorView, callback, transformer, fireAnalyticsEvent) {
+export function returnDocumentRequest(editorView, callback, transformer, fireAnalyticsEvent) {
   var _editorView$state;
   var _ref = (_editorView$state = editorView === null || editorView === void 0 ? void 0 : editorView.state) !== null && _editorView$state !== void 0 ? _editorView$state : {},
     doc = _ref.doc,

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.10.4";
+var packageVersion = "102.11.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/floating-toolbar/DropdownMenuExtensionItems.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+export interface DropdownMenuOptions {
+    hide: Function;
+    dispatchCommand: Function;
+    intl: IntlShape;
+    showSelected: boolean;
+}
+type OverflowExtensionPlaceholderProps = {
+    node: PMNode;
+    editorView: EditorView;
+    extension: ExtensionProps;
+    disabled?: (key: string) => boolean;
+    dropdownOptions?: DropdownMenuOptions;
+};
+export type ExtensionProps = {
+    extensionApi?: ExtensionAPI;
+    extensionProvider?: Promise<ExtensionProvider>;
+};
+export declare const DropdownMenuExtensionItems: (props: OverflowExtensionPlaceholderProps) => React.JSX.Element | null;
+export {};

package/dist/types/floating-toolbar/DropdownMenuItem.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ButtonItemProps } from '@atlaskit/menu';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+import type { DropdownOptionT, FloatingToolbarOverflowDropdownOptions } from '../types';
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export interface Props {
+    hide: Function;
+    dispatchCommand: Function;
+    items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
+    showSelected?: boolean;
+    editorView?: EditorView;
+    extensions?: ExtensionProps;
+}
+export type ExtensionProps = {
+    node: Node;
+    extensionApi?: ExtensionAPI;
+    extensionsProvider?: Promise<ExtensionProvider>;
+};
+export interface DropdownButtonItemProps extends ButtonItemProps {
+    onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOut?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export type DropdownMenuItemProps = {
+    item: DropdownOptionT<Function>;
+    hide: Function;
+    dispatchCommand: Function;
+    editorView?: EditorView;
+    intl: IntlShape;
+    showSelected: boolean;
+    itemSelected?: boolean;
+};
+export declare const DropdownMenuItem: (props: DropdownMenuItemProps) => jsx.JSX.Element;

package/dist/types/floating-toolbar/index.d.ts

@@ -4,4 +4,7 @@ export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
 export declare const compareArrays: <T extends any[]>(left: Array<T>, right: Array<T>, compareFn?: (left: T, right: T) => boolean) => boolean;
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
 export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
+export type { DropdownMenuItemProps } from './DropdownMenuItem';
 export { default as messages } from './messages';

package/dist/types/preset/core-plugin/requestDocument.d.ts

@@ -2,6 +2,10 @@ import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type FireAnalyticsCallback } from '../../analytics';
-import type { InferTransformerResultCallback, Transformer } from '../../types';
+import type { DefaultTransformerResultCallback, InferTransformerResultCallback, Transformer } from '../../types';
 export declare function toJSON(node: PMNode): JSONDocNode;
-export declare const scheduleDocumentRequest: <GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: InferTransformerResultCallback<Transformer<any>>, transformer?: Transformer<any> | undefined, fireAnalyticsEvent?: FireAnalyticsCallback | undefined) => void;
+/**
+ * This throttles the callback with requestIdleCallback.
+ */
+export declare function createThrottleSchedule<GenericTransformer extends Transformer<any> = Transformer<JSONDocNode>>(callback: typeof returnDocumentRequest<GenericTransformer>): (editorView: EditorView | null, callback: GenericTransformer extends undefined ? DefaultTransformerResultCallback : InferTransformerResultCallback<GenericTransformer>, transformer?: GenericTransformer | undefined, fireAnalyticsEvent?: FireAnalyticsCallback | undefined) => void;
+export declare function returnDocumentRequest<GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: GenericTransformer extends undefined ? DefaultTransformerResultCallback : InferTransformerResultCallback<GenericTransformer>, transformer?: GenericTransformer, fireAnalyticsEvent?: FireAnalyticsCallback): undefined;

package/dist/types/types/floating-toolbar.d.ts

@@ -8,6 +8,7 @@ import type { SpotlightCard } from '@atlaskit/onboarding';
 import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
+import type { DropdownMenuItemProps } from '../floating-toolbar';
 import type { ProviderFactory } from '../provider-factory';
 import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
 import type { Command, CommandDispatch } from './command';
@@ -19,7 +20,13 @@ type OverflowDropdownHeading = {
     type: 'overflow-dropdown-heading';
     title: string;
 };
-export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading>;
+type OverflowDropdownCustom<T extends Object> = {
+    type: 'custom';
+    fallback: Array<FloatingToolbarFallbackItem<T>>;
+    render: (view?: EditorView, dropdownOption?: Omit<DropdownMenuItemProps, 'item'>) => React.ReactNode;
+    hidden?: boolean;
+};
+export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading | OverflowDropdownCustom<T>>;
 type FloatingToolbarOverflowDropdown<T extends Object> = {
     type: 'overflow-dropdown';
     options: FloatingToolbarOverflowDropdownOptions<T>;

package/dist/types-ts4.5/floating-toolbar/DropdownMenuExtensionItems.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+export interface DropdownMenuOptions {
+    hide: Function;
+    dispatchCommand: Function;
+    intl: IntlShape;
+    showSelected: boolean;
+}
+type OverflowExtensionPlaceholderProps = {
+    node: PMNode;
+    editorView: EditorView;
+    extension: ExtensionProps;
+    disabled?: (key: string) => boolean;
+    dropdownOptions?: DropdownMenuOptions;
+};
+export type ExtensionProps = {
+    extensionApi?: ExtensionAPI;
+    extensionProvider?: Promise<ExtensionProvider>;
+};
+export declare const DropdownMenuExtensionItems: (props: OverflowExtensionPlaceholderProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/floating-toolbar/DropdownMenuItem.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ButtonItemProps } from '@atlaskit/menu';
+import type { ExtensionAPI, ExtensionProvider } from '../extensions';
+import type { DropdownOptionT, FloatingToolbarOverflowDropdownOptions } from '../types';
+export declare const menuItemDimensions: {
+    width: number;
+    height: number;
+};
+export interface Props {
+    hide: Function;
+    dispatchCommand: Function;
+    items: Array<DropdownOptionT<Function>> | FloatingToolbarOverflowDropdownOptions<Function>;
+    showSelected?: boolean;
+    editorView?: EditorView;
+    extensions?: ExtensionProps;
+}
+export type ExtensionProps = {
+    node: Node;
+    extensionApi?: ExtensionAPI;
+    extensionsProvider?: Promise<ExtensionProvider>;
+};
+export interface DropdownButtonItemProps extends ButtonItemProps {
+    onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOut?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export type DropdownMenuItemProps = {
+    item: DropdownOptionT<Function>;
+    hide: Function;
+    dispatchCommand: Function;
+    editorView?: EditorView;
+    intl: IntlShape;
+    showSelected: boolean;
+    itemSelected?: boolean;
+};
+export declare const DropdownMenuItem: (props: DropdownMenuItemProps) => jsx.JSX.Element;

package/dist/types-ts4.5/floating-toolbar/index.d.ts

@@ -4,4 +4,7 @@ export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
 export declare const compareArrays: <T extends any[]>(left: Array<T>, right: Array<T>, compareFn?: (left: T, right: T) => boolean) => boolean;
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
 export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
+export type { DropdownMenuItemProps } from './DropdownMenuItem';
 export { default as messages } from './messages';

package/dist/types-ts4.5/preset/core-plugin/requestDocument.d.ts

@@ -2,6 +2,10 @@ import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type FireAnalyticsCallback } from '../../analytics';
-import type { InferTransformerResultCallback, Transformer } from '../../types';
+import type { DefaultTransformerResultCallback, InferTransformerResultCallback, Transformer } from '../../types';
 export declare function toJSON(node: PMNode): JSONDocNode;
-export declare const scheduleDocumentRequest: <GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: InferTransformerResultCallback<Transformer<any>>, transformer?: Transformer<any> | undefined, fireAnalyticsEvent?: FireAnalyticsCallback | undefined) => void;
+/**
+ * This throttles the callback with requestIdleCallback.
+ */
+export declare function createThrottleSchedule<GenericTransformer extends Transformer<any> = Transformer<JSONDocNode>>(callback: typeof returnDocumentRequest<GenericTransformer>): (editorView: EditorView | null, callback: GenericTransformer extends undefined ? DefaultTransformerResultCallback : InferTransformerResultCallback<GenericTransformer>, transformer?: GenericTransformer | undefined, fireAnalyticsEvent?: FireAnalyticsCallback | undefined) => void;
+export declare function returnDocumentRequest<GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: GenericTransformer extends undefined ? DefaultTransformerResultCallback : InferTransformerResultCallback<GenericTransformer>, transformer?: GenericTransformer, fireAnalyticsEvent?: FireAnalyticsCallback): undefined;

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -8,6 +8,7 @@ import type { SpotlightCard } from '@atlaskit/onboarding';
 import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
+import type { DropdownMenuItemProps } from '../floating-toolbar';
 import type { ProviderFactory } from '../provider-factory';
 import type { PaletteColor } from '../ui-color/ColorPalette/Palettes/type';
 import type { Command, CommandDispatch } from './command';
@@ -19,7 +20,13 @@ type OverflowDropdownHeading = {
     type: 'overflow-dropdown-heading';
     title: string;
 };
-export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading>;
+type OverflowDropdownCustom<T extends Object> = {
+    type: 'custom';
+    fallback: Array<FloatingToolbarFallbackItem<T>>;
+    render: (view?: EditorView, dropdownOption?: Omit<DropdownMenuItemProps, 'item'>) => React.ReactNode;
+    hidden?: boolean;
+};
+export type FloatingToolbarOverflowDropdownOptions<T extends Object> = Array<DropdownOptionT<T> | FloatingToolbarSeparator | OverflowDropdownHeading | OverflowDropdownCustom<T>>;
 type FloatingToolbarOverflowDropdown<T extends Object> = {
     type: 'overflow-dropdown';
     options: FloatingToolbarOverflowDropdownOptions<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.10.4",
+	"version": "102.11.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"