@atlaskit/editor-common 74.32.1 → 74.34.0

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -416,6 +416,14 @@ export type FeatureFlags = {
      * @default false
      */
     useFragmentMarkBreakoutWidthStylingFix?: boolean;
+    /**
+     * @description
+     * Enable the new editor media resize experience.
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-18316
+     * @default false
+     */
+    extendedMediaResizeExperience?: boolean | undefined;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

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

@@ -39,6 +39,6 @@ export type { SnapPointsProps } from './resizable-media-single';
 export type { BreakoutMode } from './breakout';
 export type { DatasourceModalType } from './datasource';
 export type { ImageUploadPluginReferenceEventBase, ImageUploadPluginReferenceEventDragEvent, ImageUploadPluginReferenceEventClipboardEvent, ImageUploadPluginReferenceEvent, } from './image-upload-reference-event';
-export type { HeadingLevels, NormalTextLevel, HeadingLevelsAndNormalText, } from './block-type';
+export type { AllowedBlockTypes, HeadingLevels, NormalTextLevel, HeadingLevelsAndNormalText, } from './block-type';
 export type { ColumnResizingPluginState } from './tables';
 export type { InputRuleHandler, OnHandlerApply, InputRuleWrapper, } from './input-rules';

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

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { RichMediaLayout as MediaSingleLayout, RichMediaLayout } from '@atlaskit/adf-schema';
+import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { MediaSingleSize, MediaSingleWidthType } from './types';
 export declare const DEFAULT_IMAGE_WIDTH = 250;
 export declare const DEFAULT_IMAGE_HEIGHT = 200;
@@ -27,6 +27,5 @@ export interface Props {
     hasFallbackContainer?: boolean;
     handleMediaSingleRef?: React.RefObject<HTMLDivElement>;
 }
-export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export type { MediaSingleWidthType, MediaSingleSize };
 export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, size, className, children: propsChildren, nodeType, fullWidthMode, lineLength: editorWidth, hasFallbackContainer, handleMediaSingleRef, }: Props): jsx.JSX.Element;

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

@@ -31,12 +31,14 @@ export interface MediaSingleWrapperProps {
     mediaSingleWidth?: number;
     width?: number;
     innerRef?: ((elem: HTMLDivElement) => void) | RefObject<HTMLDivElement>;
+    isExtendedResizeExperienceOn?: boolean;
+    isNestedNode?: boolean;
 }
 /**
  * Can't use `.attrs` to handle highly dynamic styles because we are still
  * supporting `styled-components` v1.
  */
-export declare const MediaSingleDimensionHelper: ({ containerWidth, fullWidthMode, isResized, layout, pctWidth, mediaSingleWidth, width, }: MediaSingleWrapperProps) => import("@emotion/react").SerializedStyles;
+export declare const MediaSingleDimensionHelper: ({ containerWidth, fullWidthMode, isResized, layout, pctWidth, mediaSingleWidth, width, isExtendedResizeExperienceOn, isNestedNode, }: MediaSingleWrapperProps) => import("@emotion/react").SerializedStyles;
 export interface MediaWrapperProps {
     paddingBottom?: string;
     height?: number;

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

@@ -1,5 +1,5 @@
 export { default as Caption } from './Caption';
-export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, IMAGE_AND_BORDER_ADJUSTMENT, shouldAddDefaultWrappedWidth, } from './MediaSingle';
+export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, IMAGE_AND_BORDER_ADJUSTMENT, } from './MediaSingle';
 export type { Props as MediaSingleProps, MediaSingleWidthType, MediaSingleSize, } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export type { MediaSingleWrapperProps as MediaSingleDimensionHelperProps } from './MediaSingle/styled';

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

@@ -1,13 +1,12 @@
-import type { Fragment, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { Fragment, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { Command } from '../types';
+import { EditorAnalyticsAPI } from '../analytics';
+import type { Command, Predicate } from '../types';
 export type WalkNode = {
     $pos: ResolvedPos;
     foundNode: boolean;
 };
-type Predicate = (state: EditorState, view?: EditorView) => boolean;
-declare const filter: (predicates: Predicate[] | Predicate, cmd: Command) => Command;
+export declare const filter: (predicates: Predicate[] | Predicate, cmd: Command) => Command;
 /**
  * Walk forwards from a position until we encounter the (inside) start of
  * the next node, or reach the end of the document.
@@ -22,6 +21,13 @@ export declare const walkNextNode: ($startPos: ResolvedPos) => WalkNode;
  * @param $startPos Position to start walking from.
  */
 export declare const walkPrevNode: ($startPos: ResolvedPos) => WalkNode;
+export declare function insertNewLine(): Command;
+export declare const insertNewLineWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const createNewParagraphAbove: Command;
+export declare const createNewParagraphBelow: Command;
+export declare function createParagraphNear(append?: boolean): Command;
+export declare function atTheEndOfDoc(state: EditorState): boolean;
+export declare function atTheBeginningOfDoc(state: EditorState): boolean;
 /**
  * If the selection is empty, is inside a paragraph node and `canNextNodeMoveUp` is true then delete current paragraph
  * and move the node below it up. The selection will be retained, to be placed in the moved node.

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

@@ -1,5 +1,5 @@
-import { Node, NodeType, Slice } from '@atlaskit/editor-prosemirror/model';
-import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { MarkType, Node, NodeType, Slice } from '@atlaskit/editor-prosemirror/model';
+import { EditorState, Selection, TextSelection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { Step } from '@atlaskit/editor-prosemirror/transform';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 /**
@@ -27,3 +27,8 @@ export declare function setTextSelection(view: EditorView, anchor: number, head?
 export declare function nonNullable<T>(value: T): value is NonNullable<T>;
 export declare const isValidPosition: (pos: number | undefined, state: EditorState) => boolean;
 export declare const isInLayoutColumn: (state: EditorState) => boolean;
+export declare function filterChildrenBetween(doc: Node, from: number, to: number, predicate: (node: Node, pos: number, parent: Node | null) => boolean | undefined): {
+    node: Node;
+    pos: number;
+}[];
+export declare const removeBlockMarks: (state: EditorState, marks: Array<MarkType | undefined>) => Transaction | undefined;

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, isInLayoutColumn, } from './editor-core-utils';
+export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween, } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus, } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, } from './breakout';
@@ -52,10 +52,10 @@ export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLink
 export declare const pmHistoryPluginKey = "history$";
 export { gridTypeForLayout } from './grid';
 export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, } from './document';
-export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, } from './rich-media-utils';
+export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts, } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
-export { filterCommand, walkPrevNode, walkNextNode, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, } from './commands';
+export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode, } from './commands';
 export type { WalkNode } from './commands';
 export declare function shallowEqual(obj1?: any, obj2?: any): boolean;
-export { inputRuleWithAnalytics } from './input-rules';
+export { inputRuleWithAnalytics, createWrappingJoinRule, createRule, } from './input-rules';

package/dist/types-ts4.5/utils/input-rules.d.ts

@@ -1,7 +1,15 @@
-import type { EditorState } from 'prosemirror-state';
-import type { EditorAnalyticsAPI } from '../analytics';
-import type { AnalyticsEventPayload } from '../analytics/types';
-import type { InputRuleWrapper } from '../types/input-rules';
+import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type AnalyticsEventPayload, type EditorAnalyticsAPI, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST } from '../analytics';
+import { InputRuleHandler, InputRuleWrapper } from '../types';
 type GetPayload = AnalyticsEventPayload | ((state: EditorState, matchResult: RegExpExecArray) => AnalyticsEventPayload);
 export declare const inputRuleWithAnalytics: (getPayload: GetPayload, analyticsApi: EditorAnalyticsAPI | undefined) => (originalRule: InputRuleWrapper) => InputRuleWrapper;
+type WrappingRuleProps = {
+    match: RegExp;
+    nodeType: NodeType;
+    getAttrs?: Record<string, any> | ((matchResult: RegExpExecArray) => Record<string, any>);
+    joinPredicate?: (matchResult: RegExpExecArray, node: PMNode, joinScenario: JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST) => boolean;
+};
+export declare const createWrappingJoinRule: ({ match, nodeType, getAttrs, joinPredicate, }: WrappingRuleProps) => InputRuleWrapper;
+export declare const createRule: (match: RegExp, handler: InputRuleHandler) => InputRuleWrapper;
 export {};

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

@@ -1,6 +1,7 @@
 import { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { SnapPointsProps } from '../types';
+export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export declare const nonWrappedLayouts: RichMediaLayout[];
 export declare const floatingLayouts: string[];
 export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.32.1",
+  "version": "74.34.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -110,7 +110,7 @@
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/task-decision": "^17.7.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.13.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
@@ -131,7 +131,8 @@
     "raf-schd": "^4.0.3",
     "re-resizable": "6.0.0",
     "react-loadable": "^5.1.0",
-    "rusha": "^0.8.13"
+    "rusha": "^0.8.13",
+    "w3c-keyname": "^2.1.0"
   },
   "peerDependencies": {
     "@atlaskit/media-core": "^34.1.2",
@@ -191,6 +192,9 @@
     "platform.linking-platform.datasource-jira_issues": {
       "type": "boolean"
     },
+    "platform.editor.media.extended-resize-experience": {
+      "type": "boolean"
+    },
     "platform.linking-platform.datasource-assets_objects": {
       "type": "boolean"
     }