@atlaskit/editor-plugin-panel 23.0.3 → 24.0.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 (9) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/ui/quick-insert/PanelQuickInsertMenuItem.js +12 -1
  3. package/dist/cjs/ui/quick-insert/getPanelQuickInsertComponents.js +13 -12
  4. package/dist/es2019/ui/quick-insert/PanelQuickInsertMenuItem.js +11 -2
  5. package/dist/es2019/ui/quick-insert/getPanelQuickInsertComponents.js +13 -12
  6. package/dist/esm/ui/quick-insert/PanelQuickInsertMenuItem.js +13 -2
  7. package/dist/esm/ui/quick-insert/getPanelQuickInsertComponents.js +13 -12
  8. package/dist/types/ui/quick-insert/PanelQuickInsertMenuItem.d.ts +2 -1
  9. package/package.json +12 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/editor-plugin-panel
2
2
 
3
+ ## 24.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 23.0.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`a034f535638cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a034f535638cc) -
14
+ Add structured Quick Insert previews with localised title, description and attribution under
15
+ platform_editor_slash_command.
16
+
17
+ Exclude footer and category navigation actions from previews. Left-align attribution, use subtle
18
+ title and attribution text, and default description text.
19
+
20
+ Show text previews even without preview metadata, and reserve a fixed image area while images load
21
+ or when they fail. Keep previews within the viewport, flipping left when needed, with compact
22
+ panel dimensions and typography.
23
+
24
+ Replace baked panel screenshots with image-only assets. Remove image fields from text-only legacy
25
+ previews while preserving their attribution.
26
+
27
+ Let extension providers own their preview images and attribution. Pass preview metadata through
28
+ the Company Hub manifest factory and remove Editor's fallback preview registry.
29
+
30
+ Localize provider attribution names and display Confluence and Jira product icons instead of the
31
+ attribution prefix when an icon is present. Allow the Dropbox manifest to receive the host's
32
+ message formatter.
33
+
34
+ - Updated dependencies
35
+
3
36
  ## 23.0.3
4
37
 
5
38
  ### Patch Changes
package/dist/cjs/ui/quick-insert/PanelQuickInsertMenuItem.js CHANGED
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var _reactIntl = require("react-intl");
10
10
  var _panel = require("@atlaskit/adf-schema/panel");
11
11
  var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
12
+ var _messages = require("@atlaskit/editor-common/quick-insert/messages");
12
13
  var _createPanelAction = require("../../pm-plugins/commands/create-panel-action");
13
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
15
  var getPanelAttributes = function getPanelAttributes(panelType) {
@@ -26,12 +27,21 @@ var getPanelAttributes = function getPanelAttributes(panelType) {
26
27
  };
27
28
  var PanelQuickInsertMenuItem = exports.PanelQuickInsertMenuItem = function PanelQuickInsertMenuItem(_ref) {
28
29
  var api = _ref.api,
30
+ description = _ref.description,
29
31
  Icon = _ref.icon,
30
32
  panelType = _ref.panelType,
31
33
  previewImageUrls = _ref.previewImageUrls,
32
34
  title = _ref.title;
33
35
  var _useIntl = (0, _reactIntl.useIntl)(),
34
36
  formatMessage = _useIntl.formatMessage;
37
+ var preview = (0, _react.useMemo)(function () {
38
+ return previewImageUrls ? {
39
+ image: previewImageUrls,
40
+ attribution: {
41
+ name: formatMessage(_messages.messages.previewAttributionAtlassian)
42
+ }
43
+ } : undefined;
44
+ }, [formatMessage, previewImageUrls]);
35
45
  var onSelect = (0, _react.useCallback)(function (_ref2) {
36
46
  var editorView = _ref2.editorView,
37
47
  insert = _ref2.insert,
@@ -45,11 +55,12 @@ var PanelQuickInsertMenuItem = exports.PanelQuickInsertMenuItem = function Panel
45
55
  });
46
56
  }, [api, panelType]);
47
57
  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
58
+ description: formatMessage(description),
48
59
  iconBefore: /*#__PURE__*/_react.default.createElement(Icon, {
49
60
  label: ""
50
61
  }),
51
62
  onSelect: onSelect,
52
- previewImageUrls: previewImageUrls,
63
+ preview: preview,
53
64
  title: formatMessage(title)
54
65
  });
55
66
  };
package/dist/cjs/ui/quick-insert/getPanelQuickInsertComponents.js CHANGED
@@ -26,8 +26,8 @@ var standardPanelItems = [{
26
26
  menuItem: _keys.INFO_PANEL_MENU_ITEM,
27
27
  panelType: _panel.PanelType.INFO,
28
28
  previewImageUrls: {
29
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1ehbcks76dadn6s1ag865ovgv0725wf3.png',
30
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sj4h840me816r662ei5r630c56mrs7r3.png'
29
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKL.png',
30
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHA.png'
31
31
  },
32
32
  title: _messages.blockTypeMessages.infoPanel
33
33
  }, {
@@ -36,8 +36,8 @@ var standardPanelItems = [{
36
36
  menuItem: _keys.NOTE_PANEL_MENU_ITEM,
37
37
  panelType: _panel.PanelType.NOTE,
38
38
  previewImageUrls: {
39
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/248377u2ho62u47324ytqoh85dqha007.png',
40
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/h60803y651s373xi527m1g77h0yfc10m.png'
39
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKJ.png',
40
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHB.png'
41
41
  },
42
42
  title: _messages.blockTypeMessages.notePanel
43
43
  }, {
@@ -47,8 +47,8 @@ var standardPanelItems = [{
47
47
  menuItem: _keys.SUCCESS_PANEL_MENU_ITEM,
48
48
  panelType: _panel.PanelType.SUCCESS,
49
49
  previewImageUrls: {
50
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hsw851w22c21u6ax4t5fiuyb03yhvs16.png',
51
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wd47nv4tx2i1241dsnyv5j50hgibquo2.png'
50
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKP.png',
51
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH6.png'
52
52
  },
53
53
  title: _messages.blockTypeMessages.successPanel
54
54
  }, {
@@ -57,8 +57,8 @@ var standardPanelItems = [{
57
57
  menuItem: _keys.WARNING_PANEL_MENU_ITEM,
58
58
  panelType: _panel.PanelType.WARNING,
59
59
  previewImageUrls: {
60
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/54op86o010736t82k472108al33sm3hl.png',
61
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1058288r80467lk7vg0ymq8yp0fs42ws.png'
60
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKO.png',
61
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHC.png'
62
62
  },
63
63
  title: _messages.blockTypeMessages.warningPanel
64
64
  }, {
@@ -67,8 +67,8 @@ var standardPanelItems = [{
67
67
  menuItem: _keys.ERROR_PANEL_MENU_ITEM,
68
68
  panelType: _panel.PanelType.ERROR,
69
69
  previewImageUrls: {
70
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/526333021m38g0ndel1s4ljcma4ce2s0.png',
71
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/c15gpkb25ds3078i0n8dp8k6o1io173f.png'
70
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKQ.png',
71
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH1.png'
72
72
  },
73
73
  title: _messages.blockTypeMessages.errorPanel
74
74
  }];
@@ -78,8 +78,8 @@ var customPanelItem = {
78
78
  menuItem: _keys.CUSTOM_PANEL_MENU_ITEM,
79
79
  panelType: _panel.PanelType.CUSTOM,
80
80
  previewImageUrls: {
81
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/kt0aor1ut1h72isq432188hmbs3du1l0.png',
82
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/f2m032ds3s1t81m362bp10ni7h8604xn.png'
81
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKN.png',
82
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHD.png'
83
83
  },
84
84
  title: _messages.blockTypeMessages.customPanel
85
85
  };
@@ -115,6 +115,7 @@ var getPanelQuickInsertComponents = exports.getPanelQuickInsertComponents = func
115
115
  component: function component() {
116
116
  return /*#__PURE__*/_react.default.createElement(_PanelQuickInsertMenuItem.PanelQuickInsertMenuItem, {
117
117
  api: api,
118
+ description: description,
118
119
  icon: icon,
119
120
  panelType: panelType,
120
121
  previewImageUrls: previewImageUrls,
package/dist/es2019/ui/quick-insert/PanelQuickInsertMenuItem.js CHANGED
@@ -1,7 +1,8 @@
1
- import React, { useCallback } from 'react';
1
+ import React, { useCallback, useMemo } from 'react';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { PanelType } from '@atlaskit/adf-schema/panel';
4
4
  import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
5
+ import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
5
6
  import { createPanelAction } from '../../pm-plugins/commands/create-panel-action';
6
7
  const getPanelAttributes = panelType => panelType === PanelType.CUSTOM ? {
7
8
  panelType,
@@ -16,6 +17,7 @@ const getPanelAttributes = panelType => panelType === PanelType.CUSTOM ? {
16
17
  };
17
18
  export const PanelQuickInsertMenuItem = ({
18
19
  api,
20
+ description,
19
21
  icon: Icon,
20
22
  panelType,
21
23
  previewImageUrls,
@@ -24,6 +26,12 @@ export const PanelQuickInsertMenuItem = ({
24
26
  const {
25
27
  formatMessage
26
28
  } = useIntl();
29
+ const preview = useMemo(() => previewImageUrls ? {
30
+ image: previewImageUrls,
31
+ attribution: {
32
+ name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
33
+ }
34
+ } : undefined, [formatMessage, previewImageUrls]);
27
35
  const onSelect = useCallback(({
28
36
  editorView,
29
37
  insert,
@@ -36,11 +44,12 @@ export const PanelQuickInsertMenuItem = ({
36
44
  typeAheadInsert: insert
37
45
  }), [api, panelType]);
38
46
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
47
+ description: formatMessage(description),
39
48
  iconBefore: /*#__PURE__*/React.createElement(Icon, {
40
49
  label: ""
41
50
  }),
42
51
  onSelect: onSelect,
43
- previewImageUrls: previewImageUrls,
52
+ preview: preview,
44
53
  title: formatMessage(title)
45
54
  });
46
55
  };
package/dist/es2019/ui/quick-insert/getPanelQuickInsertComponents.js CHANGED
@@ -18,8 +18,8 @@ const standardPanelItems = [{
18
18
  menuItem: INFO_PANEL_MENU_ITEM,
19
19
  panelType: PanelType.INFO,
20
20
  previewImageUrls: {
21
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1ehbcks76dadn6s1ag865ovgv0725wf3.png',
22
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sj4h840me816r662ei5r630c56mrs7r3.png'
21
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKL.png',
22
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHA.png'
23
23
  },
24
24
  title: blockTypeMessages.infoPanel
25
25
  }, {
@@ -28,8 +28,8 @@ const standardPanelItems = [{
28
28
  menuItem: NOTE_PANEL_MENU_ITEM,
29
29
  panelType: PanelType.NOTE,
30
30
  previewImageUrls: {
31
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/248377u2ho62u47324ytqoh85dqha007.png',
32
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/h60803y651s373xi527m1g77h0yfc10m.png'
31
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKJ.png',
32
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHB.png'
33
33
  },
34
34
  title: blockTypeMessages.notePanel
35
35
  }, {
@@ -39,8 +39,8 @@ const standardPanelItems = [{
39
39
  menuItem: SUCCESS_PANEL_MENU_ITEM,
40
40
  panelType: PanelType.SUCCESS,
41
41
  previewImageUrls: {
42
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hsw851w22c21u6ax4t5fiuyb03yhvs16.png',
43
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wd47nv4tx2i1241dsnyv5j50hgibquo2.png'
42
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKP.png',
43
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH6.png'
44
44
  },
45
45
  title: blockTypeMessages.successPanel
46
46
  }, {
@@ -49,8 +49,8 @@ const standardPanelItems = [{
49
49
  menuItem: WARNING_PANEL_MENU_ITEM,
50
50
  panelType: PanelType.WARNING,
51
51
  previewImageUrls: {
52
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/54op86o010736t82k472108al33sm3hl.png',
53
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1058288r80467lk7vg0ymq8yp0fs42ws.png'
52
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKO.png',
53
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHC.png'
54
54
  },
55
55
  title: blockTypeMessages.warningPanel
56
56
  }, {
@@ -59,8 +59,8 @@ const standardPanelItems = [{
59
59
  menuItem: ERROR_PANEL_MENU_ITEM,
60
60
  panelType: PanelType.ERROR,
61
61
  previewImageUrls: {
62
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/526333021m38g0ndel1s4ljcma4ce2s0.png',
63
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/c15gpkb25ds3078i0n8dp8k6o1io173f.png'
62
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKQ.png',
63
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH1.png'
64
64
  },
65
65
  title: blockTypeMessages.errorPanel
66
66
  }];
@@ -70,8 +70,8 @@ const customPanelItem = {
70
70
  menuItem: CUSTOM_PANEL_MENU_ITEM,
71
71
  panelType: PanelType.CUSTOM,
72
72
  previewImageUrls: {
73
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/kt0aor1ut1h72isq432188hmbs3du1l0.png',
74
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/f2m032ds3s1t81m362bp10ni7h8604xn.png'
73
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKN.png',
74
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHD.png'
75
75
  },
76
76
  title: blockTypeMessages.customPanel
77
77
  };
@@ -106,6 +106,7 @@ export const getPanelQuickInsertComponents = ({
106
106
  })),
107
107
  component: () => /*#__PURE__*/React.createElement(PanelQuickInsertMenuItem, {
108
108
  api: api,
109
+ description: description,
109
110
  icon: icon,
110
111
  panelType: panelType,
111
112
  previewImageUrls: previewImageUrls,
package/dist/esm/ui/quick-insert/PanelQuickInsertMenuItem.js CHANGED
@@ -1,7 +1,8 @@
1
- import React, { useCallback } from 'react';
1
+ import React, { useCallback, useMemo } from 'react';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { PanelType } from '@atlaskit/adf-schema/panel';
4
4
  import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
5
+ import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
5
6
  import { createPanelAction } from '../../pm-plugins/commands/create-panel-action';
6
7
  var getPanelAttributes = function getPanelAttributes(panelType) {
7
8
  return panelType === PanelType.CUSTOM ? {
@@ -18,12 +19,21 @@ var getPanelAttributes = function getPanelAttributes(panelType) {
18
19
  };
19
20
  export var PanelQuickInsertMenuItem = function PanelQuickInsertMenuItem(_ref) {
20
21
  var api = _ref.api,
22
+ description = _ref.description,
21
23
  Icon = _ref.icon,
22
24
  panelType = _ref.panelType,
23
25
  previewImageUrls = _ref.previewImageUrls,
24
26
  title = _ref.title;
25
27
  var _useIntl = useIntl(),
26
28
  formatMessage = _useIntl.formatMessage;
29
+ var preview = useMemo(function () {
30
+ return previewImageUrls ? {
31
+ image: previewImageUrls,
32
+ attribution: {
33
+ name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
34
+ }
35
+ } : undefined;
36
+ }, [formatMessage, previewImageUrls]);
27
37
  var onSelect = useCallback(function (_ref2) {
28
38
  var editorView = _ref2.editorView,
29
39
  insert = _ref2.insert,
@@ -37,11 +47,12 @@ export var PanelQuickInsertMenuItem = function PanelQuickInsertMenuItem(_ref) {
37
47
  });
38
48
  }, [api, panelType]);
39
49
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
50
+ description: formatMessage(description),
40
51
  iconBefore: /*#__PURE__*/React.createElement(Icon, {
41
52
  label: ""
42
53
  }),
43
54
  onSelect: onSelect,
44
- previewImageUrls: previewImageUrls,
55
+ preview: preview,
45
56
  title: formatMessage(title)
46
57
  });
47
58
  };
package/dist/esm/ui/quick-insert/getPanelQuickInsertComponents.js CHANGED
@@ -19,8 +19,8 @@ var standardPanelItems = [{
19
19
  menuItem: INFO_PANEL_MENU_ITEM,
20
20
  panelType: PanelType.INFO,
21
21
  previewImageUrls: {
22
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1ehbcks76dadn6s1ag865ovgv0725wf3.png',
23
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sj4h840me816r662ei5r630c56mrs7r3.png'
22
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKL.png',
23
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHA.png'
24
24
  },
25
25
  title: blockTypeMessages.infoPanel
26
26
  }, {
@@ -29,8 +29,8 @@ var standardPanelItems = [{
29
29
  menuItem: NOTE_PANEL_MENU_ITEM,
30
30
  panelType: PanelType.NOTE,
31
31
  previewImageUrls: {
32
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/248377u2ho62u47324ytqoh85dqha007.png',
33
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/h60803y651s373xi527m1g77h0yfc10m.png'
32
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKJ.png',
33
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHB.png'
34
34
  },
35
35
  title: blockTypeMessages.notePanel
36
36
  }, {
@@ -40,8 +40,8 @@ var standardPanelItems = [{
40
40
  menuItem: SUCCESS_PANEL_MENU_ITEM,
41
41
  panelType: PanelType.SUCCESS,
42
42
  previewImageUrls: {
43
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/hsw851w22c21u6ax4t5fiuyb03yhvs16.png',
44
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wd47nv4tx2i1241dsnyv5j50hgibquo2.png'
43
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKP.png',
44
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH6.png'
45
45
  },
46
46
  title: blockTypeMessages.successPanel
47
47
  }, {
@@ -50,8 +50,8 @@ var standardPanelItems = [{
50
50
  menuItem: WARNING_PANEL_MENU_ITEM,
51
51
  panelType: PanelType.WARNING,
52
52
  previewImageUrls: {
53
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/54op86o010736t82k472108al33sm3hl.png',
54
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1058288r80467lk7vg0ymq8yp0fs42ws.png'
53
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKO.png',
54
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHC.png'
55
55
  },
56
56
  title: blockTypeMessages.warningPanel
57
57
  }, {
@@ -60,8 +60,8 @@ var standardPanelItems = [{
60
60
  menuItem: ERROR_PANEL_MENU_ITEM,
61
61
  panelType: PanelType.ERROR,
62
62
  previewImageUrls: {
63
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/526333021m38g0ndel1s4ljcma4ce2s0.png',
64
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/c15gpkb25ds3078i0n8dp8k6o1io173f.png'
63
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKQ.png',
64
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVH1.png'
65
65
  },
66
66
  title: blockTypeMessages.errorPanel
67
67
  }];
@@ -71,8 +71,8 @@ var customPanelItem = {
71
71
  menuItem: CUSTOM_PANEL_MENU_ITEM,
72
72
  panelType: PanelType.CUSTOM,
73
73
  previewImageUrls: {
74
- light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/kt0aor1ut1h72isq432188hmbs3du1l0.png',
75
- dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/f2m032ds3s1t81m362bp10ni7h8604xn.png'
74
+ light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVKN.png',
75
+ dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVHD.png'
76
76
  },
77
77
  title: blockTypeMessages.customPanel
78
78
  };
@@ -108,6 +108,7 @@ export var getPanelQuickInsertComponents = function getPanelQuickInsertComponent
108
108
  component: function component() {
109
109
  return /*#__PURE__*/React.createElement(PanelQuickInsertMenuItem, {
110
110
  api: api,
111
+ description: description,
111
112
  icon: icon,
112
113
  panelType: panelType,
113
114
  previewImageUrls: previewImageUrls,
package/dist/types/ui/quick-insert/PanelQuickInsertMenuItem.d.ts CHANGED
@@ -5,8 +5,9 @@ import { type QuickInsertMenuItemProps } from '@atlaskit/editor-common/quick-ins
5
5
  import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
6
6
  import type { PanelPlugin } from '../../panelPluginType';
7
7
  export type QuickInsertPanelType = Exclude<PanelType, PanelType.TIP>;
8
- export declare const PanelQuickInsertMenuItem: ({ api, icon: Icon, panelType, previewImageUrls, title, }: {
8
+ export declare const PanelQuickInsertMenuItem: ({ api, description, icon: Icon, panelType, previewImageUrls, title, }: {
9
9
  api: ExtractInjectionAPI<PanelPlugin> | undefined;
10
+ description: MessageDescriptor;
10
11
  icon: React.ComponentType<{
11
12
  label: string;
12
13
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-panel",
3
- "version": "23.0.3",
3
+ "version": "24.0.0",
4
4
  "description": "Panel plugin for @atlaskit/editor-core.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -21,29 +21,29 @@
21
21
  "dependencies": {
22
22
  "@atlaskit/adf-schema": "^57.6.0",
23
23
  "@atlaskit/editor-palette": "^3.5.0",
24
- "@atlaskit/editor-plugin-analytics": "^21.0.0",
25
- "@atlaskit/editor-plugin-block-menu": "^20.0.0",
26
- "@atlaskit/editor-plugin-decorations": "^21.0.0",
27
- "@atlaskit/editor-plugin-emoji": "^22.0.0",
28
- "@atlaskit/editor-plugin-selection": "^21.0.0",
29
- "@atlaskit/editor-plugin-toolbar": "^18.0.0",
30
- "@atlaskit/editor-plugin-ui-control-registry": "^15.0.0",
24
+ "@atlaskit/editor-plugin-analytics": "^22.0.0",
25
+ "@atlaskit/editor-plugin-block-menu": "^21.0.0",
26
+ "@atlaskit/editor-plugin-decorations": "^22.0.0",
27
+ "@atlaskit/editor-plugin-emoji": "^23.0.0",
28
+ "@atlaskit/editor-plugin-selection": "^22.0.0",
29
+ "@atlaskit/editor-plugin-toolbar": "^19.0.0",
30
+ "@atlaskit/editor-plugin-ui-control-registry": "^16.0.0",
31
31
  "@atlaskit/editor-prosemirror": "^9.0.0",
32
32
  "@atlaskit/editor-shared-styles": "^4.3.0",
33
- "@atlaskit/editor-toolbar": "^2.7.0",
33
+ "@atlaskit/editor-toolbar": "^2.8.0",
34
34
  "@atlaskit/editor-ui-control-model": "^2.10.0",
35
35
  "@atlaskit/emoji": "^72.4.0",
36
36
  "@atlaskit/icon": "^38.0.0",
37
- "@atlaskit/icon-lab": "^7.9.0",
37
+ "@atlaskit/icon-lab": "^7.10.0",
38
38
  "@atlaskit/platform-feature-experiments": "^0.3.0",
39
39
  "@atlaskit/platform-feature-flags": "^2.2.0",
40
- "@atlaskit/tmp-editor-statsig": "^208.0.0",
40
+ "@atlaskit/tmp-editor-statsig": "^209.0.0",
41
41
  "@atlaskit/tokens": "^20.0.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "uuid": "^11.1.1"
44
44
  },
45
45
  "peerDependencies": {
46
- "@atlaskit/editor-common": "^125.2.0",
46
+ "@atlaskit/editor-common": "^126.0.0",
47
47
  "react": "^18.2.0 || ^19.2.0",
48
48
  "react-dom": "^18.2.0 || ^19.2.0",
49
49
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"