@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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/analytics/types/enums.js +1 -0
- package/dist/cjs/i18n/da.js +1 -0
- package/dist/cjs/i18n/de.js +1 -0
- package/dist/cjs/i18n/hu.js +1 -0
- package/dist/cjs/i18n/ja.js +1 -0
- package/dist/cjs/i18n/ko.js +1 -0
- package/dist/cjs/i18n/nb.js +1 -0
- package/dist/cjs/i18n/pt_BR.js +1 -0
- package/dist/cjs/i18n/ru.js +1 -0
- package/dist/cjs/i18n/th.js +1 -0
- package/dist/cjs/i18n/uk.js +1 -0
- package/dist/cjs/i18n/vi.js +1 -0
- package/dist/cjs/i18n/zh.js +1 -0
- package/dist/cjs/i18n/zh_TW.js +1 -0
- package/dist/cjs/messages/breakout.js +19 -0
- package/dist/cjs/messages/index.js +7 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/resizer/BreakoutResizer.js +9 -4
- package/dist/cjs/resizer/Resizer.js +17 -2
- package/dist/cjs/resizer/ResizerBreakoutModeLabel.js +48 -0
- package/dist/cjs/resizer/index.js +8 -1
- package/dist/cjs/styles/index.js +12 -0
- package/dist/cjs/styles/shared/table.js +3 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/analytics/types/enums.js +1 -0
- package/dist/es2019/i18n/da.js +1 -0
- package/dist/es2019/i18n/de.js +1 -0
- package/dist/es2019/i18n/hu.js +1 -0
- package/dist/es2019/i18n/ja.js +1 -0
- package/dist/es2019/i18n/ko.js +1 -0
- package/dist/es2019/i18n/nb.js +1 -0
- package/dist/es2019/i18n/pt_BR.js +1 -0
- package/dist/es2019/i18n/ru.js +1 -0
- package/dist/es2019/i18n/th.js +1 -0
- package/dist/es2019/i18n/uk.js +1 -0
- package/dist/es2019/i18n/vi.js +1 -0
- package/dist/es2019/i18n/zh.js +1 -0
- package/dist/es2019/i18n/zh_TW.js +1 -0
- package/dist/es2019/messages/breakout.js +13 -0
- package/dist/es2019/messages/index.js +1 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/resizer/BreakoutResizer.js +9 -4
- package/dist/es2019/resizer/Resizer.js +16 -1
- package/dist/es2019/resizer/ResizerBreakoutModeLabel.js +43 -0
- package/dist/es2019/resizer/index.js +2 -1
- package/dist/es2019/styles/index.js +1 -1
- package/dist/es2019/styles/shared/table.js +2 -0
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/analytics/types/enums.js +1 -0
- package/dist/esm/i18n/da.js +1 -0
- package/dist/esm/i18n/de.js +1 -0
- package/dist/esm/i18n/hu.js +1 -0
- package/dist/esm/i18n/ja.js +1 -0
- package/dist/esm/i18n/ko.js +1 -0
- package/dist/esm/i18n/nb.js +1 -0
- package/dist/esm/i18n/pt_BR.js +1 -0
- package/dist/esm/i18n/ru.js +1 -0
- package/dist/esm/i18n/th.js +1 -0
- package/dist/esm/i18n/uk.js +1 -0
- package/dist/esm/i18n/vi.js +1 -0
- package/dist/esm/i18n/zh.js +1 -0
- package/dist/esm/i18n/zh_TW.js +1 -0
- package/dist/esm/messages/breakout.js +13 -0
- package/dist/esm/messages/index.js +1 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/resizer/BreakoutResizer.js +9 -4
- package/dist/esm/resizer/Resizer.js +17 -2
- package/dist/esm/resizer/ResizerBreakoutModeLabel.js +41 -0
- package/dist/esm/resizer/index.js +2 -1
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/styles/shared/table.js +2 -0
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/analytics/types/enums.d.ts +1 -0
- package/dist/types/analytics/types/general-events.d.ts +2 -1
- package/dist/types/i18n/da.d.ts +1 -0
- package/dist/types/i18n/de.d.ts +1 -0
- package/dist/types/i18n/hu.d.ts +1 -0
- package/dist/types/i18n/ja.d.ts +1 -0
- package/dist/types/i18n/ko.d.ts +1 -0
- package/dist/types/i18n/nb.d.ts +1 -0
- package/dist/types/i18n/pt_BR.d.ts +1 -0
- package/dist/types/i18n/ru.d.ts +1 -0
- package/dist/types/i18n/th.d.ts +1 -0
- package/dist/types/i18n/uk.d.ts +1 -0
- package/dist/types/i18n/vi.d.ts +1 -0
- package/dist/types/i18n/zh.d.ts +1 -0
- package/dist/types/i18n/zh_TW.d.ts +1 -0
- package/dist/types/messages/breakout.d.ts +12 -0
- package/dist/types/messages/index.d.ts +1 -0
- package/dist/types/resizer/BreakoutResizer.d.ts +14 -12
- package/dist/types/resizer/Resizer.d.ts +5 -0
- package/dist/types/resizer/ResizerBreakoutModeLabel.d.ts +7 -0
- package/dist/types/resizer/index.d.ts +1 -0
- package/dist/types/resizer/useBreakoutGuidelines.d.ts +2 -2
- package/dist/types/styles/index.d.ts +1 -1
- package/dist/types/styles/shared/table.d.ts +2 -0
- package/dist/types-ts4.5/analytics/types/enums.d.ts +1 -0
- package/dist/types-ts4.5/analytics/types/general-events.d.ts +2 -1
- package/dist/types-ts4.5/i18n/da.d.ts +1 -0
- package/dist/types-ts4.5/i18n/de.d.ts +1 -0
- package/dist/types-ts4.5/i18n/hu.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ja.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ko.d.ts +1 -0
- package/dist/types-ts4.5/i18n/nb.d.ts +1 -0
- package/dist/types-ts4.5/i18n/pt_BR.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ru.d.ts +1 -0
- package/dist/types-ts4.5/i18n/th.d.ts +1 -0
- package/dist/types-ts4.5/i18n/uk.d.ts +1 -0
- package/dist/types-ts4.5/i18n/vi.d.ts +1 -0
- package/dist/types-ts4.5/i18n/zh.d.ts +1 -0
- package/dist/types-ts4.5/i18n/zh_TW.d.ts +1 -0
- package/dist/types-ts4.5/messages/breakout.d.ts +12 -0
- package/dist/types-ts4.5/messages/index.d.ts +1 -0
- package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts +14 -12
- package/dist/types-ts4.5/resizer/Resizer.d.ts +5 -0
- package/dist/types-ts4.5/resizer/ResizerBreakoutModeLabel.d.ts +7 -0
- package/dist/types-ts4.5/resizer/index.d.ts +1 -0
- package/dist/types-ts4.5/resizer/useBreakoutGuidelines.d.ts +2 -2
- package/dist/types-ts4.5/styles/index.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/table.d.ts +2 -0
- package/package.json +5 -5
package/dist/types/i18n/ru.d.ts
CHANGED
|
@@ -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;
|
package/dist/types/i18n/th.d.ts
CHANGED
|
@@ -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;
|
package/dist/types/i18n/uk.d.ts
CHANGED
|
@@ -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;
|
package/dist/types/i18n/vi.d.ts
CHANGED
|
@@ -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;
|
package/dist/types/i18n/zh.d.ts
CHANGED
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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:
|
|
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;
|
|
@@ -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;
|
|
@@ -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:
|
|
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.
|
|
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.
|
|
139
|
+
"@atlaskit/icon": "^25.6.0",
|
|
140
140
|
"@atlaskit/icon-object": "^7.0.0",
|
|
141
|
-
"@atlaskit/link-datasource": "^4.
|
|
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.
|
|
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.
|
|
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",
|