@atlaskit/editor-plugin-block-type 22.0.6 → 22.0.8

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 (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +1 -1
  3. package/dist/cjs/ui/QuoteBlockMenuItem.js +1 -1
  4. package/dist/cjs/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +31 -0
  5. package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +1 -1
  6. package/dist/es2019/ui/QuoteBlockMenuItem.js +1 -1
  7. package/dist/es2019/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +31 -0
  8. package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +1 -1
  9. package/dist/esm/ui/QuoteBlockMenuItem.js +1 -1
  10. package/dist/esm/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +31 -0
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-block-type
2
2
 
3
+ ## 22.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a6ea70b003713`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a6ea70b003713) -
8
+ Improve the slash-command menu behind `platform_editor_slash_command`: add optional light and dark
9
+ preview image URLs, show theme-aware previews for headings, quote, and list commands, and set the
10
+ registered menu to 320px wide and up to 480px tall while allowing short menus to hug their
11
+ contents. Previews fall back to the light image when no dark image is supplied and are not shown
12
+ when no URLs are supplied.
13
+ - Updated dependencies
14
+
15
+ ## 22.0.7
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 22.0.6
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.js CHANGED
@@ -1,4 +1,4 @@
1
- /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/ui/QuoteBlockMenuItem.js CHANGED
@@ -1,4 +1,4 @@
1
- /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/ui/quick-insert/BlockTypeQuickInsertMenuItem.js CHANGED
@@ -55,6 +55,36 @@ var headingQuickInsertShortcuts = {
55
55
  5: (_tooltip5 = (0, _keymaps.tooltip)(_keymaps.toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
56
56
  6: (_tooltip6 = (0, _keymaps.tooltip)(_keymaps.toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
57
57
  };
58
+ var previewImageUrls = {
59
+ blockquote: {
60
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/d4te57pv7j85c6xr1vui6q708733gfc3.png',
61
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/284qt5g0c4mqi24osl0df4s3ra301mpx.png'
62
+ },
63
+ 1: {
64
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hw6qyn044721b2m7v3102xik2llkf6qb.png',
65
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1i1ff4is6g200qb6a4181fjecydch0kc.png'
66
+ },
67
+ 2: {
68
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8abbo27edjqrle6c78u8qj2j67707abu.png',
69
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8rt7x7u7765v72l0ngw65em701u4s58l.png'
70
+ },
71
+ 3: {
72
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/350xa31s48b471rf57xhr344rx8qs17a.png',
73
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/gyt13k2542x5bgq284m10n1hc4baf85j.png'
74
+ },
75
+ 4: {
76
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/26goi016hs18n0r5243bdh8260ucp58n.png',
77
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/78356r6s0xwe71o13mfj381gpyqt4niq.png'
78
+ },
79
+ 5: {
80
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1uou5866vounmn58aunwxkfo20kk871o.png',
81
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/584t6547t6h570unr3v581oi154625lo.png'
82
+ },
83
+ 6: {
84
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5h60y538ycf7d7646t0k644iau08027l.png',
85
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g3o407j1432fc405m45r82ygbfv44323.png'
86
+ }
87
+ };
58
88
  var getHeadingQuickInsertMessages = exports.getHeadingQuickInsertMessages = function getHeadingQuickInsertMessages(level) {
59
89
  return headingQuickInsertMessages[level];
60
90
  };
@@ -139,6 +169,7 @@ var BlockTypeQuickInsertMenuItem = exports.BlockTypeQuickInsertMenuItem = functi
139
169
  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
140
170
  iconBefore: getBlockTypeQuickInsertIcon(item),
141
171
  onSelect: onSelect,
172
+ previewImageUrls: previewImageUrls[item],
142
173
  shortcut: shortcut,
143
174
  title: title
144
175
  });
package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.js CHANGED
@@ -1,4 +1,4 @@
1
- /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  var _editorUGCToken;
3
3
  import "./HeadingButton.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/es2019/ui/QuoteBlockMenuItem.js CHANGED
@@ -1,4 +1,4 @@
1
- /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./QuoteBlockMenuItem.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
package/dist/es2019/ui/quick-insert/BlockTypeQuickInsertMenuItem.js CHANGED
@@ -46,6 +46,36 @@ const headingQuickInsertShortcuts = {
46
46
  5: (_tooltip5 = tooltip(toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
47
47
  6: (_tooltip6 = tooltip(toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
48
48
  };
49
+ const previewImageUrls = {
50
+ blockquote: {
51
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/d4te57pv7j85c6xr1vui6q708733gfc3.png',
52
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/284qt5g0c4mqi24osl0df4s3ra301mpx.png'
53
+ },
54
+ 1: {
55
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hw6qyn044721b2m7v3102xik2llkf6qb.png',
56
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1i1ff4is6g200qb6a4181fjecydch0kc.png'
57
+ },
58
+ 2: {
59
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8abbo27edjqrle6c78u8qj2j67707abu.png',
60
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8rt7x7u7765v72l0ngw65em701u4s58l.png'
61
+ },
62
+ 3: {
63
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/350xa31s48b471rf57xhr344rx8qs17a.png',
64
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/gyt13k2542x5bgq284m10n1hc4baf85j.png'
65
+ },
66
+ 4: {
67
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/26goi016hs18n0r5243bdh8260ucp58n.png',
68
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/78356r6s0xwe71o13mfj381gpyqt4niq.png'
69
+ },
70
+ 5: {
71
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1uou5866vounmn58aunwxkfo20kk871o.png',
72
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/584t6547t6h570unr3v581oi154625lo.png'
73
+ },
74
+ 6: {
75
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5h60y538ycf7d7646t0k644iau08027l.png',
76
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g3o407j1432fc405m45r82ygbfv44323.png'
77
+ }
78
+ };
49
79
  export const getHeadingQuickInsertMessages = level => headingQuickInsertMessages[level];
50
80
  export const getHeadingQuickInsertShortcut = level => headingQuickInsertShortcuts[level];
51
81
  const getBlockTypeQuickInsertIcon = item => {
@@ -129,6 +159,7 @@ export const BlockTypeQuickInsertMenuItem = ({
129
159
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
130
160
  iconBefore: getBlockTypeQuickInsertIcon(item),
131
161
  onSelect: onSelect,
162
+ previewImageUrls: previewImageUrls[item],
132
163
  shortcut: shortcut,
133
164
  title: title
134
165
  });
package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.js CHANGED
@@ -1,4 +1,4 @@
1
- /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* HeadingButton.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  var _editorUGCToken;
3
3
  import "./HeadingButton.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/esm/ui/QuoteBlockMenuItem.js CHANGED
@@ -1,4 +1,4 @@
1
- /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./QuoteBlockMenuItem.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
package/dist/esm/ui/quick-insert/BlockTypeQuickInsertMenuItem.js CHANGED
@@ -46,6 +46,36 @@ var headingQuickInsertShortcuts = {
46
46
  5: (_tooltip5 = tooltip(toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
47
47
  6: (_tooltip6 = tooltip(toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
48
48
  };
49
+ var previewImageUrls = {
50
+ blockquote: {
51
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/d4te57pv7j85c6xr1vui6q708733gfc3.png',
52
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/284qt5g0c4mqi24osl0df4s3ra301mpx.png'
53
+ },
54
+ 1: {
55
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hw6qyn044721b2m7v3102xik2llkf6qb.png',
56
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1i1ff4is6g200qb6a4181fjecydch0kc.png'
57
+ },
58
+ 2: {
59
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8abbo27edjqrle6c78u8qj2j67707abu.png',
60
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8rt7x7u7765v72l0ngw65em701u4s58l.png'
61
+ },
62
+ 3: {
63
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/350xa31s48b471rf57xhr344rx8qs17a.png',
64
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/gyt13k2542x5bgq284m10n1hc4baf85j.png'
65
+ },
66
+ 4: {
67
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/26goi016hs18n0r5243bdh8260ucp58n.png',
68
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/78356r6s0xwe71o13mfj381gpyqt4niq.png'
69
+ },
70
+ 5: {
71
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1uou5866vounmn58aunwxkfo20kk871o.png',
72
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/584t6547t6h570unr3v581oi154625lo.png'
73
+ },
74
+ 6: {
75
+ dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5h60y538ycf7d7646t0k644iau08027l.png',
76
+ light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g3o407j1432fc405m45r82ygbfv44323.png'
77
+ }
78
+ };
49
79
  export var getHeadingQuickInsertMessages = function getHeadingQuickInsertMessages(level) {
50
80
  return headingQuickInsertMessages[level];
51
81
  };
@@ -130,6 +160,7 @@ export var BlockTypeQuickInsertMenuItem = function BlockTypeQuickInsertMenuItem(
130
160
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
131
161
  iconBefore: getBlockTypeQuickInsertIcon(item),
132
162
  onSelect: onSelect,
163
+ previewImageUrls: previewImageUrls[item],
133
164
  shortcut: shortcut,
134
165
  title: title
135
166
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-type",
3
- "version": "22.0.6",
3
+ "version": "22.0.8",
4
4
  "description": "BlockType plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,7 +25,7 @@
25
25
  "@atlaskit/css": "^1.1.0",
26
26
  "@atlaskit/editor-plugin-analytics": "^18.0.0",
27
27
  "@atlaskit/editor-plugin-block-menu": "^17.0.0",
28
- "@atlaskit/editor-plugin-interaction": "^29.0.0",
28
+ "@atlaskit/editor-plugin-interaction": "^30.0.0",
29
29
  "@atlaskit/editor-plugin-list": "^20.0.0",
30
30
  "@atlaskit/editor-plugin-primary-toolbar": "^19.0.0",
31
31
  "@atlaskit/editor-plugin-selection": "^18.0.0",
@@ -43,14 +43,14 @@
43
43
  "@atlaskit/primitives": "^22.5.0",
44
44
  "@atlaskit/prosemirror-history": "^1.2.0",
45
45
  "@atlaskit/prosemirror-input-rules": "^4.1.0",
46
- "@atlaskit/tmp-editor-statsig": "^194.0.0",
47
- "@atlaskit/tokens": "^16.12.0",
46
+ "@atlaskit/tmp-editor-statsig": "^196.0.0",
47
+ "@atlaskit/tokens": "^17.0.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@compiled/react": "^1.0.2",
50
50
  "@emotion/react": "^11.7.1"
51
51
  },
52
52
  "peerDependencies": {
53
- "@atlaskit/editor-common": "^122.6.0",
53
+ "@atlaskit/editor-common": "^122.7.0",
54
54
  "react": "^18.2.0 || ^19.2.0",
55
55
  "react-dom": "^18.2.0 || ^19.2.0",
56
56
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"