@atlaskit/editor-plugin-quick-insert 28.0.2 → 29.0.1

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 CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-quick-insert
2
2
 
3
+ ## 29.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 29.0.0
10
+
11
+ ### Patch Changes
12
+
13
+ - [`25d608f808027`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25d608f808027) -
14
+ Look up GLOBAL template preview images by `snippetKey`, so every product's copy of a template
15
+ shows its preview and Atlassian attribution (behind `platform_editor_slash_command`). Remove the
16
+ snippet-specific preview fallback from generic quick insert provider items
17
+ - Updated dependencies
18
+
3
19
  ## 28.0.2
4
20
 
5
21
  ### Patch Changes
@@ -1,31 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.getLegacyCompatibleComponents = void 0;
9
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _reactIntl = require("react-intl");
10
+ var _react = _interopRequireDefault(require("react"));
13
11
  var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
14
12
  var _getMenuItemParents = require("@atlaskit/editor-common/quick-insert/get-menu-item-parents");
15
13
  var _getProviderMenuItemKey = require("@atlaskit/editor-common/quick-insert/get-provider-menu-item-key");
16
14
  var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
17
- var _messages = require("@atlaskit/editor-common/quick-insert/messages");
18
- var _snippetPreviewImageUrls = require("@atlaskit/editor-common/quick-insert/snippet-preview-image-urls");
19
15
  var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
20
16
  var _apps = _interopRequireDefault(require("@atlaskit/icon/core/apps"));
21
- 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); }
22
17
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
18
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
19
  var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuItem(_ref) {
25
20
  var item = _ref.item,
26
21
  onInsert = _ref.onInsert;
27
- var _useIntl = (0, _reactIntl.useIntl)(),
28
- formatMessage = _useIntl.formatMessage;
29
22
  var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
30
23
  editorView = _useQuickInsertContex.editorView,
31
24
  isOffline = _useQuickInsertContex.isOffline;
@@ -40,19 +33,6 @@ var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuIt
40
33
  return result;
41
34
  };
42
35
  var Icon = item.icon;
43
- var itemKey = item.key === undefined ? undefined : String(item.key);
44
- var snippetKeyPrefix = 'snippet-extension:snippet-';
45
- var previewKey = itemKey !== null && itemKey !== void 0 && itemKey.startsWith(snippetKeyPrefix) ? itemKey.slice(snippetKeyPrefix.length) : undefined;
46
- var fallbackPreviewImage = previewKey ? (0, _snippetPreviewImageUrls.getSnippetPreviewImageUrls)(previewKey) : undefined;
47
- var preview = (0, _react.useMemo)(function () {
48
- var _item$preview;
49
- return (_item$preview = item.preview) !== null && _item$preview !== void 0 ? _item$preview : fallbackPreviewImage ? {
50
- image: fallbackPreviewImage,
51
- attribution: {
52
- name: formatMessage(_messages.messages.previewAttributionAtlassian)
53
- }
54
- } : undefined;
55
- }, [formatMessage, fallbackPreviewImage, item.preview]);
56
36
  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
57
37
  description: item.description,
58
38
  iconBefore: Icon ? /*#__PURE__*/_react.default.createElement(Icon, null) : /*#__PURE__*/_react.default.createElement(_apps.default, {
@@ -60,7 +40,7 @@ var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuIt
60
40
  }),
61
41
  isDisabled: isDisabled,
62
42
  onSelect: onSelect,
63
- preview: preview,
43
+ preview: item.preview,
64
44
  shortcut: item.keyshortcut,
65
45
  title: item.title
66
46
  });
@@ -1,20 +1,14 @@
1
- import React, { useMemo } from 'react';
2
- import { useIntl } from 'react-intl';
1
+ import React from 'react';
3
2
  import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
4
3
  import { getQuickInsertMenuItemParents } from '@atlaskit/editor-common/quick-insert/get-menu-item-parents';
5
4
  import { getQuickInsertProviderMenuItemKey } from '@atlaskit/editor-common/quick-insert/get-provider-menu-item-key';
6
5
  import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
7
- import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
8
- import { getSnippetPreviewImageUrls } from '@atlaskit/editor-common/quick-insert/snippet-preview-image-urls';
9
6
  import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
10
7
  import AppsIcon from '@atlaskit/icon/core/apps';
11
8
  const LegacyQuickInsertProviderMenuItem = ({
12
9
  item,
13
10
  onInsert
14
11
  }) => {
15
- const {
16
- formatMessage
17
- } = useIntl();
18
12
  const {
19
13
  editorView,
20
14
  isOffline
@@ -31,19 +25,6 @@ const LegacyQuickInsertProviderMenuItem = ({
31
25
  return result;
32
26
  };
33
27
  const Icon = item.icon;
34
- const itemKey = item.key === undefined ? undefined : String(item.key);
35
- const snippetKeyPrefix = 'snippet-extension:snippet-';
36
- const previewKey = itemKey !== null && itemKey !== void 0 && itemKey.startsWith(snippetKeyPrefix) ? itemKey.slice(snippetKeyPrefix.length) : undefined;
37
- const fallbackPreviewImage = previewKey ? getSnippetPreviewImageUrls(previewKey) : undefined;
38
- const preview = useMemo(() => {
39
- var _item$preview;
40
- return (_item$preview = item.preview) !== null && _item$preview !== void 0 ? _item$preview : fallbackPreviewImage ? {
41
- image: fallbackPreviewImage,
42
- attribution: {
43
- name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
44
- }
45
- } : undefined;
46
- }, [formatMessage, fallbackPreviewImage, item.preview]);
47
28
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
48
29
  description: item.description,
49
30
  iconBefore: Icon ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(AppsIcon, {
@@ -51,7 +32,7 @@ const LegacyQuickInsertProviderMenuItem = ({
51
32
  }),
52
33
  isDisabled: isDisabled,
53
34
  onSelect: onSelect,
54
- preview: preview,
35
+ preview: item.preview,
55
36
  shortcut: item.keyshortcut,
56
37
  title: item.title
57
38
  });
@@ -2,21 +2,16 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- import React, { useMemo } from 'react';
6
- import { useIntl } from 'react-intl';
5
+ import React from 'react';
7
6
  import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
8
7
  import { getQuickInsertMenuItemParents } from '@atlaskit/editor-common/quick-insert/get-menu-item-parents';
9
8
  import { getQuickInsertProviderMenuItemKey } from '@atlaskit/editor-common/quick-insert/get-provider-menu-item-key';
10
9
  import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
11
- import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
12
- import { getSnippetPreviewImageUrls } from '@atlaskit/editor-common/quick-insert/snippet-preview-image-urls';
13
10
  import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
14
11
  import AppsIcon from '@atlaskit/icon/core/apps';
15
12
  var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuItem(_ref) {
16
13
  var item = _ref.item,
17
14
  onInsert = _ref.onInsert;
18
- var _useIntl = useIntl(),
19
- formatMessage = _useIntl.formatMessage;
20
15
  var _useQuickInsertContex = useQuickInsertContext(),
21
16
  editorView = _useQuickInsertContex.editorView,
22
17
  isOffline = _useQuickInsertContex.isOffline;
@@ -31,19 +26,6 @@ var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuIt
31
26
  return result;
32
27
  };
33
28
  var Icon = item.icon;
34
- var itemKey = item.key === undefined ? undefined : String(item.key);
35
- var snippetKeyPrefix = 'snippet-extension:snippet-';
36
- var previewKey = itemKey !== null && itemKey !== void 0 && itemKey.startsWith(snippetKeyPrefix) ? itemKey.slice(snippetKeyPrefix.length) : undefined;
37
- var fallbackPreviewImage = previewKey ? getSnippetPreviewImageUrls(previewKey) : undefined;
38
- var preview = useMemo(function () {
39
- var _item$preview;
40
- return (_item$preview = item.preview) !== null && _item$preview !== void 0 ? _item$preview : fallbackPreviewImage ? {
41
- image: fallbackPreviewImage,
42
- attribution: {
43
- name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
44
- }
45
- } : undefined;
46
- }, [formatMessage, fallbackPreviewImage, item.preview]);
47
29
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
48
30
  description: item.description,
49
31
  iconBefore: Icon ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(AppsIcon, {
@@ -51,7 +33,7 @@ var LegacyQuickInsertProviderMenuItem = function LegacyQuickInsertProviderMenuIt
51
33
  }),
52
34
  isDisabled: isDisabled,
53
35
  onSelect: onSelect,
54
- preview: preview,
36
+ preview: item.preview,
55
37
  shortcut: item.keyshortcut,
56
38
  title: item.title
57
39
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-quick-insert",
3
- "version": "28.0.2",
3
+ "version": "29.0.1",
4
4
  "description": "Quick insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -26,15 +26,15 @@
26
26
  ],
27
27
  "atlaskit:src": "src/index.ts",
28
28
  "dependencies": {
29
- "@atlaskit/button": "^25.4.0",
29
+ "@atlaskit/button": "^25.5.0",
30
30
  "@atlaskit/css": "^1.1.0",
31
31
  "@atlaskit/docs": "^12.3.0",
32
- "@atlaskit/editor-plugin-analytics": "^28.0.0",
33
- "@atlaskit/editor-plugin-connectivity": "^28.0.0",
34
- "@atlaskit/editor-plugin-editor-viewmode": "^30.0.0",
35
- "@atlaskit/editor-plugin-metrics": "^29.0.0",
36
- "@atlaskit/editor-plugin-type-ahead": "^29.0.0",
37
- "@atlaskit/editor-plugin-ui-control-registry": "^22.0.0",
32
+ "@atlaskit/editor-plugin-analytics": "^29.0.0",
33
+ "@atlaskit/editor-plugin-connectivity": "^29.0.0",
34
+ "@atlaskit/editor-plugin-editor-viewmode": "^31.0.0",
35
+ "@atlaskit/editor-plugin-metrics": "^30.0.0",
36
+ "@atlaskit/editor-plugin-type-ahead": "^30.0.0",
37
+ "@atlaskit/editor-plugin-ui-control-registry": "^23.0.0",
38
38
  "@atlaskit/editor-prosemirror": "^9.0.0",
39
39
  "@atlaskit/editor-tables": "^3.2.0",
40
40
  "@atlaskit/editor-ui-control-model": "^2.10.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/platform-feature-flags": "^2.2.0",
46
46
  "@atlaskit/primitives": "^22.6.0",
47
47
  "@atlaskit/textfield": "^10.2.0",
48
- "@atlaskit/tmp-editor-statsig": "^242.0.0",
48
+ "@atlaskit/tmp-editor-statsig": "^243.0.0",
49
49
  "@atlaskit/tokens": "^20.6.0",
50
50
  "@atlaskit/tooltip": "^24.4.0",
51
51
  "@babel/runtime": "^7.0.0",
@@ -53,7 +53,7 @@
53
53
  "@emotion/react": "^11.7.1"
54
54
  },
55
55
  "peerDependencies": {
56
- "@atlaskit/editor-common": "^132.0.0",
56
+ "@atlaskit/editor-common": "^133.1.0",
57
57
  "react": "^18.2.0 || ^19.2.0",
58
58
  "react-dom": "^18.2.0 || ^19.2.0",
59
59
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"