UNPKG

@atlaskit/editor-plugin-text-formatting

Version:

Text-formatting plugin for @atlaskit/editor-core

bitbucket.org/atlassian/atlassian-frontend-mirror

80 lines (74 loc) • 3.31 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { ToolbarSize } from '@atlaskit/editor-common/types'; import { IconTypes } from './types'; export const ToolbarButtonsStrongItalic = [IconTypes.strong, IconTypes.em]; export const ToolbarButtonsStrong = [IconTypes.strong]; export const ToolbarButtonsStrongItalicUnderline = [IconTypes.strong, IconTypes.em, IconTypes.underline]; export const ButtonsMenuMinimal = [IconTypes.em, IconTypes.underline, IconTypes.strike, IconTypes.code, IconTypes.subscript, IconTypes.superscript]; export const ButtonsMenuCompact = [IconTypes.underline, IconTypes.strike, IconTypes.code, IconTypes.subscript, IconTypes.superscript]; export const ButtonsMenuSpacious = [IconTypes.strike, IconTypes.code, IconTypes.subscript, IconTypes.superscript]; /** * Minimal toolbar is with Bold as single button, and Italic as a dropdown button. */ export const ResponsiveCustomButtonToolbarMinimal = { [ToolbarSize.XXL]: ToolbarButtonsStrong, [ToolbarSize.XL]: ToolbarButtonsStrong, [ToolbarSize.L]: ToolbarButtonsStrong, [ToolbarSize.M]: ToolbarButtonsStrong, [ToolbarSize.S]: ToolbarButtonsStrong, [ToolbarSize.XXXS]: [] }; /** * Compact toolbar is with Bold, Italic as single buttons, and underline as a dropdown button. */ export const ResponsiveCustomButtonToolbarCompact = { [ToolbarSize.XXL]: ToolbarButtonsStrongItalic, [ToolbarSize.XL]: ToolbarButtonsStrongItalic, [ToolbarSize.L]: ToolbarButtonsStrongItalic, [ToolbarSize.M]: ToolbarButtonsStrongItalic, [ToolbarSize.S]: ToolbarButtonsStrongItalic, [ToolbarSize.XXXS]: [] }; /** * Spacious toolbar is with Bold, italic, underline as single buttons, and strike as a dropdown button. */ export const ResponsiveCustomButtonToolbarSpacious = { [ToolbarSize.XXL]: ToolbarButtonsStrongItalicUnderline, [ToolbarSize.XL]: ToolbarButtonsStrongItalicUnderline, [ToolbarSize.L]: ToolbarButtonsStrongItalicUnderline, [ToolbarSize.M]: ToolbarButtonsStrongItalic, [ToolbarSize.S]: ToolbarButtonsStrongItalic, [ToolbarSize.XXXS]: ToolbarButtonsStrong }; /** * Corresponding dropdown menu for the ResponsiveCustomButtonToolbarMinimal */ export const ResponsiveCustomMenuMinimal = { [ToolbarSize.XXL]: ButtonsMenuMinimal, [ToolbarSize.XL]: ButtonsMenuMinimal, [ToolbarSize.L]: ButtonsMenuMinimal, [ToolbarSize.M]: ButtonsMenuMinimal, [ToolbarSize.S]: ButtonsMenuMinimal, [ToolbarSize.XXXS]: [IconTypes.strong, IconTypes.em, ...ButtonsMenuMinimal] }; /** * Corresponding dropdown menu for the ResponsiveCustomButtonToolbarCompact */ export const ResponsiveCustomMenuCompact = { [ToolbarSize.XXL]: ButtonsMenuCompact, [ToolbarSize.XL]: ButtonsMenuCompact, [ToolbarSize.L]: ButtonsMenuCompact, [ToolbarSize.M]: ButtonsMenuCompact, [ToolbarSize.S]: ButtonsMenuCompact, [ToolbarSize.XXXS]: [IconTypes.strong, IconTypes.em, ...ButtonsMenuCompact] }; /** * Corresponding dropdown menu for the ResponsiveCustomButtonToolbarSpacious */ export const ResponsiveCustomMenuSpacious = { [ToolbarSize.XXL]: ButtonsMenuSpacious, [ToolbarSize.XL]: ButtonsMenuSpacious, [ToolbarSize.L]: ButtonsMenuSpacious, [ToolbarSize.M]: [IconTypes.underline, ...ButtonsMenuSpacious], [ToolbarSize.S]: [IconTypes.underline, ...ButtonsMenuSpacious], [ToolbarSize.XXXS]: [IconTypes.em, IconTypes.underline, ...ButtonsMenuSpacious] };