@atlaskit/editor-common 103.6.0 → 103.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/analytics/types/enums.js +1 -0
  3. package/dist/cjs/i18n/da.js +1 -0
  4. package/dist/cjs/i18n/de.js +1 -0
  5. package/dist/cjs/i18n/hu.js +1 -0
  6. package/dist/cjs/i18n/ja.js +1 -0
  7. package/dist/cjs/i18n/ko.js +1 -0
  8. package/dist/cjs/i18n/nb.js +1 -0
  9. package/dist/cjs/i18n/pt_BR.js +1 -0
  10. package/dist/cjs/i18n/ru.js +1 -0
  11. package/dist/cjs/i18n/th.js +1 -0
  12. package/dist/cjs/i18n/uk.js +1 -0
  13. package/dist/cjs/i18n/vi.js +1 -0
  14. package/dist/cjs/i18n/zh.js +1 -0
  15. package/dist/cjs/i18n/zh_TW.js +1 -0
  16. package/dist/cjs/messages/breakout.js +19 -0
  17. package/dist/cjs/messages/index.js +7 -0
  18. package/dist/cjs/monitoring/error.js +1 -1
  19. package/dist/cjs/resizer/BreakoutResizer.js +9 -4
  20. package/dist/cjs/resizer/Resizer.js +17 -2
  21. package/dist/cjs/resizer/ResizerBreakoutModeLabel.js +48 -0
  22. package/dist/cjs/resizer/index.js +8 -1
  23. package/dist/cjs/styles/index.js +12 -0
  24. package/dist/cjs/styles/shared/table.js +3 -1
  25. package/dist/cjs/ui/DropList/index.js +1 -1
  26. package/dist/es2019/analytics/types/enums.js +1 -0
  27. package/dist/es2019/i18n/da.js +1 -0
  28. package/dist/es2019/i18n/de.js +1 -0
  29. package/dist/es2019/i18n/hu.js +1 -0
  30. package/dist/es2019/i18n/ja.js +1 -0
  31. package/dist/es2019/i18n/ko.js +1 -0
  32. package/dist/es2019/i18n/nb.js +1 -0
  33. package/dist/es2019/i18n/pt_BR.js +1 -0
  34. package/dist/es2019/i18n/ru.js +1 -0
  35. package/dist/es2019/i18n/th.js +1 -0
  36. package/dist/es2019/i18n/uk.js +1 -0
  37. package/dist/es2019/i18n/vi.js +1 -0
  38. package/dist/es2019/i18n/zh.js +1 -0
  39. package/dist/es2019/i18n/zh_TW.js +1 -0
  40. package/dist/es2019/messages/breakout.js +13 -0
  41. package/dist/es2019/messages/index.js +1 -0
  42. package/dist/es2019/monitoring/error.js +1 -1
  43. package/dist/es2019/resizer/BreakoutResizer.js +9 -4
  44. package/dist/es2019/resizer/Resizer.js +16 -1
  45. package/dist/es2019/resizer/ResizerBreakoutModeLabel.js +43 -0
  46. package/dist/es2019/resizer/index.js +2 -1
  47. package/dist/es2019/styles/index.js +1 -1
  48. package/dist/es2019/styles/shared/table.js +2 -0
  49. package/dist/es2019/ui/DropList/index.js +1 -1
  50. package/dist/esm/analytics/types/enums.js +1 -0
  51. package/dist/esm/i18n/da.js +1 -0
  52. package/dist/esm/i18n/de.js +1 -0
  53. package/dist/esm/i18n/hu.js +1 -0
  54. package/dist/esm/i18n/ja.js +1 -0
  55. package/dist/esm/i18n/ko.js +1 -0
  56. package/dist/esm/i18n/nb.js +1 -0
  57. package/dist/esm/i18n/pt_BR.js +1 -0
  58. package/dist/esm/i18n/ru.js +1 -0
  59. package/dist/esm/i18n/th.js +1 -0
  60. package/dist/esm/i18n/uk.js +1 -0
  61. package/dist/esm/i18n/vi.js +1 -0
  62. package/dist/esm/i18n/zh.js +1 -0
  63. package/dist/esm/i18n/zh_TW.js +1 -0
  64. package/dist/esm/messages/breakout.js +13 -0
  65. package/dist/esm/messages/index.js +1 -0
  66. package/dist/esm/monitoring/error.js +1 -1
  67. package/dist/esm/resizer/BreakoutResizer.js +9 -4
  68. package/dist/esm/resizer/Resizer.js +17 -2
  69. package/dist/esm/resizer/ResizerBreakoutModeLabel.js +41 -0
  70. package/dist/esm/resizer/index.js +2 -1
  71. package/dist/esm/styles/index.js +1 -1
  72. package/dist/esm/styles/shared/table.js +2 -0
  73. package/dist/esm/ui/DropList/index.js +1 -1
  74. package/dist/types/analytics/types/enums.d.ts +1 -0
  75. package/dist/types/analytics/types/general-events.d.ts +2 -1
  76. package/dist/types/i18n/da.d.ts +1 -0
  77. package/dist/types/i18n/de.d.ts +1 -0
  78. package/dist/types/i18n/hu.d.ts +1 -0
  79. package/dist/types/i18n/ja.d.ts +1 -0
  80. package/dist/types/i18n/ko.d.ts +1 -0
  81. package/dist/types/i18n/nb.d.ts +1 -0
  82. package/dist/types/i18n/pt_BR.d.ts +1 -0
  83. package/dist/types/i18n/ru.d.ts +1 -0
  84. package/dist/types/i18n/th.d.ts +1 -0
  85. package/dist/types/i18n/uk.d.ts +1 -0
  86. package/dist/types/i18n/vi.d.ts +1 -0
  87. package/dist/types/i18n/zh.d.ts +1 -0
  88. package/dist/types/i18n/zh_TW.d.ts +1 -0
  89. package/dist/types/messages/breakout.d.ts +12 -0
  90. package/dist/types/messages/index.d.ts +1 -0
  91. package/dist/types/resizer/BreakoutResizer.d.ts +14 -12
  92. package/dist/types/resizer/Resizer.d.ts +5 -0
  93. package/dist/types/resizer/ResizerBreakoutModeLabel.d.ts +7 -0
  94. package/dist/types/resizer/index.d.ts +1 -0
  95. package/dist/types/resizer/useBreakoutGuidelines.d.ts +2 -2
  96. package/dist/types/styles/index.d.ts +1 -1
  97. package/dist/types/styles/shared/table.d.ts +2 -0
  98. package/dist/types-ts4.5/analytics/types/enums.d.ts +1 -0
  99. package/dist/types-ts4.5/analytics/types/general-events.d.ts +2 -1
  100. package/dist/types-ts4.5/i18n/da.d.ts +1 -0
  101. package/dist/types-ts4.5/i18n/de.d.ts +1 -0
  102. package/dist/types-ts4.5/i18n/hu.d.ts +1 -0
  103. package/dist/types-ts4.5/i18n/ja.d.ts +1 -0
  104. package/dist/types-ts4.5/i18n/ko.d.ts +1 -0
  105. package/dist/types-ts4.5/i18n/nb.d.ts +1 -0
  106. package/dist/types-ts4.5/i18n/pt_BR.d.ts +1 -0
  107. package/dist/types-ts4.5/i18n/ru.d.ts +1 -0
  108. package/dist/types-ts4.5/i18n/th.d.ts +1 -0
  109. package/dist/types-ts4.5/i18n/uk.d.ts +1 -0
  110. package/dist/types-ts4.5/i18n/vi.d.ts +1 -0
  111. package/dist/types-ts4.5/i18n/zh.d.ts +1 -0
  112. package/dist/types-ts4.5/i18n/zh_TW.d.ts +1 -0
  113. package/dist/types-ts4.5/messages/breakout.d.ts +12 -0
  114. package/dist/types-ts4.5/messages/index.d.ts +1 -0
  115. package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts +14 -12
  116. package/dist/types-ts4.5/resizer/Resizer.d.ts +5 -0
  117. package/dist/types-ts4.5/resizer/ResizerBreakoutModeLabel.d.ts +7 -0
  118. package/dist/types-ts4.5/resizer/index.d.ts +1 -0
  119. package/dist/types-ts4.5/resizer/useBreakoutGuidelines.d.ts +2 -2
  120. package/dist/types-ts4.5/styles/index.d.ts +1 -1
  121. package/dist/types-ts4.5/styles/shared/table.d.ts +2 -0
  122. package/package.json +5 -5
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -0,0 +1,12 @@
1
+ export declare const messages: {
2
+ fullWidthLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ wideWidthLabel: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ };
@@ -1,5 +1,6 @@
1
1
  export { alignmentMessages } from './alignment';
2
2
  export { annotationMessages } from './annotation';
3
+ export { messages as breakoutMessages } from './breakout';
3
4
  export { messages as blockTypeMessages } from './block-type';
4
5
  export { codeBidiWarningMessages } from './codeBidiWarning';
5
6
  export { linkMessages } from './link';
@@ -8,22 +8,24 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
8
8
  type: 'selection';
9
9
  target: Node;
10
10
  }) => boolean;
11
+ type BreakoutResizerProps = {
12
+ editorView: EditorView;
13
+ nodeType: BreakoutSupportedNodes;
14
+ getPos: getPosHandlerNode;
15
+ getRef?: (ref: HTMLElement | null) => void;
16
+ disabled?: boolean;
17
+ getEditorWidth: () => EditorContainerWidth | undefined;
18
+ parentRef?: HTMLElement;
19
+ editorAnalyticsApi?: EditorAnalyticsAPI;
20
+ displayGuidelines?: (guidelines: GuidelineConfig[]) => void;
21
+ displayGapCursor: (toggle: boolean) => boolean;
22
+ onResizeStart?: () => void;
23
+ };
11
24
  /**
12
25
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
13
26
  * correct ADF support.
14
27
  *
15
28
  * use experiment platform_editor_advanced_layouts
16
29
  */
17
- declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, }: {
18
- editorView: EditorView;
19
- nodeType: BreakoutSupportedNodes;
20
- getPos: getPosHandlerNode;
21
- getRef?: ((ref: HTMLElement | null) => void) | undefined;
22
- disabled?: boolean | undefined;
23
- getEditorWidth: () => EditorContainerWidth | undefined;
24
- parentRef?: HTMLElement | undefined;
25
- editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
26
- displayGuidelines?: ((guidelines: GuidelineConfig[]) => void) | undefined;
27
- displayGapCursor: (toggle: boolean) => boolean;
28
- }) => React.JSX.Element;
30
+ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, }: BreakoutResizerProps) => React.JSX.Element;
29
31
  export { BreakoutResizer };
@@ -63,6 +63,11 @@ export type ResizerProps = {
63
63
  * Access to the inner most element which wraps passed children
64
64
  */
65
65
  childrenDOMRef?: (ref: HTMLElement | null) => void;
66
+ /**
67
+ * Children of the component, this is going to be display below the resizer
68
+ * useful for displaying a label such as size or layout
69
+ */
70
+ labelComponent?: React.ReactNode;
66
71
  };
67
72
  type forwardRefType = {
68
73
  getResizerThumbEl: () => HTMLButtonElement | null;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { BreakoutMode } from '../types';
3
+ type props = {
4
+ layout: BreakoutMode;
5
+ };
6
+ export declare const ResizerBreakoutModeLabel: ({ layout: breaktoutLayout }: props) => "" | React.JSX.Element | null;
7
+ export {};
@@ -2,3 +2,4 @@ export { default as ResizerNext } from './Resizer';
2
2
  export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';
3
3
  export { BreakoutResizer, ignoreResizerMutations } from './BreakoutResizer';
4
4
  export { useBreakoutGuidelines } from './useBreakoutGuidelines';
5
+ export { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
@@ -1,10 +1,10 @@
1
1
  import type { GuidelineConfig } from '../guideline';
2
- import type { EditorContainerWidth } from '../types';
2
+ import type { BreakoutMode, EditorContainerWidth } from '../types';
3
3
  import type { Snap } from './types';
4
4
  export declare const SNAP_GAP = 8;
5
5
  export declare function useBreakoutGuidelines(getEditorWidth: () => EditorContainerWidth | undefined, isResizing: boolean): {
6
6
  snaps: Snap | null;
7
- currentLayout: "wide" | "full-width" | "center" | null;
7
+ currentLayout: BreakoutMode | null;
8
8
  guidelines: GuidelineConfig[];
9
9
  setCurrentWidth: (newWidth: number | null) => void;
10
10
  };
@@ -1,6 +1,6 @@
1
1
  export { textColorStyles } from './shared/text-color';
2
2
  export { backgroundColorStyles } from './shared/background-color';
3
- export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
3
+ export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, tableControlsSpacing, tablePadding, } from './shared/table';
4
4
  export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
5
5
  export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, } from './shared/column-layout';
6
6
  export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName, } from './shared/media-single';
@@ -8,6 +8,8 @@ export declare const tableNewColumnMinWidth = 140;
8
8
  export declare const tableCellBorderWidth = 1;
9
9
  export declare const tableCellPadding = 8;
10
10
  export declare const tableResizeHandleWidth = 6;
11
+ export declare const tablePadding = 8;
12
+ export declare const tableControlsSpacing: number;
11
13
  export declare const TableSharedCssClassName: {
12
14
  readonly TABLE_CONTAINER: "pm-table-container";
13
15
  readonly TABLE_NODE_WRAPPER: "pm-table-wrapper";
@@ -419,6 +419,7 @@ export declare enum ACTION_SUBJECT_ID {
419
419
  PICKER_MEDIA = "mediaPicker",
420
420
  PICKER_COLOR = "colorPicker",
421
421
  PICKER_EMOJI = "emojiPicker",
422
+ DOCKED_PRIMARY_TOOLBAR = "dockedPrimaryToolbar",
422
423
  PLACEHOLDER_TEXT = "placeholderText",
423
424
  POST_QUERY_SEARCH_RESULTS = "postQuerySearchResults",
424
425
  PRE_QUERY_SEARCH_RESULTS = "preQuerySearchResults",
@@ -144,6 +144,7 @@ type PickerMediaInsertClosedAEP = PickerClosedAEP<ACTION_SUBJECT_ID.PICKER_MEDIA
144
144
  exitMethod: INPUT_METHOD.KEYBOARD | INPUT_METHOD.MOUSE;
145
145
  }>;
146
146
  type PickerMediaInsertCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.PICKER, ACTION_SUBJECT_ID.PICKER_MEDIA, undefined, undefined>;
147
+ type DockedPrimaryToolbarRenderedAEP = UIAEP<ACTION.RENDERED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.DOCKED_PRIMARY_TOOLBAR, undefined, undefined>;
147
148
  type HelpQuickInsertAEP = UIAEP<ACTION.HELP_OPENED, ACTION_SUBJECT.HELP, ACTION_SUBJECT_ID.HELP_QUICK_INSERT, {
148
149
  inputMethod: INPUT_METHOD.QUICK_INSERT;
149
150
  }, undefined>;
@@ -208,5 +209,5 @@ type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR
208
209
  extensionType?: string;
209
210
  isLivePage?: boolean;
210
211
  }>;
211
- 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;
212
+ 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;
212
213
  export {};
@@ -326,6 +326,7 @@ declare const _default: {
326
326
  'fabric.editor.datasourceTitle': string;
327
327
  'fabric.editor.date': string;
328
328
  'fabric.editor.date.description': string;
329
+ 'fabric.editor.datePickerOpenedAlert': string;
329
330
  'fabric.editor.decision': string;
330
331
  'fabric.editor.decision.description': string;
331
332
  'fabric.editor.decisionPlaceholder': string;
@@ -704,6 +704,7 @@ declare const _default: {
704
704
  'fabric.editor.toolbarLabel': string;
705
705
  'fabric.editor.toolbarMediaTitle': string;
706
706
  'fabric.editor.toolbarPositionFixedAtTop': string;
707
+ 'fabric.editor.toolbarPositionInline': string;
707
708
  'fabric.editor.tooltip.blockPanel': string;
708
709
  'fabric.editor.tooltip.bulletList': string;
709
710
  'fabric.editor.tooltip.decisionList': string;
@@ -325,6 +325,7 @@ declare const _default: {
325
325
  'fabric.editor.datasourceTitle': string;
326
326
  'fabric.editor.date': string;
327
327
  'fabric.editor.date.description': string;
328
+ 'fabric.editor.datePickerOpenedAlert': string;
328
329
  'fabric.editor.decision': string;
329
330
  'fabric.editor.decision.description': string;
330
331
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -326,6 +326,7 @@ declare const _default: {
326
326
  'fabric.editor.datasourceTitle': string;
327
327
  'fabric.editor.date': string;
328
328
  'fabric.editor.date.description': string;
329
+ 'fabric.editor.datePickerOpenedAlert': string;
329
330
  'fabric.editor.decision': string;
330
331
  'fabric.editor.decision.description': string;
331
332
  'fabric.editor.decisionPlaceholder': string;
@@ -325,6 +325,7 @@ declare const _default: {
325
325
  'fabric.editor.datasourceTitle': string;
326
326
  'fabric.editor.date': string;
327
327
  'fabric.editor.date.description': string;
328
+ 'fabric.editor.datePickerOpenedAlert': string;
328
329
  'fabric.editor.decision': string;
329
330
  'fabric.editor.decision.description': string;
330
331
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -312,6 +312,7 @@ declare const _default: {
312
312
  'fabric.editor.datasourceTitle': string;
313
313
  'fabric.editor.date': string;
314
314
  'fabric.editor.date.description': string;
315
+ 'fabric.editor.datePickerOpenedAlert': string;
315
316
  'fabric.editor.decision': string;
316
317
  'fabric.editor.decision.description': string;
317
318
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -327,6 +327,7 @@ declare const _default: {
327
327
  'fabric.editor.datasourceTitle': string;
328
328
  'fabric.editor.date': string;
329
329
  'fabric.editor.date.description': string;
330
+ 'fabric.editor.datePickerOpenedAlert': string;
330
331
  'fabric.editor.decision': string;
331
332
  'fabric.editor.decision.description': string;
332
333
  'fabric.editor.decisionPlaceholder': string;
@@ -0,0 +1,12 @@
1
+ export declare const messages: {
2
+ fullWidthLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ wideWidthLabel: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ };
@@ -1,5 +1,6 @@
1
1
  export { alignmentMessages } from './alignment';
2
2
  export { annotationMessages } from './annotation';
3
+ export { messages as breakoutMessages } from './breakout';
3
4
  export { messages as blockTypeMessages } from './block-type';
4
5
  export { codeBidiWarningMessages } from './codeBidiWarning';
5
6
  export { linkMessages } from './link';
@@ -8,22 +8,24 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
8
8
  type: 'selection';
9
9
  target: Node;
10
10
  }) => boolean;
11
+ type BreakoutResizerProps = {
12
+ editorView: EditorView;
13
+ nodeType: BreakoutSupportedNodes;
14
+ getPos: getPosHandlerNode;
15
+ getRef?: (ref: HTMLElement | null) => void;
16
+ disabled?: boolean;
17
+ getEditorWidth: () => EditorContainerWidth | undefined;
18
+ parentRef?: HTMLElement;
19
+ editorAnalyticsApi?: EditorAnalyticsAPI;
20
+ displayGuidelines?: (guidelines: GuidelineConfig[]) => void;
21
+ displayGapCursor: (toggle: boolean) => boolean;
22
+ onResizeStart?: () => void;
23
+ };
11
24
  /**
12
25
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
13
26
  * correct ADF support.
14
27
  *
15
28
  * use experiment platform_editor_advanced_layouts
16
29
  */
17
- declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, }: {
18
- editorView: EditorView;
19
- nodeType: BreakoutSupportedNodes;
20
- getPos: getPosHandlerNode;
21
- getRef?: ((ref: HTMLElement | null) => void) | undefined;
22
- disabled?: boolean | undefined;
23
- getEditorWidth: () => EditorContainerWidth | undefined;
24
- parentRef?: HTMLElement | undefined;
25
- editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
26
- displayGuidelines?: ((guidelines: GuidelineConfig[]) => void) | undefined;
27
- displayGapCursor: (toggle: boolean) => boolean;
28
- }) => React.JSX.Element;
30
+ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, }: BreakoutResizerProps) => React.JSX.Element;
29
31
  export { BreakoutResizer };
@@ -63,6 +63,11 @@ export type ResizerProps = {
63
63
  * Access to the inner most element which wraps passed children
64
64
  */
65
65
  childrenDOMRef?: (ref: HTMLElement | null) => void;
66
+ /**
67
+ * Children of the component, this is going to be display below the resizer
68
+ * useful for displaying a label such as size or layout
69
+ */
70
+ labelComponent?: React.ReactNode;
66
71
  };
67
72
  type forwardRefType = {
68
73
  getResizerThumbEl: () => HTMLButtonElement | null;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { BreakoutMode } from '../types';
3
+ type props = {
4
+ layout: BreakoutMode;
5
+ };
6
+ export declare const ResizerBreakoutModeLabel: ({ layout: breaktoutLayout }: props) => "" | React.JSX.Element | null;
7
+ export {};
@@ -2,3 +2,4 @@ export { default as ResizerNext } from './Resizer';
2
2
  export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';
3
3
  export { BreakoutResizer, ignoreResizerMutations } from './BreakoutResizer';
4
4
  export { useBreakoutGuidelines } from './useBreakoutGuidelines';
5
+ export { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
@@ -1,10 +1,10 @@
1
1
  import type { GuidelineConfig } from '../guideline';
2
- import type { EditorContainerWidth } from '../types';
2
+ import type { BreakoutMode, EditorContainerWidth } from '../types';
3
3
  import type { Snap } from './types';
4
4
  export declare const SNAP_GAP = 8;
5
5
  export declare function useBreakoutGuidelines(getEditorWidth: () => EditorContainerWidth | undefined, isResizing: boolean): {
6
6
  snaps: Snap | null;
7
- currentLayout: "wide" | "full-width" | "center" | null;
7
+ currentLayout: BreakoutMode | null;
8
8
  guidelines: GuidelineConfig[];
9
9
  setCurrentWidth: (newWidth: number | null) => void;
10
10
  };
@@ -1,6 +1,6 @@
1
1
  export { textColorStyles } from './shared/text-color';
2
2
  export { backgroundColorStyles } from './shared/background-color';
3
- export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
3
+ export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, tableControlsSpacing, tablePadding, } from './shared/table';
4
4
  export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
5
5
  export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, } from './shared/column-layout';
6
6
  export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName, } from './shared/media-single';
@@ -8,6 +8,8 @@ export declare const tableNewColumnMinWidth = 140;
8
8
  export declare const tableCellBorderWidth = 1;
9
9
  export declare const tableCellPadding = 8;
10
10
  export declare const tableResizeHandleWidth = 6;
11
+ export declare const tablePadding = 8;
12
+ export declare const tableControlsSpacing: number;
11
13
  export declare const TableSharedCssClassName: {
12
14
  readonly TABLE_CONTAINER: "pm-table-container";
13
15
  readonly TABLE_NODE_WRAPPER: "pm-table-wrapper";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "103.6.0",
3
+ "version": "103.7.0",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -136,9 +136,9 @@
136
136
  "@atlaskit/editor-shared-styles": "^3.4.0",
137
137
  "@atlaskit/editor-tables": "^2.9.0",
138
138
  "@atlaskit/emoji": "^69.0.0",
139
- "@atlaskit/icon": "^25.5.0",
139
+ "@atlaskit/icon": "^25.6.0",
140
140
  "@atlaskit/icon-object": "^7.0.0",
141
- "@atlaskit/link-datasource": "^4.2.0",
141
+ "@atlaskit/link-datasource": "^4.3.0",
142
142
  "@atlaskit/link-picker": "^3.2.0",
143
143
  "@atlaskit/media-card": "^79.0.0",
144
144
  "@atlaskit/media-client": "^32.0.0",
@@ -156,12 +156,12 @@
156
156
  "@atlaskit/primitives": "^14.4.0",
157
157
  "@atlaskit/profilecard": "^23.7.0",
158
158
  "@atlaskit/section-message": "^8.2.0",
159
- "@atlaskit/smart-card": "^36.5.0",
159
+ "@atlaskit/smart-card": "^36.6.0",
160
160
  "@atlaskit/smart-user-picker": "^8.0.0",
161
161
  "@atlaskit/spinner": "^18.0.0",
162
162
  "@atlaskit/task-decision": "^19.1.0",
163
163
  "@atlaskit/textfield": "^8.0.0",
164
- "@atlaskit/tmp-editor-statsig": "^4.6.0",
164
+ "@atlaskit/tmp-editor-statsig": "^4.8.0",
165
165
  "@atlaskit/tokens": "^4.7.0",
166
166
  "@atlaskit/tooltip": "^20.0.0",
167
167
  "@atlaskit/width-detector": "^5.0.0",