@atlaskit/editor-common 74.1.2 → 74.2.0

package/dist/esm/styles/shared/resizer.js

@@ -15,4 +15,12 @@ export var resizerHandleLeftClassName = 'resizer-handle-left';
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export var resizerHandlePadding = 13;
 export var resizerHandleZIndex = 99;
-export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(B200, ")"));
+export var resizerHandlerSmallClassName = 'resizer-handler-small';
+export var resizerHandlerMediumClassName = 'resizer-handler-medium';
+export var resizerHandlerLargeClassName = 'resizer-handler-large';
+export var resizerHandlerClassName = {
+  small: resizerHandlerSmallClassName,
+  medium: resizerHandlerMediumClassName,
+  large: resizerHandlerLargeClassName
+};
+export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 64px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 43px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 96px;\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandlerClassName.medium, resizerHandleLeftClassName, resizerHandlerClassName.medium, resizerHandleRightClassName, resizerHandlerClassName.small, resizerHandleLeftClassName, resizerHandlerClassName.small, resizerHandleRightClassName, resizerHandlerClassName.large, resizerHandleLeftClassName, resizerHandlerClassName.large);

package/dist/esm/ui/ContextPanel/context.js

@@ -0,0 +1,79 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import React from 'react';
+
+// React context to communicate the active context panel width up and down the tree.
+//
+// We need the width prop from the ContextPanel component.
+//
+// However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
+// For example, in the template context panel storybook, we wrap it in 2 higher order components.
+//
+// Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
+//
+// To subtract the context panel width from the available real estate, we use the Provider and Consumer.
+//
+// positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
+// able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
+// panel
+export var ContextPanel = /*#__PURE__*/React.createContext({
+  width: 0,
+  positionedOverEditor: false,
+  broadcastWidth: function broadcastWidth() {},
+  broadcastPosition: function broadcastPosition() {}
+});
+export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(ContextPanelWidthProvider, _React$Component);
+  var _super = _createSuper(ContextPanelWidthProvider);
+  function ContextPanelWidthProvider(props) {
+    var _this;
+    _classCallCheck(this, ContextPanelWidthProvider);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      width: 0,
+      positionedOverEditor: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "broadcastSidebarWidth", function (width) {
+      if (width !== _this.state.width) {
+        _this.setState({
+          width: width
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "broadcastPosition", function (positionedOverEditor) {
+      if (positionedOverEditor !== _this.state.positionedOverEditor) {
+        _this.setState({
+          positionedOverEditor: positionedOverEditor
+        });
+      }
+    });
+    return _this;
+  }
+  _createClass(ContextPanelWidthProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        width = _this$state.width,
+        positionedOverEditor = _this$state.positionedOverEditor;
+      return /*#__PURE__*/React.createElement(Provider, {
+        value: {
+          width: width,
+          positionedOverEditor: positionedOverEditor,
+          broadcastWidth: this.broadcastSidebarWidth,
+          broadcastPosition: this.broadcastPosition
+        }
+      }, this.props.children);
+    }
+  }]);
+  return ContextPanelWidthProvider;
+}(React.Component);
+var Provider = ContextPanel.Provider,
+  Consumer = ContextPanel.Consumer;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.1.2";
+var packageVersion = "74.2.0";
 var halfFocusRing = 1;
 // TODO: Migrate away from gridSize
 // Recommendation: Replace gridSize with token('space.100', '8px') after verfiying Popper can accept this

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

@@ -1,13 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
 import { handleSides } from './utils';
 export default function ResizerNext(props) {
   var resizable = React.useRef(null);
   var handleResize = props.handleResize,
     handleResizeStart = props.handleResizeStart,
-    handleResizeStop = props.handleResizeStop;
+    handleResizeStop = props.handleResizeStop,
+    _props$handlerHeightS = props.handlerHeightSize,
+    handlerHeightSize = _props$handlerHeightS === void 0 ? 'medium' : _props$handlerHeightS;
   var onResizeStart = React.useCallback(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -50,6 +52,11 @@ export default function ResizerNext(props) {
       right: resizerHandleRightClassName
     };
   }
+
+  // add handler height size classname to handleClasses
+  Object.keys(handles).forEach(function (key) {
+    handles[key] = classnames(handles[key], resizerHandlerClassName[handlerHeightSize]);
+  });
   var innerPadding = props.innerPadding || resizerHandlePadding;
   var handleStyles = {
     left: {

package/dist/esm/ui/index.js

@@ -17,4 +17,5 @@ export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';
 export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';
-export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel } from './ContextPanel/context';

package/dist/esm/utils/grid.js

@@ -0,0 +1,3 @@
+export var gridTypeForLayout = function gridTypeForLayout(layout) {
+  return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
+};

package/dist/esm/utils/index.js

@@ -38,4 +38,5 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent } from './hyperlink';
 
 // prosemirror-history does not export its plugin key
-export var pmHistoryPluginKey = 'history$';
+export var pmHistoryPluginKey = 'history$';
+export { gridTypeForLayout } from './grid';

package/dist/esm/utils/validator.js

@@ -656,7 +656,8 @@ export var getValidNode = function getValidNode(originalNode) {
                 type: type,
                 content: content,
                 attrs: _objectSpread(_objectSpread({}, attrs), {}, {
-                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid()
+                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid(),
+                  width: (attrs === null || attrs === void 0 ? void 0 : attrs.width) || null
                 })
               };
             }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.1.2",
+	"version": "74.2.0",
 	"sideEffects": false
 }

package/dist/types/analytics/types/events.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { EditorState, PluginKey } from 'prosemirror-state';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { NewCollabSyncUpErrorAttributes } from '../../types';
+import type { NewCollabSyncUpErrorAttributes } from '@atlaskit/collab-provider/types';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import type { AvatarEventPayload } from './avatar';
 import type { ConfigPanelEventPayload } from './config-panel-events';

package/dist/types/provider-factory/types.d.ts

@@ -1,8 +1,8 @@
 import { ActivityProvider } from '@atlaskit/activity-provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import type { EmojiProvider } from '@atlaskit/emoji/types';
 import { MentionProvider } from '@atlaskit/mention/types';
 import { TaskDecisionProvider } from '@atlaskit/task-decision/types';
-import { CollabEditProvider } from '../collab/types';
 import { ExtensionProvider } from '../extensions/types';
 import { AutoformattingProvider } from './autoformatting-provider';
 import { CardProvider } from './card-provider';

package/dist/types/resizer.d.ts

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

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

@@ -23,3 +23,4 @@ export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafa
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';

package/dist/types/styles/shared/grid.d.ts

@@ -0,0 +1,2 @@
+export declare const GRID_GUTTER = 12;
+export declare const gridStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/resizer.d.ts

@@ -3,4 +3,12 @@ export declare const resizerHandleRightClassName = "resizer-handle-right";
 export declare const resizerHandleLeftClassName = "resizer-handle-left";
 export declare const resizerHandlePadding = 13;
 export declare const resizerHandleZIndex = 99;
+export declare const resizerHandlerSmallClassName = "resizer-handler-small";
+export declare const resizerHandlerMediumClassName = "resizer-handler-medium";
+export declare const resizerHandlerLargeClassName = "resizer-handler-large";
+export declare const resizerHandlerClassName: {
+    small: string;
+    medium: string;
+    large: string;
+};
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;

package/dist/types/types/editor-actions.d.ts

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider/types';
 import { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import { ResolvedEditorState } from '../collab';
 import { EventDispatcher } from '../event-dispatcher';
 export type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
 export type ReplaceRawValue = Node | object | string;

package/dist/types/types/grid.d.ts

@@ -0,0 +1 @@
+export type GridType = 'full' | 'wrapped';

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

@@ -12,7 +12,6 @@ export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export type { AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './annotation';
 export type { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue, } from './editor-actions';
 export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, } from './type-ahead';
-export type { NewCollabSyncUpErrorAttributes, SyncUpErrorFunction, } from './collab';
 export type { CommandDispatch, Command, HigherOrderCommand } from './command';
 export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags, } from './feature-flags';
 export type { Browsers, Range, DisableSpellcheckByBrowser, } from './supported-browsers';
@@ -29,8 +28,9 @@ 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, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, } from './next-editor-plugin';
 export type IconProps = {
     label?: string;
 };
 export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, NodeViewTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
+export type { GridType } from './grid';

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

@@ -32,6 +32,11 @@ export type PluginInjectionAPI<Name extends string, Metadata extends NextEditorP
         ...ExtractPluginDependenciesFromMetadata<Metadata>
     ]>;
 };
+export type PluginInjectionAPIWithDependency<Plugin> = Plugin extends NextEditorPlugin<infer Name, infer Metadata> ? {
+    dependencies: CreatePluginDependenciesAPI<[
+        NextEditorPlugin<Name, Metadata>
+    ]>;
+} : never;
 type NextEditorPluginFunctionDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration> = (config: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type NextEditorPluginFunctionOptionalConfigDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration = undefined> = (config?: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type OptionalPrivateProperty = {

package/dist/types/ui/ContextPanel/context.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type ContextPanelContext = {
+    width: number;
+    positionedOverEditor: boolean;
+    broadcastWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+};
+export declare const ContextPanel: React.Context<ContextPanelContext>;
+export type ContextPanelProviderState = {
+    width?: number;
+    positionedOverEditor?: boolean;
+};
+export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
+    state: {
+        width: number;
+        positionedOverEditor: boolean;
+    };
+    constructor(props: any);
+    broadcastSidebarWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+    render(): JSX.Element;
+}
+declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/types/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" | "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" | "isOpen" | "shouldFitContainer" | "onPositioned" | "onOpenChange"> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleResize } from './types';
+import { EnabledHandles, HandleResize, HandlerHeightSizeType } from './types';
 export interface ResizableNumberSize {
     width: number;
     height: number;
@@ -18,5 +18,6 @@ export type ResizerProps = {
     maxWidth?: number;
     handleWrapperStyle?: React.CSSProperties;
     handleComponent?: HandleComponent;
+    handlerHeightSize?: HandlerHeightSizeType;
 };
 export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

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

@@ -16,3 +16,4 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
+export type HandlerHeightSizeType = 'small' | 'medium' | 'large';

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

@@ -26,3 +26,4 @@ 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 { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel, } from './ContextPanel/context';

package/dist/types/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?: "none" | "default" | "compact" | undefined;
+    spacing?: "default" | "none" | "compact" | undefined;
     target?: string | undefined;
     title?: React.ReactNode;
     titlePosition?: PositionType | undefined;

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

@@ -0,0 +1,3 @@
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { GridType } from '../types';
+export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;

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

@@ -49,3 +49,4 @@ export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName,
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, isListNode, isParagraphNode, isListItemNode, isBulletList, } from './list';
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
+export { gridTypeForLayout } from './grid';

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { EditorState, PluginKey } from 'prosemirror-state';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { NewCollabSyncUpErrorAttributes } from '../../types';
+import type { NewCollabSyncUpErrorAttributes } from '@atlaskit/collab-provider/types';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import type { AvatarEventPayload } from './avatar';
 import type { ConfigPanelEventPayload } from './config-panel-events';

package/dist/types-ts4.5/provider-factory/types.d.ts

@@ -1,8 +1,8 @@
 import { ActivityProvider } from '@atlaskit/activity-provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import type { EmojiProvider } from '@atlaskit/emoji/types';
 import { MentionProvider } from '@atlaskit/mention/types';
 import { TaskDecisionProvider } from '@atlaskit/task-decision/types';
-import { CollabEditProvider } from '../collab/types';
 import { ExtensionProvider } from '../extensions/types';
 import { AutoformattingProvider } from './autoformatting-provider';
 import { CardProvider } from './card-provider';

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

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

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

@@ -23,3 +23,4 @@ export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafa
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';

package/dist/types-ts4.5/styles/shared/grid.d.ts

@@ -0,0 +1,2 @@
+export declare const GRID_GUTTER = 12;
+export declare const gridStyles: import("@emotion/react").SerializedStyles;

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

@@ -3,4 +3,12 @@ export declare const resizerHandleRightClassName = "resizer-handle-right";
 export declare const resizerHandleLeftClassName = "resizer-handle-left";
 export declare const resizerHandlePadding = 13;
 export declare const resizerHandleZIndex = 99;
+export declare const resizerHandlerSmallClassName = "resizer-handler-small";
+export declare const resizerHandlerMediumClassName = "resizer-handler-medium";
+export declare const resizerHandlerLargeClassName = "resizer-handler-large";
+export declare const resizerHandlerClassName: {
+    small: string;
+    medium: string;
+    large: string;
+};
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/types/editor-actions.d.ts

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider/types';
 import { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import { ResolvedEditorState } from '../collab';
 import { EventDispatcher } from '../event-dispatcher';
 export type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
 export type ReplaceRawValue = Node | object | string;

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

@@ -0,0 +1 @@
+export type GridType = 'full' | 'wrapped';

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

@@ -12,7 +12,6 @@ export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export type { AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './annotation';
 export type { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue, } from './editor-actions';
 export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, } from './type-ahead';
-export type { NewCollabSyncUpErrorAttributes, SyncUpErrorFunction, } from './collab';
 export type { CommandDispatch, Command, HigherOrderCommand } from './command';
 export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags, } from './feature-flags';
 export type { Browsers, Range, DisableSpellcheckByBrowser, } from './supported-browsers';
@@ -29,8 +28,9 @@ 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, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, } from './next-editor-plugin';
 export type IconProps = {
     label?: string;
 };
 export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, NodeViewTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
+export type { GridType } from './grid';

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

@@ -32,6 +32,11 @@ export type PluginInjectionAPI<Name extends string, Metadata extends NextEditorP
         ...ExtractPluginDependenciesFromMetadata<Metadata>
     ]>;
 };
+export type PluginInjectionAPIWithDependency<Plugin> = Plugin extends NextEditorPlugin<infer Name, infer Metadata> ? {
+    dependencies: CreatePluginDependenciesAPI<[
+        NextEditorPlugin<Name, Metadata>
+    ]>;
+} : never;
 type NextEditorPluginFunctionDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration> = (config: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type NextEditorPluginFunctionOptionalConfigDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration = undefined> = (config?: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type OptionalPrivateProperty = {

package/dist/types-ts4.5/ui/ContextPanel/context.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type ContextPanelContext = {
+    width: number;
+    positionedOverEditor: boolean;
+    broadcastWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+};
+export declare const ContextPanel: React.Context<ContextPanelContext>;
+export type ContextPanelProviderState = {
+    width?: number;
+    positionedOverEditor?: boolean;
+};
+export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
+    state: {
+        width: number;
+        positionedOverEditor: boolean;
+    };
+    constructor(props: any);
+    broadcastSidebarWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+    render(): JSX.Element;
+}
+declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

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

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleResize } from './types';
+import { EnabledHandles, HandleResize, HandlerHeightSizeType } from './types';
 export interface ResizableNumberSize {
     width: number;
     height: number;
@@ -18,5 +18,6 @@ export type ResizerProps = {
     maxWidth?: number;
     handleWrapperStyle?: React.CSSProperties;
     handleComponent?: HandleComponent;
+    handlerHeightSize?: HandlerHeightSizeType;
 };
 export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

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

@@ -16,3 +16,4 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
+export type HandlerHeightSizeType = 'small' | 'medium' | 'large';

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

@@ -26,3 +26,4 @@ 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 { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel, } from './ContextPanel/context';

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?: "none" | "default" | "compact" | undefined;
+    spacing?: "default" | "none" | "compact" | undefined;
     target?: string | undefined;
     title?: React.ReactNode;
     titlePosition?: PositionType | undefined;

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

@@ -0,0 +1,3 @@
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { GridType } from '../types';
+export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;

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

@@ -49,3 +49,4 @@ export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName,
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, isListNode, isParagraphNode, isListItemNode, isBulletList, } from './list';
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
+export { gridTypeForLayout } from './grid';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.1.2",
+  "version": "74.2.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,6 @@
     "releaseModel": "scheduled"
   },
   "af:exports": {
-    "./collab": "./src/collab.ts",
     "./event-dispatcher": "./src/event-dispatcher/index.ts",
     "./extensions": "./src/extensions.ts",
     "./normalize-feature-flags": "./src/normalize-feature-flags.ts",
@@ -71,7 +70,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
-    "@atlaskit/adf-schema": "^25.6.0",
+    "@atlaskit/adf-schema": "^25.7.0",
     "@atlaskit/adf-utils": "^18.2.0",
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
@@ -80,13 +79,14 @@
     "@atlaskit/button": "^16.7.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/codemod-utils": "^4.2.0",
+    "@atlaskit/collab-provider": "^9.0.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-palette": "1.4.2",
     "@atlaskit/editor-shared-styles": "^2.4.0",
     "@atlaskit/emoji": "^67.4.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/in-product-testing": "^0.2.0",
-    "@atlaskit/media-card": "^75.0.0",
+    "@atlaskit/media-card": "^76.0.0",
     "@atlaskit/media-client": "^22.0.0",
     "@atlaskit/media-picker": "^65.1.0",
     "@atlaskit/mention": "^22.1.0",
@@ -135,12 +135,14 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-core": "^183.1.0",
+    "@atlaskit/editor-core": "^184.0.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-feature-flags": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^1.4.0",
+    "@atlaskit/editor-plugin-grid": "^0.1.0",
+    "@atlaskit/editor-plugin-table": "^1.5.0",
+    "@atlaskit/editor-plugin-width": "^0.0.1",
     "@atlaskit/editor-test-helpers": "^18.4.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/util-data-test": "^17.8.0",