@atlaskit/editor-common 103.5.0 → 103.7.0

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "103.5.0",
+	"version": "103.7.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -136,9 +136,9 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.0.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/icon-object": "^7.0.0",
-		"@atlaskit/link-datasource": "^4.2.0",
+		"@atlaskit/link-datasource": "^4.3.0",
 		"@atlaskit/link-picker": "^3.2.0",
 		"@atlaskit/media-card": "^79.0.0",
 		"@atlaskit/media-client": "^32.0.0",
@@ -156,12 +156,12 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/profilecard": "^23.7.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^36.5.0",
+		"@atlaskit/smart-card": "^36.6.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.6.0",
+		"@atlaskit/tmp-editor-statsig": "^4.8.0",
 		"@atlaskit/tokens": "^4.7.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -239,9 +239,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_editor_media_extended_resize_experience": {
-			"type": "boolean"
-		},
 		"linking_platform_datasource_assets_objects": {
 			"type": "boolean"
 		},