@atlaskit/editor-slack-transformer 4.1.2 → 4.1.4
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 +15 -3
- package/dist/cjs/serializer.js +7 -0
- package/dist/es2019/serializer.js +7 -0
- package/dist/esm/serializer.js +7 -0
- package/dist/types/serializer.d.ts +31 -29
- package/dist/types-ts4.5/serializer.d.ts +31 -29
- package/example-helpers/ToolsDrawer.tsx +1 -1
- package/example-helpers/styles.ts +6 -7
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-slack-transformer
|
|
2
2
|
|
|
3
|
+
## 4.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
|
|
10
|
+
## 4.1.3
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`0bb5625c1394f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0bb5625c1394f) -
|
|
15
|
+
[ux] EDITOR-1565 add support for syncBlock and bodiedSyncBlock nodes to editor-slack-transformer
|
|
16
|
+
and editor-wikimarkup-transformer
|
|
17
|
+
|
|
3
18
|
## 4.1.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -75,7 +90,6 @@
|
|
|
75
90
|
The following lists the exports removed as well as where they can now be found if required.
|
|
76
91
|
|
|
77
92
|
Exports removed:
|
|
78
|
-
|
|
79
93
|
- ToolbarFeedback (removed)
|
|
80
94
|
- EmojiResource (moved to -> @atlaskit/emoji/resource)
|
|
81
95
|
- MentionResource (moved to -> @atlaskit/mention/resource)
|
|
@@ -111,7 +125,6 @@
|
|
|
111
125
|
and can be safely removed without any change in functionality
|
|
112
126
|
|
|
113
127
|
EditorProps removed:
|
|
114
|
-
|
|
115
128
|
- trackValidTransactions (unused internally, please remove)
|
|
116
129
|
- hideAvatarGroup (unused internally, please remove)
|
|
117
130
|
- placeholder (unused internally for `ComposableEditor` - please pass to the `placeholderPlugin`
|
|
@@ -392,7 +405,6 @@
|
|
|
392
405
|
|
|
393
406
|
- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) -
|
|
394
407
|
ED-11632: Bump prosemirror packages;
|
|
395
|
-
|
|
396
408
|
- prosmirror-commands 1.1.4 -> 1.1.11,
|
|
397
409
|
- prosemirror-model 1.11.0 -> 1.14.3,
|
|
398
410
|
- prosemirror-state 1.3.3 -> 1.3.4,
|
package/dist/cjs/serializer.js
CHANGED
|
@@ -146,6 +146,10 @@ var unsupportedNodes = {
|
|
|
146
146
|
state.write('[bodied extension]');
|
|
147
147
|
state.closeBlock(node);
|
|
148
148
|
},
|
|
149
|
+
syncBlock: function syncBlock(state, node) {
|
|
150
|
+
state.write('[sync block]');
|
|
151
|
+
state.closeBlock(node);
|
|
152
|
+
},
|
|
149
153
|
taskList: function taskList(state, node) {
|
|
150
154
|
state.write('[task list]');
|
|
151
155
|
state.closeBlock(node);
|
|
@@ -336,6 +340,9 @@ var nodes = exports.nodes = _objectSpread({
|
|
|
336
340
|
},
|
|
337
341
|
confluenceJiraIssue: function confluenceJiraIssue(state, node) {
|
|
338
342
|
state.write(" JIRA | ".concat(node.attrs.issueKey, " "));
|
|
343
|
+
},
|
|
344
|
+
bodiedSyncBlock: function bodiedSyncBlock(state, node) {
|
|
345
|
+
state.renderInline(node);
|
|
339
346
|
}
|
|
340
347
|
}, unsupportedNodes);
|
|
341
348
|
|
|
@@ -109,6 +109,10 @@ const unsupportedNodes = {
|
|
|
109
109
|
state.write('[bodied extension]');
|
|
110
110
|
state.closeBlock(node);
|
|
111
111
|
},
|
|
112
|
+
syncBlock(state, node) {
|
|
113
|
+
state.write('[sync block]');
|
|
114
|
+
state.closeBlock(node);
|
|
115
|
+
},
|
|
112
116
|
taskList(state, node) {
|
|
113
117
|
state.write('[task list]');
|
|
114
118
|
state.closeBlock(node);
|
|
@@ -291,6 +295,9 @@ export const nodes = {
|
|
|
291
295
|
confluenceJiraIssue(state, node) {
|
|
292
296
|
state.write(` JIRA | ${node.attrs.issueKey} `);
|
|
293
297
|
},
|
|
298
|
+
bodiedSyncBlock(state, node) {
|
|
299
|
+
state.renderInline(node);
|
|
300
|
+
},
|
|
294
301
|
...unsupportedNodes
|
|
295
302
|
};
|
|
296
303
|
|
package/dist/esm/serializer.js
CHANGED
|
@@ -140,6 +140,10 @@ var unsupportedNodes = {
|
|
|
140
140
|
state.write('[bodied extension]');
|
|
141
141
|
state.closeBlock(node);
|
|
142
142
|
},
|
|
143
|
+
syncBlock: function syncBlock(state, node) {
|
|
144
|
+
state.write('[sync block]');
|
|
145
|
+
state.closeBlock(node);
|
|
146
|
+
},
|
|
143
147
|
taskList: function taskList(state, node) {
|
|
144
148
|
state.write('[task list]');
|
|
145
149
|
state.closeBlock(node);
|
|
@@ -330,6 +334,9 @@ export var nodes = _objectSpread({
|
|
|
330
334
|
},
|
|
331
335
|
confluenceJiraIssue: function confluenceJiraIssue(state, node) {
|
|
332
336
|
state.write(" JIRA | ".concat(node.attrs.issueKey, " "));
|
|
337
|
+
},
|
|
338
|
+
bodiedSyncBlock: function bodiedSyncBlock(state, node) {
|
|
339
|
+
state.renderInline(node);
|
|
333
340
|
}
|
|
334
341
|
}, unsupportedNodes);
|
|
335
342
|
|
|
@@ -42,6 +42,7 @@ export declare const nodes: {
|
|
|
42
42
|
mediaInline(state: MarkdownSerializerState, node: PMNode): void;
|
|
43
43
|
extension(state: MarkdownSerializerState, node: PMNode): void;
|
|
44
44
|
bodiedExtension(state: MarkdownSerializerState, node: PMNode): void;
|
|
45
|
+
syncBlock(state: MarkdownSerializerState, node: PMNode): void;
|
|
45
46
|
taskList(state: MarkdownSerializerState, node: PMNode): void;
|
|
46
47
|
expand(state: MarkdownSerializerState, node: PMNode): void;
|
|
47
48
|
nestedExpand(state: MarkdownSerializerState, node: PMNode): void;
|
|
@@ -80,65 +81,66 @@ export declare const nodes: {
|
|
|
80
81
|
panel(state: MarkdownSerializerState, node: PMNode): void;
|
|
81
82
|
placeholder(state: MarkdownSerializerState, node: PMNode): void;
|
|
82
83
|
confluenceJiraIssue(state: MarkdownSerializerState, node: PMNode): void;
|
|
84
|
+
bodiedSyncBlock(state: MarkdownSerializerState, node: PMNode): void;
|
|
83
85
|
};
|
|
84
86
|
export declare const marks: {
|
|
85
|
-
|
|
86
|
-
open: string;
|
|
87
|
-
close: string;
|
|
88
|
-
};
|
|
89
|
-
underline: {
|
|
90
|
-
open: string;
|
|
87
|
+
annotation: {
|
|
91
88
|
close: string;
|
|
92
|
-
};
|
|
93
|
-
textColor: {
|
|
94
89
|
open: string;
|
|
95
|
-
close: string;
|
|
96
90
|
};
|
|
97
91
|
backgroundColor: {
|
|
98
|
-
open: string;
|
|
99
92
|
close: string;
|
|
100
|
-
};
|
|
101
|
-
typeAheadQuery: {
|
|
102
93
|
open: string;
|
|
94
|
+
};
|
|
95
|
+
code: {
|
|
103
96
|
close: string;
|
|
97
|
+
escape: boolean;
|
|
98
|
+
open: string;
|
|
104
99
|
};
|
|
105
100
|
confluenceInlineComment: {
|
|
106
|
-
open: string;
|
|
107
101
|
close: string;
|
|
108
|
-
};
|
|
109
|
-
annotation: {
|
|
110
102
|
open: string;
|
|
111
|
-
close: string;
|
|
112
103
|
};
|
|
113
|
-
|
|
104
|
+
em: {
|
|
105
|
+
close: string;
|
|
106
|
+
expelEnclosingWhitespace: boolean;
|
|
107
|
+
mixable: boolean;
|
|
114
108
|
open: string;
|
|
109
|
+
};
|
|
110
|
+
link: {
|
|
115
111
|
close: string;
|
|
112
|
+
open: (_state: MarkdownSerializerState, mark: any) => string;
|
|
116
113
|
};
|
|
117
|
-
|
|
118
|
-
open: string;
|
|
114
|
+
strike: {
|
|
119
115
|
close: string;
|
|
120
|
-
mixable: boolean;
|
|
121
116
|
expelEnclosingWhitespace: boolean;
|
|
117
|
+
mixable: boolean;
|
|
118
|
+
open: string;
|
|
122
119
|
};
|
|
123
120
|
strong: {
|
|
124
|
-
open: string;
|
|
125
121
|
close: string;
|
|
126
|
-
mixable: boolean;
|
|
127
122
|
expelEnclosingWhitespace: boolean;
|
|
123
|
+
mixable: boolean;
|
|
124
|
+
open: string;
|
|
128
125
|
};
|
|
129
|
-
|
|
126
|
+
subsup: {
|
|
127
|
+
close: string;
|
|
130
128
|
open: string;
|
|
129
|
+
};
|
|
130
|
+
textColor: {
|
|
131
131
|
close: string;
|
|
132
|
-
|
|
133
|
-
expelEnclosingWhitespace: boolean;
|
|
132
|
+
open: string;
|
|
134
133
|
};
|
|
135
|
-
|
|
136
|
-
open(_state: MarkdownSerializerState, mark: any): string;
|
|
134
|
+
typeAheadQuery: {
|
|
137
135
|
close: string;
|
|
136
|
+
open: string;
|
|
138
137
|
};
|
|
139
|
-
|
|
138
|
+
underline: {
|
|
139
|
+
close: string;
|
|
140
140
|
open: string;
|
|
141
|
+
};
|
|
142
|
+
unsupportedMark: {
|
|
141
143
|
close: string;
|
|
142
|
-
|
|
144
|
+
open: string;
|
|
143
145
|
};
|
|
144
146
|
};
|
|
@@ -42,6 +42,7 @@ export declare const nodes: {
|
|
|
42
42
|
mediaInline(state: MarkdownSerializerState, node: PMNode): void;
|
|
43
43
|
extension(state: MarkdownSerializerState, node: PMNode): void;
|
|
44
44
|
bodiedExtension(state: MarkdownSerializerState, node: PMNode): void;
|
|
45
|
+
syncBlock(state: MarkdownSerializerState, node: PMNode): void;
|
|
45
46
|
taskList(state: MarkdownSerializerState, node: PMNode): void;
|
|
46
47
|
expand(state: MarkdownSerializerState, node: PMNode): void;
|
|
47
48
|
nestedExpand(state: MarkdownSerializerState, node: PMNode): void;
|
|
@@ -80,65 +81,66 @@ export declare const nodes: {
|
|
|
80
81
|
panel(state: MarkdownSerializerState, node: PMNode): void;
|
|
81
82
|
placeholder(state: MarkdownSerializerState, node: PMNode): void;
|
|
82
83
|
confluenceJiraIssue(state: MarkdownSerializerState, node: PMNode): void;
|
|
84
|
+
bodiedSyncBlock(state: MarkdownSerializerState, node: PMNode): void;
|
|
83
85
|
};
|
|
84
86
|
export declare const marks: {
|
|
85
|
-
|
|
86
|
-
open: string;
|
|
87
|
-
close: string;
|
|
88
|
-
};
|
|
89
|
-
underline: {
|
|
90
|
-
open: string;
|
|
87
|
+
annotation: {
|
|
91
88
|
close: string;
|
|
92
|
-
};
|
|
93
|
-
textColor: {
|
|
94
89
|
open: string;
|
|
95
|
-
close: string;
|
|
96
90
|
};
|
|
97
91
|
backgroundColor: {
|
|
98
|
-
open: string;
|
|
99
92
|
close: string;
|
|
100
|
-
};
|
|
101
|
-
typeAheadQuery: {
|
|
102
93
|
open: string;
|
|
94
|
+
};
|
|
95
|
+
code: {
|
|
103
96
|
close: string;
|
|
97
|
+
escape: boolean;
|
|
98
|
+
open: string;
|
|
104
99
|
};
|
|
105
100
|
confluenceInlineComment: {
|
|
106
|
-
open: string;
|
|
107
101
|
close: string;
|
|
108
|
-
};
|
|
109
|
-
annotation: {
|
|
110
102
|
open: string;
|
|
111
|
-
close: string;
|
|
112
103
|
};
|
|
113
|
-
|
|
104
|
+
em: {
|
|
105
|
+
close: string;
|
|
106
|
+
expelEnclosingWhitespace: boolean;
|
|
107
|
+
mixable: boolean;
|
|
114
108
|
open: string;
|
|
109
|
+
};
|
|
110
|
+
link: {
|
|
115
111
|
close: string;
|
|
112
|
+
open: (_state: MarkdownSerializerState, mark: any) => string;
|
|
116
113
|
};
|
|
117
|
-
|
|
118
|
-
open: string;
|
|
114
|
+
strike: {
|
|
119
115
|
close: string;
|
|
120
|
-
mixable: boolean;
|
|
121
116
|
expelEnclosingWhitespace: boolean;
|
|
117
|
+
mixable: boolean;
|
|
118
|
+
open: string;
|
|
122
119
|
};
|
|
123
120
|
strong: {
|
|
124
|
-
open: string;
|
|
125
121
|
close: string;
|
|
126
|
-
mixable: boolean;
|
|
127
122
|
expelEnclosingWhitespace: boolean;
|
|
123
|
+
mixable: boolean;
|
|
124
|
+
open: string;
|
|
128
125
|
};
|
|
129
|
-
|
|
126
|
+
subsup: {
|
|
127
|
+
close: string;
|
|
130
128
|
open: string;
|
|
129
|
+
};
|
|
130
|
+
textColor: {
|
|
131
131
|
close: string;
|
|
132
|
-
|
|
133
|
-
expelEnclosingWhitespace: boolean;
|
|
132
|
+
open: string;
|
|
134
133
|
};
|
|
135
|
-
|
|
136
|
-
open(_state: MarkdownSerializerState, mark: any): string;
|
|
134
|
+
typeAheadQuery: {
|
|
137
135
|
close: string;
|
|
136
|
+
open: string;
|
|
138
137
|
};
|
|
139
|
-
|
|
138
|
+
underline: {
|
|
139
|
+
close: string;
|
|
140
140
|
open: string;
|
|
141
|
+
};
|
|
142
|
+
unsupportedMark: {
|
|
141
143
|
close: string;
|
|
142
|
-
|
|
144
|
+
open: string;
|
|
143
145
|
};
|
|
144
146
|
};
|
|
@@ -101,7 +101,7 @@ export default function ToolsDrawer({ renderEditor }: Props) {
|
|
|
101
101
|
return (
|
|
102
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
103
103
|
<div css={content}>
|
|
104
|
-
<div style={{ padding: `${token('space.075'
|
|
104
|
+
<div style={{ padding: `${token('space.075')} 0` }}>️️️Slack Editor</div>
|
|
105
105
|
{reloadEditor
|
|
106
106
|
? ''
|
|
107
107
|
: renderEditor({
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import { css, type SerializedStyles } from '@emotion/react';
|
|
3
3
|
import { token } from '@atlaskit/tokens';
|
|
4
|
-
import { N800 } from '@atlaskit/theme/colors';
|
|
5
4
|
|
|
6
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
7
6
|
export const content: SerializedStyles = css({
|
|
8
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
8
|
'& div.toolsDrawer': {
|
|
10
|
-
padding: `${token('space.100'
|
|
11
|
-
background: token('color.background.neutral.bold'
|
|
9
|
+
padding: `${token('space.100')} ${token('space.200')}`,
|
|
10
|
+
background: token('color.background.neutral.bold'),
|
|
12
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
12
|
'& label': {
|
|
14
13
|
display: 'flex',
|
|
15
|
-
color: token('color.text.inverse'
|
|
14
|
+
color: token('color.text.inverse'),
|
|
16
15
|
alignSelf: 'center',
|
|
17
|
-
paddingRight: token('space.100'
|
|
16
|
+
paddingRight: token('space.100'),
|
|
18
17
|
},
|
|
19
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
19
|
'& button': {
|
|
21
|
-
margin: `${token('space.050'
|
|
20
|
+
margin: `${token('space.050')} 0`,
|
|
22
21
|
},
|
|
23
22
|
},
|
|
24
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
24
|
'& legend': {
|
|
26
|
-
margin: `${token('space.100'
|
|
25
|
+
margin: `${token('space.100')} 0`,
|
|
27
26
|
},
|
|
28
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
28
|
'& input': {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-slack-transformer",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.4",
|
|
4
4
|
"description": "Editor Slack transformer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/editor-prosemirror": "7.
|
|
32
|
+
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
33
33
|
"@babel/runtime": "^7.0.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
@@ -37,13 +37,13 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@atlaskit/activity": "^1.0.1",
|
|
40
|
-
"@atlaskit/editor-core": "^
|
|
40
|
+
"@atlaskit/editor-core": "^217.5.0",
|
|
41
41
|
"@atlaskit/editor-test-helpers": "workspace:^",
|
|
42
|
-
"@atlaskit/emoji": "^69.
|
|
43
|
-
"@atlaskit/mention": "^24.
|
|
44
|
-
"@atlaskit/theme": "^
|
|
45
|
-
"@atlaskit/tokens": "^
|
|
46
|
-
"@atlaskit/util-data-test": "^18.
|
|
42
|
+
"@atlaskit/emoji": "^69.10.0",
|
|
43
|
+
"@atlaskit/mention": "^24.6.0",
|
|
44
|
+
"@atlaskit/theme": "^22.0.0",
|
|
45
|
+
"@atlaskit/tokens": "^11.1.0",
|
|
46
|
+
"@atlaskit/util-data-test": "^18.5.0",
|
|
47
47
|
"@emotion/react": "^11.7.1"
|
|
48
48
|
}
|
|
49
49
|
}
|