@atlaskit/editor-common 74.5.2 → 74.6.0

package/dist/types-ts4.5/messages/media-and-embed-toolbar.d.ts

@@ -0,0 +1,12 @@
+export declare const toolbarMessages: {
+    wrapLeft: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    wrapRight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/react-node-view/getInlineNodeViewProducer.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import React from 'react';
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorProps, EditorView } from 'prosemirror-view';
+import type { PMPluginFactoryParams } from '../types';
+export type InlineNodeViewComponentProps = {
+    view: EditorView;
+    getPos: NodeViewParams['getPos'];
+    node: PMNode;
+};
+type InlineNodeViewComponent<ExtraComponentProps> = React.ComponentType<InlineNodeViewComponentProps & ExtraComponentProps>;
+export declare const inlineNodeViewClassname = "inlineNodeView";
+type NodeViewProducer = NonNullable<EditorProps['nodeViews']>[string];
+type NodeViewParams = {
+    node: Parameters<NodeViewProducer>[0];
+    view: Parameters<NodeViewProducer>[1];
+    getPos: Parameters<NodeViewProducer>[2];
+    decorations: Parameters<NodeViewProducer>[3];
+};
+export declare function getInlineNodeViewProducer<ExtraComponentProps>({ pmPluginFactoryParams, Component, extraComponentProps, }: {
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    Component: InlineNodeViewComponent<ExtraComponentProps>;
+    extraComponentProps?: ExtraComponentProps;
+}): NodeViewProducer;
+export {};

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -4,6 +4,9 @@ import { Decoration, EditorView, NodeView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';
 import type { PortalProviderAPI } from '../ui/PortalProvider';
 import { ForwardRef, getPosHandler, ReactComponentProps, shouldUpdate } from './types';
+export type { getPosHandler, ReactComponentProps };
+export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
+export { getInlineNodeViewProducer, inlineNodeViewClassname, } from './getInlineNodeViewProducer';
 export default class ReactNodeView<P = ReactComponentProps> implements NodeView {
     private domRef?;
     private contentDOMWrapper?;

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

@@ -0,0 +1,2 @@
+export { default as ResizerNext } from './Resizer';
+export type { HandlerHeightSizeType, EnabledHandles } from './types';

package/dist/types-ts4.5/resizer/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const snapTo: (target: number, points: number[]) => number;
+export declare const handleSides: Array<'left' | 'right'>;
+export declare const imageAlignmentMap: {
+    left: string;
+    right: string;
+};

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

@@ -0,0 +1,35 @@
+import type { LinkPickerProps } from '@atlaskit/link-picker';
+import { INPUT_METHOD } from '../analytics';
+import { CardOptions } from '../card';
+import { EditorAppearance } from './editor-appearance';
+export type LinkInputType = INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD;
+/**
+ * Configuration for the link picker
+ * Extends `LinkPickerProps` to provide future extensibility out-of-the-box
+ */
+export interface LinkPickerOptions extends Partial<LinkPickerProps> {
+}
+/**
+ * Configuration for editor linking behaviours
+ */
+export interface LinkingOptions {
+    /**
+     * Initial props to configure the link picker component with. Primarily used to provide link search and suggestions capabilities.
+     * @see https://atlaskit.atlassian.com/packages/editor/editor-core/example/full-page-with-link-picker
+     * @see https://atlaskit.atlassian.com/packages/linking-platform/link-picker
+     */
+    linkPicker?: LinkPickerOptions;
+    /**
+     * Enables and configure smart link behaviour
+     */
+    smartLinks?: CardOptions;
+}
+/**
+ * Configuration for the Hyperlink plugin
+ */
+export interface HyperlinkPluginOptions {
+    cardOptions?: CardOptions;
+    linkPicker?: LinkPickerOptions;
+    platform?: 'mobile' | 'web';
+    editorAppearance?: EditorAppearance;
+}

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

@@ -34,3 +34,5 @@ export type IconProps = {
 };
 export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, NodeViewTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
 export type { GridType } from './grid';
+export type { LinkInputType, LinkPickerOptions, LinkingOptions, HyperlinkPluginOptions, } from './hyperlink';
+export type { SnapPointsProps } from './resizable-media-single';

package/dist/types-ts4.5/types/resizable-media-single.d.ts

@@ -0,0 +1,15 @@
+import { ResolvedPos } from 'prosemirror-model';
+export interface SnapPointsProps {
+    $pos?: ResolvedPos | null;
+    akEditorWideLayoutWidth: number;
+    allowBreakoutSnapPoints?: boolean;
+    containerWidth: number;
+    gridSize: number;
+    gridWidth: number;
+    insideInlineLike: boolean;
+    insideLayout: boolean;
+    isVideoFile: boolean;
+    lineLength: number;
+    offsetLeft: number;
+    wrappedLayout: boolean;
+}

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

@@ -16,5 +16,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" | "children" | "id" | "position" | "trigger" | "testId" | "analyticsContext" | "isOpen" | "shouldFitContainer" | "onPositioned" | "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, "key" | "children" | "id" | "position" | "trigger" | "testId" | "analyticsContext" | "shouldFitContainer" | "isOpen" | "onPositioned" | "onOpenChange"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui/LinkSearch/const.d.ts

@@ -0,0 +1,4 @@
+export declare const RECENT_SEARCH_WIDTH_IN_PX = 420;
+export declare const RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
+export declare const RECENT_SEARCH_HEIGHT_IN_PX = 360;
+export declare const LINKPICKER_HEIGHT_IN_PX = 570;

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

@@ -0,0 +1,40 @@
+import React, { RefObject } from 'react';
+import { Resizable } from 're-resizable';
+import { RichMediaLayout } from '@atlaskit/adf-schema';
+import { DispatchAnalyticsEvent } from '../../analytics';
+import { EnabledHandles, Props as ResizableMediaSingleProps } from './types';
+export interface ResizableNumberSize {
+    width: number;
+    height: number;
+}
+export type ResizerProps = Omit<ResizableMediaSingleProps, 'height' | 'width'> & {
+    selected?: boolean;
+    enable: EnabledHandles;
+    calcNewSize: (newWidth: number, stop: boolean) => {
+        layout: RichMediaLayout;
+        width: number | null;
+    };
+    snapPoints: number[];
+    scaleFactor?: number;
+    highlights: (width: number, snapPoints: number[]) => number[] | string[];
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    nodeType?: 'media' | 'embed';
+    innerPadding?: number;
+    height?: number;
+    width: number;
+    ratio?: string;
+    handleComponentFunc?: (side: string) => React.ReactElement<any> | undefined;
+};
+export type ResizerState = {
+    isResizing: boolean;
+};
+export default class Resizer extends React.Component<ResizerProps, ResizerState> {
+    resizable: RefObject<Resizable>;
+    state: {
+        isResizing: boolean;
+    };
+    private handleResizeStart;
+    private handleResize;
+    private handleResizeStop;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/ui/ResizerLegacy/styled.d.ts

@@ -0,0 +1,2 @@
+import { MediaSingleWrapperProps as MediaSingleDimensionHelperProps } from '../MediaSingle/styled';
+export declare const wrapperStyle: (props: MediaSingleDimensionHelperProps) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/ResizerLegacy/types.d.ts

@@ -0,0 +1,26 @@
+import { EditorView } from 'prosemirror-view';
+import { RichMediaLayout } from '@atlaskit/adf-schema';
+import { MediaClientConfig } from '@atlaskit/media-core';
+import type { DispatchAnalyticsEvent } from '../../analytics';
+import type { getPosHandler } from '../../react-node-view';
+import type { GridType } from '../../types';
+import type { MediaSingleProps } from '../../ui';
+export type EnabledHandles = {
+    left?: boolean;
+    right?: boolean;
+};
+export type Props = MediaSingleProps & {
+    updateSize: (width: number | null, layout: RichMediaLayout) => void;
+    displayGrid: ((show: boolean, type: GridType, highlight: number[] | string[]) => void) | undefined;
+    getPos: getPosHandler;
+    view: EditorView;
+    lineLength: number;
+    gridSize: number;
+    containerWidth: number;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    allowBreakoutSnapPoints?: boolean;
+    selected?: boolean;
+    viewMediaClientConfig?: MediaClientConfig;
+    fullWidthMode?: boolean;
+    updateWidth?: (newWidth: number) => void;
+};

package/dist/types-ts4.5/ui/ResizerLegacy/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const snapTo: (target: number, points: number[]) => number;
+export declare const handleSides: Array<'left' | 'right'>;
+export declare const imageAlignmentMap: {
+    left: string;
+    right: string;
+};

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

@@ -26,4 +26,10 @@ export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';
 export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';
 export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { RECENT_SEARCH_WIDTH_IN_PX, RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, LINKPICKER_HEIGHT_IN_PX, } from './LinkSearch/const';
 export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel, } from './ContextPanel/context';
+export { default as Resizer } from './ResizerLegacy';
+export type { ResizerState } from './ResizerLegacy';
+export type { EnabledHandles, Props as ResizerProps, } from './ResizerLegacy/types';
+export { snapTo, handleSides, imageAlignmentMap } from './ResizerLegacy/utils';
+export { wrapperStyle } from './ResizerLegacy/styled';

package/dist/types-ts4.5/utils/document.d.ts

@@ -0,0 +1,19 @@
+import { Node, ResolvedPos, Schema } from 'prosemirror-model';
+import { EditorState, ReadonlyTransaction, Transaction } from 'prosemirror-state';
+import { DispatchAnalyticsEvent } from '../analytics';
+import { ProviderFactory } from '../provider-factory';
+import { ReplaceRawValue, Transformer } from '../types';
+type ChangedFn = (node: Node<any>, pos: number, parent: Node<any>, index: number) => boolean | null | undefined | void;
+export declare const getStepRange: (transaction: Transaction | ReadonlyTransaction) => {
+    from: number;
+    to: number;
+} | null;
+export declare function hasDocAsParent($anchor: ResolvedPos): boolean;
+/**
+ * Checks if a node looks like an empty document
+ */
+export declare function isEmptyDocument(node: Node): boolean;
+export declare function bracketTyped(state: EditorState): boolean;
+export declare function nodesBetweenChanged(tr: Transaction | ReadonlyTransaction, f: ChangedFn, startPos?: number): void;
+export declare function processRawValue(schema: Schema, value?: ReplaceRawValue, providerFactory?: ProviderFactory, sanitizePrivateContent?: boolean, contentTransformer?: Transformer<string>, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;
+export {};

package/dist/types-ts4.5/utils/editor-core-utils.d.ts

@@ -26,3 +26,4 @@ export declare const setNodeSelection: (view: EditorView, pos: number) => void;
 export declare function setTextSelection(view: EditorView, anchor: number, head?: number): void;
 export declare function nonNullable<T>(value: T): value is NonNullable<T>;
 export declare const isValidPosition: (pos: number, state: EditorState) => boolean;
+export declare const isInLayoutColumn: (state: EditorState) => boolean;

package/dist/types-ts4.5/utils/filter/privacy-filter.d.ts

@@ -0,0 +1,9 @@
+import { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import { ProviderFactory } from '../../provider-factory';
+/**
+ * Sanitises a document where some content should not be in the document (e.g. mention names).
+ *
+ * It is expected that these names we be resolved separately (e.g. when rendering
+ * a node view).
+ */
+export declare function sanitizeNodeForPrivacy(json: JSONDocNode, providerFactory?: ProviderFactory): JSONDocNode;

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

@@ -6,7 +6,7 @@ export { default as ErrorReporter } from './error-reporter';
 export type { ErrorReportingHandler } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, } from './date';
 export type { Date } from './date';
-export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, } from './editor-core-utils';
+export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus, } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, } from './breakout';
@@ -50,3 +50,6 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
 export { gridTypeForLayout } from './grid';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, } from './document';
+export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, } from './rich-media-utils';
+export { sanitizeNodeForPrivacy } from './filter/privacy-filter';

package/dist/types-ts4.5/utils/rich-media-utils.d.ts

@@ -0,0 +1,8 @@
+import { EditorView } from 'prosemirror-view';
+import { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import { SnapPointsProps } from '../types';
+export declare const nonWrappedLayouts: RichMediaLayout[];
+export declare const floatingLayouts: string[];
+export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;
+export declare const alignAttributes: (layout: RichMediaLayout, oldAttrs: RichMediaAttributes, gridSize: number | undefined, originalWidth: number, lineLength?: number) => RichMediaAttributes;
+export declare function calculateSnapPoints({ $pos, akEditorWideLayoutWidth, allowBreakoutSnapPoints, containerWidth, gridSize, gridWidth, insideInlineLike, insideLayout, isVideoFile, lineLength, offsetLeft, wrappedLayout, }: SnapPointsProps): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.5.2",
+  "version": "74.6.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
     "./hooks": "./src/hooks/index.ts",
     "./monitoring": "./src/monitoring/index.ts",
     "./paste": "./src/paste/index.ts",
-    "./resizer": "./src/resizer.ts"
+    "./resizer": "./src/resizer/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
@@ -135,17 +135,18 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-core": "^185.1.0",
+    "@atlaskit/editor-core": "^185.2.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
-    "@atlaskit/editor-plugin-analytics": "^0.0.1",
-    "@atlaskit/editor-plugin-content-insertion": "^0.0.1",
+    "@atlaskit/editor-plugin-analytics": "^0.0.2",
+    "@atlaskit/editor-plugin-content-insertion": "^0.0.2",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
     "@atlaskit/editor-plugin-table": "^1.5.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
-    "@atlaskit/editor-test-helpers": "^18.5.0",
+    "@atlaskit/editor-test-helpers": "^18.6.0",
     "@atlaskit/media-core": "^34.1.0",
+    "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/resizer/package.json

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

package/dist/cjs/ui/Resizer/utils.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleSides = void 0;
-var handleSides = ['left', 'right'];
-exports.handleSides = handleSides;

package/dist/es2019/resizer.js

@@ -1 +0,0 @@
-export { default as ResizerNext } from './ui/Resizer';

package/dist/es2019/ui/Resizer/utils.js

@@ -1 +0,0 @@
-export const handleSides = ['left', 'right'];

package/dist/esm/resizer.js

@@ -1 +0,0 @@
-export { default as ResizerNext } from './ui/Resizer';

package/dist/esm/ui/Resizer/utils.js

@@ -1 +0,0 @@
-export var handleSides = ['left', 'right'];

package/dist/types/resizer.d.ts

@@ -1,2 +0,0 @@
-export { default as ResizerNext } from './ui/Resizer';
-export type { HandlerHeightSizeType, EnabledHandles } from './ui/Resizer/types';

package/dist/types/ui/Resizer/utils.d.ts

@@ -1 +0,0 @@
-export declare const handleSides: Array<'left' | 'right'>;

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

@@ -1,2 +0,0 @@
-export { default as ResizerNext } from './ui/Resizer';
-export type { HandlerHeightSizeType, EnabledHandles } from './ui/Resizer/types';

package/dist/types-ts4.5/ui/Resizer/utils.d.ts

@@ -1 +0,0 @@
-export declare const handleSides: Array<'left' | 'right'>;