@atlaskit/editor-common 103.5.0 → 103.7.0

package/dist/esm/resizer/Resizer.js

@@ -2,14 +2,26 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "snap", "snapGap", "isHandleVisible", "handleHighlight", "handleTooltipContent", "needExtendedResizeZone", "childrenDOMRef"];
+var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "snap", "snapGap", "isHandleVisible", "handleHighlight", "handleTooltipContent", "needExtendedResizeZone", "childrenDOMRef", "labelComponent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
+import { Box, xcss } from '@atlaskit/primitives';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { handleWrapperClass, resizerDangerClassName, resizerExtendedZone, resizerHandleClassName, resizerHandleThumbClassName, resizerHandleTrackClassName, resizerHandleZIndex, resizerHoverZoneClassName, resizerItemClassName } from '../styles/shared/resizer';
+var resizerLabelStyles = xcss({
+  position: 'absolute',
+  bottom: "var(--ds-space-negative-400, -32px)",
+  width: '100%',
+  overflow: 'visible',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  height: "var(--ds-space-0, 0px)"
+});
 var SUPPORTED_HANDLES = ['left', 'right'];
 var inheritedCSS = {
   position: 'inherit',
@@ -61,6 +73,7 @@ var ResizerNext = function ResizerNext(props, ref) {
     _props$needExtendedRe = props.needExtendedResizeZone,
     needExtendedResizeZone = _props$needExtendedRe === void 0 ? true : _props$needExtendedRe,
     childrenDOMRef = props.childrenDOMRef,
+    labelComponent = props.labelComponent,
     otherProps = _objectWithoutProperties(props, _excluded);
   var onResizeStart = useCallback(function (event) {
     // prevent creating a drag event on Firefox
@@ -199,6 +212,8 @@ var ResizerNext = function ResizerNext(props, ref) {
     ref: function ref(_ref) {
       return childrenDOMRef && childrenDOMRef(_ref);
     }
-  }, children));
+  }, children), labelComponent && editorExperiment('single_column_layouts', true) && /*#__PURE__*/React.createElement(Box, {
+    xcss: resizerLabelStyles
+  }, labelComponent));
 };
 export default /*#__PURE__*/forwardRef(ResizerNext);

package/dist/esm/resizer/ResizerBreakoutModeLabel.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { Box, Inline, xcss } from '@atlaskit/primitives';
+import { breakoutMessages as messages } from '../messages';
+var fullWidthLabelWrapperStyles = xcss({
+  height: "var(--ds-space-400, 32px)",
+  display: 'flex',
+  backgroundColor: 'elevation.surface.overlay',
+  borderRadius: 'border.radius',
+  boxShadow: 'elevation.shadow.overlay',
+  boxSizing: 'border-box',
+  alignItems: 'center'
+});
+var fullWidthLabelStyles = xcss({
+  marginLeft: 'space.100',
+  marginRight: 'space.100',
+  paddingLeft: 'space.075',
+  paddingRight: 'space.075',
+  paddingTop: 'space.050',
+  paddingBottom: 'space.050'
+});
+export var ResizerBreakoutModeLabel = function ResizerBreakoutModeLabel(_ref) {
+  var breaktoutLayout = _ref.layout;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var message = React.useMemo(function () {
+    switch (breaktoutLayout) {
+      case 'full-width':
+        return formatMessage(messages.fullWidthLabel);
+      case 'wide':
+        return formatMessage(messages.wideWidthLabel);
+      default:
+        return null;
+    }
+  }, [breaktoutLayout, formatMessage]);
+  return message && /*#__PURE__*/React.createElement(Box, {
+    xcss: fullWidthLabelWrapperStyles
+  }, /*#__PURE__*/React.createElement(Inline, {
+    xcss: fullWidthLabelStyles
+  }, message));
+};

package/dist/esm/resizer/index.js

@@ -3,4 +3,5 @@
 
 export { default as ResizerNext } from './Resizer';
 export { BreakoutResizer, ignoreResizerMutations } from './BreakoutResizer';
-export { useBreakoutGuidelines } from './useBreakoutGuidelines';
+export { useBreakoutGuidelines } from './useBreakoutGuidelines';
+export { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';

package/dist/esm/styles/index.js

@@ -3,7 +3,7 @@
 
 export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
-export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl } from './shared/table';
+export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, tableControlsSpacing, tablePadding } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles } from './shared/annotation';
 export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from './shared/media-single';

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

@@ -17,6 +17,8 @@ export var tableNewColumnMinWidth = 140;
 export var tableCellBorderWidth = 1;
 export var tableCellPadding = 8;
 export var tableResizeHandleWidth = 6;
+export var tablePadding = 8;
+export var tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
 export var TableSharedCssClassName = {
   TABLE_CONTAINER: "".concat(tablePrefixSelector, "-container"),
   TABLE_NODE_WRAPPER: "".concat(tablePrefixSelector, "-wrapper"),

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 = "103.5.0";
+var packageVersion = "103.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -419,6 +419,7 @@ export declare enum ACTION_SUBJECT_ID {
     PICKER_MEDIA = "mediaPicker",
     PICKER_COLOR = "colorPicker",
     PICKER_EMOJI = "emojiPicker",
+    DOCKED_PRIMARY_TOOLBAR = "dockedPrimaryToolbar",
     PLACEHOLDER_TEXT = "placeholderText",
     POST_QUERY_SEARCH_RESULTS = "postQuerySearchResults",
     PRE_QUERY_SEARCH_RESULTS = "preQuerySearchResults",

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

@@ -144,6 +144,7 @@ type PickerMediaInsertClosedAEP = PickerClosedAEP<ACTION_SUBJECT_ID.PICKER_MEDIA
     exitMethod: INPUT_METHOD.KEYBOARD | INPUT_METHOD.MOUSE;
 }>;
 type PickerMediaInsertCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.PICKER, ACTION_SUBJECT_ID.PICKER_MEDIA, undefined, undefined>;
+type DockedPrimaryToolbarRenderedAEP = UIAEP<ACTION.RENDERED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.DOCKED_PRIMARY_TOOLBAR, undefined, undefined>;
 type HelpQuickInsertAEP = UIAEP<ACTION.HELP_OPENED, ACTION_SUBJECT.HELP, ACTION_SUBJECT_ID.HELP_QUICK_INSERT, {
     inputMethod: INPUT_METHOD.QUICK_INSERT;
 }, undefined>;
@@ -208,5 +209,5 @@ type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR
     extensionType?: string;
     isLivePage?: boolean;
 }>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP;
 export {};

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

@@ -18,5 +18,5 @@ export type IconMap = Array<LayoutIcon | {
 export declare const alignmentIcons: LayoutIcon[];
 export declare const wrappingIcons: LayoutIcon[];
 export declare const layoutToMessages: Record<string, any>;
-declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean) => FloatingToolbarItem<Command>[];
+declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean, allowPixelResizing?: boolean) => FloatingToolbarItem<Command>[];
 export default buildLayoutButtons;

package/dist/types/i18n/da.d.ts

@@ -326,6 +326,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/de.d.ts

@@ -704,6 +704,7 @@ declare const _default: {
     'fabric.editor.toolbarLabel': string;
     'fabric.editor.toolbarMediaTitle': string;
     'fabric.editor.toolbarPositionFixedAtTop': string;
+    'fabric.editor.toolbarPositionInline': string;
     'fabric.editor.tooltip.blockPanel': string;
     'fabric.editor.tooltip.bulletList': string;
     'fabric.editor.tooltip.decisionList': string;

package/dist/types/i18n/hu.d.ts

@@ -325,6 +325,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/ja.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/ko.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/nb.d.ts

@@ -326,6 +326,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -325,6 +325,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/ru.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/th.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/uk.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/vi.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/zh.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types/messages/breakout.d.ts

@@ -0,0 +1,12 @@
+export declare const messages: {
+    fullWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    wideWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -1,5 +1,6 @@
 export { alignmentMessages } from './alignment';
 export { annotationMessages } from './annotation';
+export { messages as breakoutMessages } from './breakout';
 export { messages as blockTypeMessages } from './block-type';
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';

package/dist/types/resizer/BreakoutResizer.d.ts

@@ -8,22 +8,24 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
     type: 'selection';
     target: Node;
 }) => boolean;
+type BreakoutResizerProps = {
+    editorView: EditorView;
+    nodeType: BreakoutSupportedNodes;
+    getPos: getPosHandlerNode;
+    getRef?: (ref: HTMLElement | null) => void;
+    disabled?: boolean;
+    getEditorWidth: () => EditorContainerWidth | undefined;
+    parentRef?: HTMLElement;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    displayGuidelines?: (guidelines: GuidelineConfig[]) => void;
+    displayGapCursor: (toggle: boolean) => boolean;
+    onResizeStart?: () => void;
+};
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
  * correct ADF support.
  *
  * use experiment platform_editor_advanced_layouts
  */
-declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, }: {
-    editorView: EditorView;
-    nodeType: BreakoutSupportedNodes;
-    getPos: getPosHandlerNode;
-    getRef?: ((ref: HTMLElement | null) => void) | undefined;
-    disabled?: boolean | undefined;
-    getEditorWidth: () => EditorContainerWidth | undefined;
-    parentRef?: HTMLElement | undefined;
-    editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
-    displayGuidelines?: ((guidelines: GuidelineConfig[]) => void) | undefined;
-    displayGapCursor: (toggle: boolean) => boolean;
-}) => React.JSX.Element;
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, }: BreakoutResizerProps) => React.JSX.Element;
 export { BreakoutResizer };

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

@@ -63,6 +63,11 @@ export type ResizerProps = {
      * Access to the inner most element which wraps passed children
      */
     childrenDOMRef?: (ref: HTMLElement | null) => void;
+    /**
+     * Children of the component, this is going to be display below the resizer
+     * useful for displaying a label such as size or layout
+     */
+    labelComponent?: React.ReactNode;
 };
 type forwardRefType = {
     getResizerThumbEl: () => HTMLButtonElement | null;

package/dist/types/resizer/ResizerBreakoutModeLabel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BreakoutMode } from '../types';
+type props = {
+    layout: BreakoutMode;
+};
+export declare const ResizerBreakoutModeLabel: ({ layout: breaktoutLayout }: props) => "" | React.JSX.Element | null;
+export {};

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

@@ -2,3 +2,4 @@ export { default as ResizerNext } from './Resizer';
 export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';
 export { BreakoutResizer, ignoreResizerMutations } from './BreakoutResizer';
 export { useBreakoutGuidelines } from './useBreakoutGuidelines';
+export { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';

package/dist/types/resizer/useBreakoutGuidelines.d.ts

@@ -1,10 +1,10 @@
 import type { GuidelineConfig } from '../guideline';
-import type { EditorContainerWidth } from '../types';
+import type { BreakoutMode, EditorContainerWidth } from '../types';
 import type { Snap } from './types';
 export declare const SNAP_GAP = 8;
 export declare function useBreakoutGuidelines(getEditorWidth: () => EditorContainerWidth | undefined, isResizing: boolean): {
     snaps: Snap | null;
-    currentLayout: "wide" | "full-width" | "center" | null;
+    currentLayout: BreakoutMode | null;
     guidelines: GuidelineConfig[];
     setCurrentWidth: (newWidth: number | null) => void;
 };

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

@@ -1,6 +1,6 @@
 export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
-export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
+export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, tableControlsSpacing, tablePadding, } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
 export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName, } from './shared/media-single';

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

@@ -8,6 +8,8 @@ export declare const tableNewColumnMinWidth = 140;
 export declare const tableCellBorderWidth = 1;
 export declare const tableCellPadding = 8;
 export declare const tableResizeHandleWidth = 6;
+export declare const tablePadding = 8;
+export declare const tableControlsSpacing: number;
 export declare const TableSharedCssClassName: {
     readonly TABLE_CONTAINER: "pm-table-container";
     readonly TABLE_NODE_WRAPPER: "pm-table-wrapper";

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

@@ -419,6 +419,7 @@ export declare enum ACTION_SUBJECT_ID {
     PICKER_MEDIA = "mediaPicker",
     PICKER_COLOR = "colorPicker",
     PICKER_EMOJI = "emojiPicker",
+    DOCKED_PRIMARY_TOOLBAR = "dockedPrimaryToolbar",
     PLACEHOLDER_TEXT = "placeholderText",
     POST_QUERY_SEARCH_RESULTS = "postQuerySearchResults",
     PRE_QUERY_SEARCH_RESULTS = "preQuerySearchResults",

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

@@ -144,6 +144,7 @@ type PickerMediaInsertClosedAEP = PickerClosedAEP<ACTION_SUBJECT_ID.PICKER_MEDIA
     exitMethod: INPUT_METHOD.KEYBOARD | INPUT_METHOD.MOUSE;
 }>;
 type PickerMediaInsertCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.PICKER, ACTION_SUBJECT_ID.PICKER_MEDIA, undefined, undefined>;
+type DockedPrimaryToolbarRenderedAEP = UIAEP<ACTION.RENDERED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.DOCKED_PRIMARY_TOOLBAR, undefined, undefined>;
 type HelpQuickInsertAEP = UIAEP<ACTION.HELP_OPENED, ACTION_SUBJECT.HELP, ACTION_SUBJECT_ID.HELP_QUICK_INSERT, {
     inputMethod: INPUT_METHOD.QUICK_INSERT;
 }, undefined>;
@@ -208,5 +209,5 @@ type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR
     extensionType?: string;
     isLivePage?: boolean;
 }>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP;
 export {};

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

@@ -18,5 +18,5 @@ export type IconMap = Array<LayoutIcon | {
 export declare const alignmentIcons: LayoutIcon[];
 export declare const wrappingIcons: LayoutIcon[];
 export declare const layoutToMessages: Record<string, any>;
-declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean) => FloatingToolbarItem<Command>[];
+declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean, allowPixelResizing?: boolean) => FloatingToolbarItem<Command>[];
 export default buildLayoutButtons;

package/dist/types-ts4.5/i18n/da.d.ts

@@ -326,6 +326,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/de.d.ts

@@ -704,6 +704,7 @@ declare const _default: {
     'fabric.editor.toolbarLabel': string;
     'fabric.editor.toolbarMediaTitle': string;
     'fabric.editor.toolbarPositionFixedAtTop': string;
+    'fabric.editor.toolbarPositionInline': string;
     'fabric.editor.tooltip.blockPanel': string;
     'fabric.editor.tooltip.bulletList': string;
     'fabric.editor.tooltip.decisionList': string;

package/dist/types-ts4.5/i18n/hu.d.ts

@@ -325,6 +325,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/ja.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/ko.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/nb.d.ts

@@ -326,6 +326,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/pt_BR.d.ts

@@ -325,6 +325,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/ru.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/th.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/uk.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/vi.d.ts

@@ -312,6 +312,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/zh.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/i18n/zh_TW.d.ts

@@ -327,6 +327,7 @@ declare const _default: {
     'fabric.editor.datasourceTitle': string;
     'fabric.editor.date': string;
     'fabric.editor.date.description': string;
+    'fabric.editor.datePickerOpenedAlert': string;
     'fabric.editor.decision': string;
     'fabric.editor.decision.description': string;
     'fabric.editor.decisionPlaceholder': string;

package/dist/types-ts4.5/messages/breakout.d.ts

@@ -0,0 +1,12 @@
+export declare const messages: {
+    fullWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    wideWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -1,5 +1,6 @@
 export { alignmentMessages } from './alignment';
 export { annotationMessages } from './annotation';
+export { messages as breakoutMessages } from './breakout';
 export { messages as blockTypeMessages } from './block-type';
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';