@atlaskit/editor-plugin-card 0.16.1 → 0.16.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-card
 
+## 0.16.3
+
+### Patch Changes
+
+- [#66961](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66961) [`2e4913393f85`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2e4913393f85) - Add logic to prevent showing datasource edit button in toolbar if datasource does not support editing.
+- Updated dependencies
+
+## 0.16.2
+
+### Patch Changes
+
+- [#67238](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67238) [`40533849b2ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/40533849b2ec) - [ED-21835] Change EditorAPI type to always union with undefined
+
 ## 0.16.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/embedCard.js

@@ -79,7 +79,7 @@ var CardInner = function CardInner(_ref) {
   }
   var displayGrid = function displayGrid(visible, gridType, highlight) {
     var _pluginInjectionApi$g;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid.actions) === null || _pluginInjectionApi$g === void 0 ? void 0 : _pluginInjectionApi$g.displayGrid(view)({
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 ? void 0 : _pluginInjectionApi$g.displayGrid(view)({
       visible: visible,
       gridType: gridType,
       highlight: highlight

package/dist/cjs/pm-plugins/mountHyperlink.js

@@ -28,7 +28,7 @@ var mountHyperlinkPlugin = exports.mountHyperlinkPlugin = function mountHyperlin
   return new _safePlugin.SafePlugin({
     view: function view(editorView) {
       requestAnimationFrame(function () {
-        var _pluginInjectionApi$h;
+        var _pluginInjectionApi$h, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
         pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 || (_pluginInjectionApi$h = _pluginInjectionApi$h.actions) === null || _pluginInjectionApi$h === void 0 || _pluginInjectionApi$h.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
             return [].concat((0, _toConsumableArray2.default)(getToolbarViewedItem(link)), [{
@@ -51,8 +51,8 @@ var mountHyperlinkPlugin = exports.mountHyperlinkPlugin = function mountHyperlin
               }
             }]);
           },
-          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.hideLinkToolbar,
-          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.queueCardsFromChangedTr,
+          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.hideLinkToolbar,
+          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.queueCardsFromChangedTr,
           view: editorView,
           skipAnalytics: true
         });

package/dist/cjs/toolbar.js

@@ -283,6 +283,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
+            var _pluginInjectionApi$c;
             return /*#__PURE__*/_react.default.createElement(_LinkToolbarAppearance.LinkToolbarAppearance, {
               key: "link-appearance",
               url: url,
@@ -294,7 +295,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
               allowBlockCards: allowBlockCards,
               platform: platform,
               editorAnalyticsApi: editorAnalyticsApi,
-              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions,
+              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions,
               showUpgradeDiscoverability: showUpgradeDiscoverability
             });
           }
@@ -347,20 +348,23 @@ var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editorAnalyti
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state) {
   var _node$attrs3;
-  var toolbarItems = [{
-    id: 'editor.edit.datasource',
-    type: 'button',
-    icon: _ui.SmallerEditIcon,
-    metadata: metadata,
-    className: 'datasource-edit',
-    title: intl.formatMessage(_messages.linkToolbarMessages.editDatasource),
-    onClick: (0, _EditDatasourceButton.editDatasource)(datasourceId, editorAnalyticsApi),
-    testId: 'datasource-edit-button'
-  }];
-  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+  var toolbarItems = [];
+  if ((0, _utils3.isDatasourceConfigEditable)(datasourceId)) {
     toolbarItems.push({
-      type: 'separator'
+      id: 'editor.edit.datasource',
+      type: 'button',
+      icon: _ui.SmallerEditIcon,
+      metadata: metadata,
+      className: 'datasource-edit',
+      title: intl.formatMessage(_messages.linkToolbarMessages.editDatasource),
+      onClick: (0, _EditDatasourceButton.editDatasource)(datasourceId, editorAnalyticsApi),
+      testId: 'datasource-edit-button'
     }, {
+      type: 'separator'
+    });
+  }
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
       icon: _shortcut.default,
@@ -368,11 +372,11 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(_messages.linkMessages.openLink),
       onClick: visitCardLink(editorAnalyticsApi)
+    }, {
+      type: 'separator'
     });
   }
   toolbarItems.push({
-    type: 'separator'
-  }, {
     type: 'copy-button',
     items: [{
       state: state,

package/dist/cjs/ui/EditLinkToolbar.js

@@ -118,8 +118,9 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
           }
         },
         onEscapeCallback: function onEscapeCallback(state, dispatch) {
+          var _pluginInjectionApi$h;
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 || _pluginInjectionApi$h.actions.hideLinkToolbar(tr);
           (0, _actions.hideLinkToolbar)(tr);
           forceFocusSelector === null || forceFocusSelector === void 0 || forceFocusSelector("[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
           if (dispatch) {
@@ -129,8 +130,9 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
           return false;
         },
         onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
+          var _pluginInjectionApi$h2;
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h2 = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h2 === void 0 || _pluginInjectionApi$h2.actions.hideLinkToolbar(tr);
           if (dispatch) {
             dispatch(tr);
             return true;
@@ -184,7 +186,7 @@ var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLink
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;

package/dist/cjs/utils.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.isEmbedSupportedAtPosition = exports.isBlockSupportedAtPosition = exports.getResolvedAttributesFromStore = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
+exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.isEmbedSupportedAtPosition = exports.isDatasourceConfigEditable = exports.isBlockSupportedAtPosition = exports.getResolvedAttributesFromStore = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
+var _linkDatasource = require("@atlaskit/link-datasource");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var appearanceForNodeType = exports.appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -75,4 +76,8 @@ var getResolvedAttributesFromStore = exports.getResolvedAttributesFromStore = fu
     url: url,
     displayCategory: displayCategory
   }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
+};
+var isDatasourceConfigEditable = exports.isDatasourceConfigEditable = function isDatasourceConfigEditable(datasourceId) {
+  var datasourcesWithConfigModal = [_linkDatasource.JIRA_LIST_OF_LINKS_DATASOURCE_ID, _linkDatasource.ASSETS_LIST_OF_LINKS_DATASOURCE_ID];
+  return datasourcesWithConfigModal.includes(datasourceId);
 };

package/dist/es2019/nodeviews/embedCard.js

@@ -62,8 +62,8 @@ const CardInner = ({
     }), smartCard);
   }
   const displayGrid = (visible, gridType, highlight) => {
-    var _pluginInjectionApi$g;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.grid.actions) === null || _pluginInjectionApi$g === void 0 ? void 0 : _pluginInjectionApi$g.displayGrid(view)({
+    var _pluginInjectionApi$g, _pluginInjectionApi$g2;
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGrid(view)({
       visible,
       gridType,
       highlight: highlight

package/dist/es2019/pm-plugins/mountHyperlink.js

@@ -18,7 +18,7 @@ export const mountHyperlinkPlugin = (pluginInjectionApi, options) => {
   return new SafePlugin({
     view(editorView) {
       requestAnimationFrame(() => {
-        var _pluginInjectionApi$h, _pluginInjectionApi$h2;
+        var _pluginInjectionApi$h, _pluginInjectionApi$h2, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : (_pluginInjectionApi$h2 = _pluginInjectionApi$h.actions) === null || _pluginInjectionApi$h2 === void 0 ? void 0 : _pluginInjectionApi$h2.prependToolbarButtons({
           items: (state, intl, providerFactory, link) => [...getToolbarViewedItem(link), {
             type: 'custom',
@@ -39,8 +39,8 @@ export const mountHyperlinkPlugin = (pluginInjectionApi, options) => {
               });
             }
           }],
-          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.hideLinkToolbar,
-          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.queueCardsFromChangedTr,
+          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.hideLinkToolbar,
+          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.queueCardsFromChangedTr,
           view: editorView,
           skipAnalytics: true
         });

package/dist/es2019/toolbar.js

@@ -19,7 +19,7 @@ import { editDatasource, EditDatasourceButton } from './ui/EditDatasourceButton'
 import { buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
-import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceConfigEditable, titleUrlPairFromNode } from './utils';
 export const removeCard = editorAnalyticsApi => commandWithMetadata((state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -278,20 +278,23 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       toolbarItems.unshift(...getToolbarViewedItem(url, currentAppearance), {
         type: 'custom',
         fallback: [],
-        render: editorView => /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
-          key: "link-appearance",
-          url: url,
-          intl: intl,
-          currentAppearance: currentAppearance,
-          editorView: editorView,
-          editorState: state,
-          allowEmbeds: allowEmbeds,
-          allowBlockCards: allowBlockCards,
-          platform: platform,
-          editorAnalyticsApi: editorAnalyticsApi,
-          cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions,
-          showUpgradeDiscoverability: showUpgradeDiscoverability
-        })
+        render: editorView => {
+          var _pluginInjectionApi$c;
+          return /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
+            key: "link-appearance",
+            url: url,
+            intl: intl,
+            currentAppearance: currentAppearance,
+            editorView: editorView,
+            editorState: state,
+            allowEmbeds: allowEmbeds,
+            allowBlockCards: allowBlockCards,
+            platform: platform,
+            editorAnalyticsApi: editorAnalyticsApi,
+            cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions,
+            showUpgradeDiscoverability: showUpgradeDiscoverability
+          });
+        }
       }, {
         type: 'separator'
       });
@@ -338,20 +341,23 @@ const getSettingsButtonGroup = (intl, editorAnalyticsApi) => {
 };
 const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state) => {
   var _node$attrs3;
-  const toolbarItems = [{
-    id: 'editor.edit.datasource',
-    type: 'button',
-    icon: SmallerEditIcon,
-    metadata: metadata,
-    className: 'datasource-edit',
-    title: intl.formatMessage(linkToolbarMessages.editDatasource),
-    onClick: editDatasource(datasourceId, editorAnalyticsApi),
-    testId: 'datasource-edit-button'
-  }];
-  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+  const toolbarItems = [];
+  if (isDatasourceConfigEditable(datasourceId)) {
     toolbarItems.push({
-      type: 'separator'
+      id: 'editor.edit.datasource',
+      type: 'button',
+      icon: SmallerEditIcon,
+      metadata: metadata,
+      className: 'datasource-edit',
+      title: intl.formatMessage(linkToolbarMessages.editDatasource),
+      onClick: editDatasource(datasourceId, editorAnalyticsApi),
+      testId: 'datasource-edit-button'
     }, {
+      type: 'separator'
+    });
+  }
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
       icon: OpenIcon,
@@ -359,11 +365,11 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
       className: 'hyperlink-open-link',
       title: intl.formatMessage(linkMessages.openLink),
       onClick: visitCardLink(editorAnalyticsApi)
+    }, {
+      type: 'separator'
     });
   }
   toolbarItems.push({
-    type: 'separator'
-  }, {
     type: 'copy-button',
     items: [{
       state,

package/dist/es2019/ui/EditLinkToolbar.js

@@ -91,10 +91,11 @@ export class EditLinkToolbar extends React.Component {
         }
       },
       onEscapeCallback: (state, dispatch) => {
+        var _pluginInjectionApi$h;
         const {
           tr
         } = state;
-        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.actions.hideLinkToolbar(tr);
         hideLinkToolbar(tr);
         forceFocusSelector === null || forceFocusSelector === void 0 ? void 0 : forceFocusSelector(`[aria-label="${linkToolbarMessages.editLink.defaultMessage}"]`)(tr);
         if (dispatch) {
@@ -104,10 +105,11 @@ export class EditLinkToolbar extends React.Component {
         return false;
       },
       onClickAwayCallback: (state, dispatch) => {
+        var _pluginInjectionApi$h2;
         const {
           tr
         } = state;
-        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$h2 = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h2 === void 0 ? void 0 : _pluginInjectionApi$h2.actions.hideLinkToolbar(tr);
         if (dispatch) {
           dispatch(tr);
           return true;
@@ -145,7 +147,7 @@ export const buildEditLinkToolbar = ({
     disableArrowNavigation: true,
     fallback: [],
     render: (view, idx) => {
-      var _pluginInjectionApi$f;
+      var _pluginInjectionApi$f, _pluginInjectionApi$f2;
       if (!view || !providerFactory) {
         return null;
       }
@@ -160,7 +162,7 @@ export const buildEditLinkToolbar = ({
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : (_pluginInjectionApi$f2 = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.forceFocusSelector,
         onSubmit: (newHref, newText, inputMethod, analytic) => {
           const urlChanged = newHref !== displayInfo.url;
           const titleChanged = newText !== displayInfo.title;

package/dist/es2019/utils.js

@@ -1,6 +1,7 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { pluginKey } from './pm-plugins/plugin-key';
 export const appearanceForNodeType = spec => {
   if (spec.name === 'inlineCard') {
@@ -63,4 +64,8 @@ export const getResolvedAttributesFromStore = (url, display, store) => {
     url,
     displayCategory
   }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
+};
+export const isDatasourceConfigEditable = datasourceId => {
+  const datasourcesWithConfigModal = [JIRA_LIST_OF_LINKS_DATASOURCE_ID, ASSETS_LIST_OF_LINKS_DATASOURCE_ID];
+  return datasourcesWithConfigModal.includes(datasourceId);
 };

package/dist/esm/nodeviews/embedCard.js

@@ -72,7 +72,7 @@ var CardInner = function CardInner(_ref) {
   }
   var displayGrid = function displayGrid(visible, gridType, highlight) {
     var _pluginInjectionApi$g;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid.actions) === null || _pluginInjectionApi$g === void 0 ? void 0 : _pluginInjectionApi$g.displayGrid(view)({
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 ? void 0 : _pluginInjectionApi$g.displayGrid(view)({
       visible: visible,
       gridType: gridType,
       highlight: highlight

package/dist/esm/pm-plugins/mountHyperlink.js

@@ -21,7 +21,7 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
   return new SafePlugin({
     view: function view(editorView) {
       requestAnimationFrame(function () {
-        var _pluginInjectionApi$h;
+        var _pluginInjectionApi$h, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
         pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 || (_pluginInjectionApi$h = _pluginInjectionApi$h.actions) === null || _pluginInjectionApi$h === void 0 || _pluginInjectionApi$h.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
             return [].concat(_toConsumableArray(getToolbarViewedItem(link)), [{
@@ -44,8 +44,8 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
               }
             }]);
           },
-          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.hideLinkToolbar,
-          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions.queueCardsFromChangedTr,
+          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.hideLinkToolbar,
+          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.queueCardsFromChangedTr,
           view: editorView,
           skipAnalytics: true
         });

package/dist/esm/toolbar.js

@@ -23,7 +23,7 @@ import { editDatasource, EditDatasourceButton } from './ui/EditDatasourceButton'
 import { buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
-import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceConfigEditable, titleUrlPairFromNode } from './utils';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -273,6 +273,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
+            var _pluginInjectionApi$c;
             return /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
               key: "link-appearance",
               url: url,
@@ -284,7 +285,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
               allowBlockCards: allowBlockCards,
               platform: platform,
               editorAnalyticsApi: editorAnalyticsApi,
-              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.card.actions,
+              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions,
               showUpgradeDiscoverability: showUpgradeDiscoverability
             });
           }
@@ -337,20 +338,23 @@ var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editorAnalyti
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state) {
   var _node$attrs3;
-  var toolbarItems = [{
-    id: 'editor.edit.datasource',
-    type: 'button',
-    icon: SmallerEditIcon,
-    metadata: metadata,
-    className: 'datasource-edit',
-    title: intl.formatMessage(linkToolbarMessages.editDatasource),
-    onClick: editDatasource(datasourceId, editorAnalyticsApi),
-    testId: 'datasource-edit-button'
-  }];
-  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+  var toolbarItems = [];
+  if (isDatasourceConfigEditable(datasourceId)) {
     toolbarItems.push({
-      type: 'separator'
+      id: 'editor.edit.datasource',
+      type: 'button',
+      icon: SmallerEditIcon,
+      metadata: metadata,
+      className: 'datasource-edit',
+      title: intl.formatMessage(linkToolbarMessages.editDatasource),
+      onClick: editDatasource(datasourceId, editorAnalyticsApi),
+      testId: 'datasource-edit-button'
     }, {
+      type: 'separator'
+    });
+  }
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
       icon: OpenIcon,
@@ -358,11 +362,11 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(linkMessages.openLink),
       onClick: visitCardLink(editorAnalyticsApi)
+    }, {
+      type: 'separator'
     });
   }
   toolbarItems.push({
-    type: 'separator'
-  }, {
     type: 'copy-button',
     items: [{
       state: state,

package/dist/esm/ui/EditLinkToolbar.js

@@ -109,8 +109,9 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
           }
         },
         onEscapeCallback: function onEscapeCallback(state, dispatch) {
+          var _pluginInjectionApi$h;
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 || _pluginInjectionApi$h.actions.hideLinkToolbar(tr);
           _hideLinkToolbar(tr);
           forceFocusSelector === null || forceFocusSelector === void 0 || forceFocusSelector("[aria-label=\"".concat(linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
           if (dispatch) {
@@ -120,8 +121,9 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
           return false;
         },
         onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
+          var _pluginInjectionApi$h2;
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h2 = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h2 === void 0 || _pluginInjectionApi$h2.actions.hideLinkToolbar(tr);
           if (dispatch) {
             dispatch(tr);
             return true;
@@ -175,7 +177,7 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;

package/dist/esm/utils.js

@@ -1,6 +1,7 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { pluginKey } from './pm-plugins/plugin-key';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -69,4 +70,8 @@ export var getResolvedAttributesFromStore = function getResolvedAttributesFromSt
     url: url,
     displayCategory: displayCategory
   }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
+};
+export var isDatasourceConfigEditable = function isDatasourceConfigEditable(datasourceId) {
+  var datasourcesWithConfigModal = [JIRA_LIST_OF_LINKS_DATASOURCE_ID, ASSETS_LIST_OF_LINKS_DATASOURCE_ID];
+  return datasourcesWithConfigModal.includes(datasourceId);
 };

package/dist/types/utils.d.ts

@@ -21,3 +21,4 @@ export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => {};
+export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;

package/dist/types-ts4.5/utils.d.ts

@@ -21,3 +21,4 @@ export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => {};
+export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.16.1",
+  "version": "0.16.3",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -13,7 +13,7 @@
     "releaseModel": "continuous",
     "runReact18": false
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^35.3.0",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/custom-steps": "^0.0.11",
-    "@atlaskit/editor-common": "^76.37.0",
+    "@atlaskit/editor-common": "^76.41.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -53,10 +53,10 @@
     "@atlaskit/linking-common": "^5.3.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.17.0",
+    "@atlaskit/primitives": "^1.18.0",
     "@atlaskit/smart-card": "^26.44.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",