@atlaskit/editor-common 76.34.0 → 76.35.0

package/dist/types-ts4.5/extensibility/Extension.d.ts

@@ -0,0 +1,29 @@
+import { Component } from 'react';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
+import type { ExtensionHandlers, ReferenceEntity } from '../extensions';
+import { ProviderFactory } from '../provider-factory';
+import type { ProsemirrorGetPosHandler } from '../react-node-view';
+import type { EditorAppearance } from '../types';
+import type { ExtensionsPluginInjectionAPI } from './types';
+export interface Props {
+    editorView: EditorView;
+    node: PMNode;
+    getPos: ProsemirrorGetPosHandler;
+    providerFactory?: ProviderFactory;
+    handleContentDOMRef: (node: HTMLElement | null) => void;
+    extensionHandlers: ExtensionHandlers;
+    references?: ReferenceEntity[];
+    editorAppearance?: EditorAppearance;
+    pluginInjectionApi: ExtensionsPluginInjectionAPI;
+    eventDispatcher?: EventDispatcher;
+}
+export declare class Extension extends Component<Props, any> {
+    static displayName: string;
+    private providerFactory;
+    constructor(props: Props);
+    componentWillUnmount(): void;
+    private renderWithProvider;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -0,0 +1,53 @@
+import { Component } from 'react';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
+import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
+import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '../extensions';
+import type { ProsemirrorGetPosHandler } from '../react-node-view';
+import type { EditorAppearance } from '../types';
+import type { ExtensionsPluginInjectionAPI } from './types';
+export interface Props {
+    editorView: EditorView;
+    node: PMNode;
+    getPos: ProsemirrorGetPosHandler;
+    handleContentDOMRef: (node: HTMLElement | null) => void;
+    extensionHandlers: ExtensionHandlers;
+    extensionProvider?: Promise<ExtensionProvider>;
+    references?: ReferenceEntity[];
+    editorAppearance?: EditorAppearance;
+    pluginInjectionApi: ExtensionsPluginInjectionAPI;
+    eventDispatcher?: EventDispatcher;
+}
+export interface State {
+    extensionProvider?: ExtensionProvider;
+    extensionHandlersFromProvider?: ExtensionHandlers;
+    _privateProps?: {
+        __hideFrame?: boolean;
+    };
+    activeChildIndex?: number;
+}
+export declare class ExtensionComponent extends Component<Props, State> {
+    private privatePropsParsed;
+    state: State;
+    mounted: boolean;
+    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
+    getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
+    render(): JSX.Element | null;
+    private setStateFromPromise;
+    /**
+     * Parses any private nodes once an extension provider is available.
+     *
+     * We do this separately from resolving a node renderer component since the
+     * private props come from extension provider, rather than an extension
+     * handler which only handles `render`/component concerns.
+     */
+    private parsePrivateNodePropsIfNeeded;
+    private tryExtensionHandler;
+    private handleExtension;
+}

package/dist/types-ts4.5/extensibility/ExtensionNodeWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    nodeType: string;
+};
+/**
+ * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
+ * else wrap with a div (for multi bodied extensions)
+ *
+ * @param param0
+ * @returns
+ */
+export declare const ExtensionNodeWrapper: ({ children, nodeType }: Props) => JSX.Element;
+export {};

package/dist/types-ts4.5/extensibility/MultiBodiedExtension/index.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../../event-dispatcher';
+import type { MultiBodiedExtensionActions } from '../../extensions';
+import type { EditorAppearance } from '../../types';
+import type { OverflowShadowProps } from '../../ui';
+import type { ExtensionsPluginInjectionAPI } from '../types';
+export type TryExtensionHandlerType = (actions: MultiBodiedExtensionActions | undefined) => React.ReactElement | null;
+type Props = {
+    node: PmNode;
+    handleContentDOMRef: (node: HTMLElement | null) => void;
+    editorView: EditorView;
+    getPos: () => number | undefined;
+    tryExtensionHandler: TryExtensionHandlerType;
+    eventDispatcher?: EventDispatcher;
+    pluginInjectionApi?: ExtensionsPluginInjectionAPI;
+    editorAppearance?: EditorAppearance;
+};
+declare const MultiBodiedExtension: (props: Props & OverflowShadowProps) => jsx.JSX.Element;
+/**
+ * End workaround
+ */
+export default MultiBodiedExtension;

package/dist/types-ts4.5/extensibility/extensionNodeView.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
+import type { ExtensionHandlers } from '../extensions';
+import type { ProviderFactory } from '../provider-factory';
+import type { ForwardRef, getPosHandler } from '../react-node-view';
+import ReactNodeView from '../react-node-view';
+import type { EditorAppearance } from '../types';
+import type { PortalProviderAPI } from '../ui/PortalProvider';
+import type { ExtensionsPluginInjectionAPI } from './types';
+interface ExtensionNodeViewOptions {
+    appearance?: EditorAppearance;
+}
+export declare class ExtensionNode extends ReactNodeView {
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    getContentDOM(): {
+        dom: HTMLDivElement;
+    } | undefined;
+    render(props: {
+        providerFactory: ProviderFactory;
+        extensionHandlers: ExtensionHandlers;
+        extensionNodeViewOptions?: ExtensionNodeViewOptions;
+        pluginInjectionApi: ExtensionsPluginInjectionAPI;
+    }, forwardRef: ForwardRef): JSX.Element;
+}
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export {};

package/dist/types-ts4.5/extensibility/index.d.ts

@@ -0,0 +1,4 @@
+export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
+export { Extension } from './Extension';
+export { default as ExtensionNodeView, ExtensionNode, } from './extensionNodeView';
+export { ExtensionComponent } from './ExtensionComponent';

package/dist/types-ts4.5/extensibility/types.d.ts

@@ -0,0 +1,8 @@
+import type { EditorContainerWidth, NextEditorPlugin, PublicPluginAPI } from '../types';
+type WidthPluginType = NextEditorPlugin<'width', {
+    sharedState: EditorContainerWidth | undefined;
+}>;
+export type ExtensionsPluginInjectionAPI = PublicPluginAPI<[
+    WidthPluginType
+]> | undefined;
+export {};

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

@@ -28,7 +28,7 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, ExtractNextEditorPlugins, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependencies, PublicPluginAPI, NextEditorPluginFunctionOptionalConfigDefinition, ExtractNextEditorPlugins, } from './next-editor-plugin';
 export type { ExtractPublicEditorAPI } from './editor-public-api';
 export type { EditorCommand, EditorCommandWithMetadata, } from './editor-command';
 export type IconProps = {

package/dist/types-ts4.5/types/next-editor-plugin.d.ts

@@ -46,9 +46,6 @@ export type PluginInjectionAPI<Name extends string, Metadata extends NextEditorP
         ...ExtractPluginDependenciesFromMetadata<Metadata>
     ]>;
 };
-export type PluginInjectionAPIWithDependency<Plugin extends NextEditorPlugin<any, any>> = PublicPluginAPI<[
-    Plugin
-]>;
 export type PluginInjectionAPIWithDependencies<Plugins extends NextEditorPlugin<any, any>[]> = PublicPluginAPI<Plugins>;
 export type NextEditorPluginFunctionOptionalConfigDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration = undefined> = (props: {
     config: Configuration;

package/dist/types-ts4.5/ui/DropList/index.d.ts

@@ -17,5 +17,5 @@ export type OpenChangedEvent = {
     isOpen: boolean;
     event: MouseEvent | KeyboardEvent;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "id" | "children" | "position" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "trigger" | "onOpenChange"> & import("react").RefAttributes<any>>;
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "position" | "key" | "id" | "children" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "trigger" | "onOpenChange"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts

@@ -26,5 +26,5 @@ type Props = WithAnalyticsEventsProps & {
     skipFocusButtonAfterPick?: boolean;
     absoluteOffset?: PopupPosition;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "onChange" | "title" | "key" | "size" | "placement" | "alignX" | "absoluteOffset" | "currentColor" | "analyticsContext" | "cols" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -42,7 +42,7 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     onItemClick?: ((item: MenuItem) => void) | undefined;
     onKeyDown?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     selected?: boolean | undefined;
-    spacing?: "default" | "none" | "compact" | undefined;
+    spacing?: "none" | "default" | "compact" | undefined;
     target?: string | undefined;
     title?: React.ReactNode;
     titlePosition?: PositionType | undefined;

package/extensibility/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/extensibility",
+  "main": "../dist/cjs/extensibility/index.js",
+  "module": "../dist/esm/extensibility/index.js",
+  "module:es2019": "../dist/es2019/extensibility/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/extensibility/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/extensibility/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.34.0",
+  "version": "76.35.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,6 +32,7 @@
   "af:exports": {
     "./event-dispatcher": "./src/event-dispatcher/index.ts",
     "./extensions": "./src/extensions.ts",
+    "./extensibility": "./src/extensibility/index.ts",
     "./normalize-feature-flags": "./src/normalize-feature-flags.ts",
     "./messages": "./src/messages/index.ts",
     "./provider-factory": "./src/provider-factory.ts",
@@ -90,7 +91,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
-    "@atlaskit/adf-schema": "^35.2.0",
+    "@atlaskit/adf-schema": "^35.3.0",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
@@ -99,7 +100,7 @@
     "@atlaskit/button": "^17.2.0",
     "@atlaskit/code": "^15.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/custom-steps": "^0.0.10",
+    "@atlaskit/custom-steps": "^0.0.11",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "1.1.0",
@@ -118,7 +119,7 @@
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/profilecard": "^19.7.0",
-    "@atlaskit/smart-card": "^26.43.0",
+    "@atlaskit/smart-card": "^26.44.0",
     "@atlaskit/smart-user-picker": "^6.4.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/task-decision": "^17.9.0",