@atlaskit/editor-plugin-card 0.9.0 → 0.9.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.
Files changed (110) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/analytics/create-events-queue.js +2 -3
  3. package/dist/cjs/analytics/events-from-tr.js +1 -2
  4. package/dist/cjs/analytics/types.js +3 -5
  5. package/dist/cjs/analytics/utils.js +8 -13
  6. package/dist/cjs/datasourceErrorBoundary.js +8 -6
  7. package/dist/cjs/messages.js +2 -3
  8. package/dist/cjs/nodeviews/blockCard.js +3 -5
  9. package/dist/cjs/nodeviews/datasource.js +7 -28
  10. package/dist/cjs/nodeviews/embedCard.js +4 -6
  11. package/dist/cjs/nodeviews/genericCard.js +1 -1
  12. package/dist/cjs/nodeviews/inlineCard.js +1 -2
  13. package/dist/cjs/plugin.js +3 -4
  14. package/dist/cjs/pm-plugins/actions.js +14 -27
  15. package/dist/cjs/pm-plugins/doc.js +23 -36
  16. package/dist/cjs/pm-plugins/main.js +8 -9
  17. package/dist/cjs/pm-plugins/mountHyperlink.js +6 -7
  18. package/dist/cjs/pm-plugins/plugin-key.js +1 -2
  19. package/dist/cjs/pm-plugins/reducers.js +2 -3
  20. package/dist/cjs/pm-plugins/util/resolve.js +3 -5
  21. package/dist/cjs/pm-plugins/util/state.js +3 -6
  22. package/dist/cjs/toolbar.js +12 -16
  23. package/dist/cjs/ui/CardContextProvider.js +1 -2
  24. package/dist/cjs/ui/DatasourceModal/ModalWithState.js +6 -4
  25. package/dist/cjs/ui/DatasourceModal/index.js +6 -7
  26. package/dist/cjs/ui/EditDatasourceButton.js +7 -9
  27. package/dist/cjs/ui/EditLinkToolbar.js +11 -15
  28. package/dist/cjs/ui/EditorAnalyticsContext.js +2 -3
  29. package/dist/cjs/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js +7 -8
  30. package/dist/cjs/ui/EditorLinkingPlatformAnalytics/LinkEvents.js +2 -3
  31. package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js +5 -9
  32. package/dist/cjs/ui/EditorLinkingPlatformAnalytics/index.js +1 -2
  33. package/dist/cjs/ui/EditorSmartCardEvents.js +2 -3
  34. package/dist/cjs/ui/HyperlinkToolbarAppearance.js +2 -3
  35. package/dist/cjs/ui/LayoutButton/index.js +3 -5
  36. package/dist/cjs/ui/LayoutButton/utils.js +2 -3
  37. package/dist/cjs/ui/LinkToolbarAppearance.js +3 -4
  38. package/dist/cjs/ui/ResizableEmbedCard.js +1 -2
  39. package/dist/cjs/ui/ToolbarViewedEvent.js +2 -3
  40. package/dist/cjs/utils.js +7 -13
  41. package/dist/es2019/datasourceErrorBoundary.js +7 -4
  42. package/dist/es2019/nodeviews/datasource.js +0 -22
  43. package/dist/es2019/ui/DatasourceModal/ModalWithState.js +5 -2
  44. package/dist/esm/analytics/utils.js +2 -2
  45. package/dist/esm/datasourceErrorBoundary.js +7 -4
  46. package/dist/esm/nodeviews/datasource.js +4 -23
  47. package/dist/esm/nodeviews/embedCard.js +1 -1
  48. package/dist/esm/nodeviews/genericCard.js +1 -1
  49. package/dist/esm/plugin.js +1 -1
  50. package/dist/esm/pm-plugins/doc.js +9 -9
  51. package/dist/esm/pm-plugins/main.js +6 -6
  52. package/dist/esm/pm-plugins/mountHyperlink.js +4 -4
  53. package/dist/esm/toolbar.js +8 -8
  54. package/dist/esm/ui/DatasourceModal/ModalWithState.js +5 -2
  55. package/dist/esm/ui/DatasourceModal/index.js +4 -4
  56. package/dist/esm/ui/EditDatasourceButton.js +4 -4
  57. package/dist/esm/ui/EditLinkToolbar.js +6 -6
  58. package/dist/esm/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js +5 -5
  59. package/dist/esm/ui/LayoutButton/index.js +1 -1
  60. package/dist/esm/ui/LinkToolbarAppearance.js +2 -2
  61. package/dist/types/datasourceErrorBoundary.d.ts +2 -2
  62. package/dist/types/nodeviews/datasource.d.ts +0 -1
  63. package/dist/types/ui/DatasourceModal/ModalWithState.d.ts +2 -2
  64. package/package.json +4 -4
  65. package/dist/types-ts4.5/analytics/create-events-queue.d.ts +0 -21
  66. package/dist/types-ts4.5/analytics/events-from-tr.d.ts +0 -19
  67. package/dist/types-ts4.5/analytics/index.d.ts +0 -2
  68. package/dist/types-ts4.5/analytics/types.d.ts +0 -66
  69. package/dist/types-ts4.5/analytics/utils.d.ts +0 -22
  70. package/dist/types-ts4.5/datasourceErrorBoundary.d.ts +0 -18
  71. package/dist/types-ts4.5/index.d.ts +0 -3
  72. package/dist/types-ts4.5/messages.d.ts +0 -22
  73. package/dist/types-ts4.5/nodeviews/blockCard.d.ts +0 -30
  74. package/dist/types-ts4.5/nodeviews/datasource.d.ts +0 -44
  75. package/dist/types-ts4.5/nodeviews/embedCard.d.ts +0 -46
  76. package/dist/types-ts4.5/nodeviews/genericCard.d.ts +0 -37
  77. package/dist/types-ts4.5/nodeviews/inlineCard.d.ts +0 -23
  78. package/dist/types-ts4.5/plugin.d.ts +0 -29
  79. package/dist/types-ts4.5/pm-plugins/actions.d.ts +0 -22
  80. package/dist/types-ts4.5/pm-plugins/doc.d.ts +0 -27
  81. package/dist/types-ts4.5/pm-plugins/keymap.d.ts +0 -3
  82. package/dist/types-ts4.5/pm-plugins/main.d.ts +0 -6
  83. package/dist/types-ts4.5/pm-plugins/mountHyperlink.d.ts +0 -5
  84. package/dist/types-ts4.5/pm-plugins/plugin-key.d.ts +0 -3
  85. package/dist/types-ts4.5/pm-plugins/reducers.d.ts +0 -3
  86. package/dist/types-ts4.5/pm-plugins/shouldReplaceLink.d.ts +0 -2
  87. package/dist/types-ts4.5/pm-plugins/util/resolve.d.ts +0 -8
  88. package/dist/types-ts4.5/pm-plugins/util/state.d.ts +0 -30
  89. package/dist/types-ts4.5/toolbar.d.ts +0 -9
  90. package/dist/types-ts4.5/types.d.ts +0 -133
  91. package/dist/types-ts4.5/ui/CardContextProvider.d.ts +0 -19
  92. package/dist/types-ts4.5/ui/DatasourceModal/ModalWithState.d.ts +0 -9
  93. package/dist/types-ts4.5/ui/DatasourceModal/index.d.ts +0 -11
  94. package/dist/types-ts4.5/ui/EditDatasourceButton.d.ts +0 -17
  95. package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts +0 -41
  96. package/dist/types-ts4.5/ui/EditorAnalyticsContext.d.ts +0 -10
  97. package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.d.ts +0 -6
  98. package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/LinkEvents.d.ts +0 -6
  99. package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/common.d.ts +0 -20
  100. package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/index.d.ts +0 -9
  101. package/dist/types-ts4.5/ui/EditorSmartCardEvents.d.ts +0 -5
  102. package/dist/types-ts4.5/ui/HyperlinkToolbarAppearance.d.ts +0 -32
  103. package/dist/types-ts4.5/ui/LayoutButton/index.d.ts +0 -9
  104. package/dist/types-ts4.5/ui/LayoutButton/types.d.ts +0 -19
  105. package/dist/types-ts4.5/ui/LayoutButton/utils.d.ts +0 -5
  106. package/dist/types-ts4.5/ui/LinkToolbarAppearance.d.ts +0 -29
  107. package/dist/types-ts4.5/ui/ResizableEmbedCard.d.ts +0 -61
  108. package/dist/types-ts4.5/ui/ToolbarViewedEvent.d.ts +0 -11
  109. package/dist/types-ts4.5/utils.d.ts +0 -19
  110. package/tmp/api-report-tmp.d.ts +0 -193
@@ -37,7 +37,7 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
37
37
  (0, _react.useEffect)(function () {
38
38
  var fetchDatasource = /*#__PURE__*/function () {
39
39
  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
40
- var _cardContext$connecti, _cardContext$connecti2, _datasources$, response, datasources;
40
+ var _cardContext$connecti, _datasources$, response, datasources;
41
41
  return _regenerator.default.wrap(function _callee$(_context) {
42
42
  while (1) switch (_context.prev = _context.next) {
43
43
  case 0:
@@ -48,7 +48,7 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
48
48
  break;
49
49
  }
50
50
  _context.next = 5;
51
- return cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$connecti = cardContext.connections) === null || _cardContext$connecti === void 0 ? void 0 : (_cardContext$connecti2 = _cardContext$connecti.client) === null || _cardContext$connecti2 === void 0 ? void 0 : _cardContext$connecti2.fetchData(url);
51
+ return cardContext === null || cardContext === void 0 || (_cardContext$connecti = cardContext.connections) === null || _cardContext$connecti === void 0 || (_cardContext$connecti = _cardContext$connecti.client) === null || _cardContext$connecti === void 0 ? void 0 : _cardContext$connecti.fetchData(url);
52
52
  case 5:
53
53
  _context.t0 = _context.sent;
54
54
  case 6:
@@ -78,8 +78,8 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
78
78
  }
79
79
  if (url) {
80
80
  var _cardContext$store, _urlState$error;
81
- var urlState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
82
- if ((urlState === null || urlState === void 0 ? void 0 : (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
81
+ var urlState = cardContext === null || cardContext === void 0 || (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
82
+ if ((urlState === null || urlState === void 0 || (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
83
83
  return null;
84
84
  }
85
85
  }
@@ -102,7 +102,7 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
102
102
  testId: 'card-edit-datasource-button'
103
103
  }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
104
104
  };
105
- var EditDatasourceButton = function EditDatasourceButton(_ref3) {
105
+ var EditDatasourceButton = exports.EditDatasourceButton = function EditDatasourceButton(_ref3) {
106
106
  var intl = _ref3.intl,
107
107
  editorAnalyticsApi = _ref3.editorAnalyticsApi,
108
108
  url = _ref3.url,
@@ -120,8 +120,7 @@ var EditDatasourceButton = function EditDatasourceButton(_ref3) {
120
120
  });
121
121
  });
122
122
  };
123
- exports.EditDatasourceButton = EditDatasourceButton;
124
- var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
123
+ var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
125
124
  return function (state, dispatch) {
126
125
  var datasourceType = (0, _utils.getDatasourceType)(datasourceId);
127
126
  if (dispatch && datasourceType) {
@@ -140,5 +139,4 @@ var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
140
139
  }
141
140
  return false;
142
141
  };
143
- };
144
- exports.editDatasource = editDatasource;
142
+ };
@@ -60,7 +60,7 @@ function HyperlinkAddToolbarWithState(_ref) {
60
60
  }
61
61
 
62
62
  // eslint-disable-next-line @repo/internal/react/no-class-components
63
- var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
63
+ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
64
64
  (0, _inherits2.default)(EditLinkToolbar, _React$Component);
65
65
  var _super = _createSuper(EditLinkToolbar);
66
66
  function EditLinkToolbar() {
@@ -119,9 +119,9 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
119
119
  },
120
120
  onEscapeCallback: function onEscapeCallback(state, dispatch) {
121
121
  var tr = state.tr;
122
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
122
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
123
123
  (0, _actions.hideLinkToolbar)(tr);
124
- forceFocusSelector === null || forceFocusSelector === void 0 ? void 0 : forceFocusSelector("[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
124
+ forceFocusSelector === null || forceFocusSelector === void 0 || forceFocusSelector("[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
125
125
  if (dispatch) {
126
126
  dispatch(tr);
127
127
  return true;
@@ -130,7 +130,7 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
130
130
  },
131
131
  onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
132
132
  var tr = state.tr;
133
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
133
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
134
134
  if (dispatch) {
135
135
  dispatch(tr);
136
136
  return true;
@@ -142,8 +142,7 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
142
142
  }]);
143
143
  return EditLinkToolbar;
144
144
  }(_react.default.Component);
145
- exports.EditLinkToolbar = EditLinkToolbar;
146
- var editLink = function editLink(editorAnalyticsApi) {
145
+ var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
147
146
  return function (state, dispatch) {
148
147
  var type = 'hyperlink';
149
148
  if (state.selection instanceof _state.NodeSelection) {
@@ -152,15 +151,14 @@ var editLink = function editLink(editorAnalyticsApi) {
152
151
  if (dispatch) {
153
152
  var tr = state.tr;
154
153
  (0, _actions.showLinkToolbar)(tr);
155
- editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
154
+ editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
156
155
  dispatch(tr);
157
156
  return true;
158
157
  }
159
158
  return false;
160
159
  };
161
160
  };
162
- exports.editLink = editLink;
163
- var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
161
+ var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
164
162
  var providerFactory = _ref2.providerFactory,
165
163
  node = _ref2.node,
166
164
  linkPicker = _ref2.linkPicker,
@@ -186,7 +184,7 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
186
184
  text: displayInfo.title || '',
187
185
  node: node,
188
186
  featureFlags: featureFlags,
189
- forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
187
+ forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
190
188
  onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
191
189
  var urlChanged = newHref !== displayInfo.url;
192
190
  var titleChanged = newText !== displayInfo.title;
@@ -195,7 +193,7 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
195
193
  // (even if the url was also changed) - we don't want to lose the custom title.
196
194
  if (titleChanged) {
197
195
  var _pluginInjectionApi$a;
198
- return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions), {
196
+ return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions), {
199
197
  action: _analytics.ACTION.UPDATED,
200
198
  inputMethod: inputMethod,
201
199
  sourceEvent: analytic
@@ -210,12 +208,10 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
210
208
  }
211
209
  };
212
210
  };
213
- exports.buildEditLinkToolbar = buildEditLinkToolbar;
214
- var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
211
+ var editLinkToolbarConfig = exports.editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
215
212
  return showLinkingToolbar ? {
216
213
  height: lpLinkPicker ? _ui.LINKPICKER_HEIGHT_IN_PX : _ui.RECENT_SEARCH_HEIGHT_IN_PX,
217
214
  width: _ui.RECENT_SEARCH_WIDTH_IN_PX,
218
215
  forcePlacement: true
219
216
  } : {};
220
- };
221
- exports.editLinkToolbarConfig = editLinkToolbarConfig;
217
+ };
@@ -12,7 +12,7 @@ var _state = require("../pm-plugins/util/state");
12
12
  /**
13
13
  * Provides location attribute to child events
14
14
  */
15
- var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
15
+ var EditorAnalyticsContext = exports.EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
16
16
  var _getPluginState;
17
17
  var editorView = _ref.editorView,
18
18
  children = _ref.children;
@@ -28,5 +28,4 @@ var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
28
28
  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
29
29
  data: analyticsData
30
30
  }, children);
31
- };
32
- exports.EditorAnalyticsContext = EditorAnalyticsContext;
31
+ };
@@ -20,8 +20,8 @@ function getDatasourceDisplay(datasourceAttrs) {
20
20
  return (_datasourceAttrs$data = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data === void 0 ? void 0 : _datasourceAttrs$data.type;
21
21
  }
22
22
  function getDisplayedColumnCount(datasourceAttrs) {
23
- var _datasourceAttrs$data2, _datasourceAttrs$data3, _datasourceAttrs$data4, _datasourceAttrs$data5;
24
- return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 ? void 0 : (_datasourceAttrs$data4 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data4 === void 0 ? void 0 : (_datasourceAttrs$data5 = _datasourceAttrs$data4.columns) === null || _datasourceAttrs$data5 === void 0 ? void 0 : _datasourceAttrs$data5.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
23
+ var _datasourceAttrs$data2, _datasourceAttrs$data3;
24
+ return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 || (_datasourceAttrs$data3 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data3 === void 0 || (_datasourceAttrs$data3 = _datasourceAttrs$data3.columns) === null || _datasourceAttrs$data3 === void 0 ? void 0 : _datasourceAttrs$data3.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
25
25
  }
26
26
  function getSearchMethod(creationMethod, metadata) {
27
27
  if (creationMethod === 'editor_paste' || creationMethod === 'editor_type') {
@@ -37,9 +37,9 @@ function getSearchMethod(creationMethod, metadata) {
37
37
  }
38
38
  function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
39
39
  var url = datasourceAttrs.url,
40
- _datasourceAttrs$data6 = datasourceAttrs.datasource,
41
- datasourceId = _datasourceAttrs$data6.id,
42
- parameters = _datasourceAttrs$data6.parameters;
40
+ _datasourceAttrs$data4 = datasourceAttrs.datasource,
41
+ datasourceId = _datasourceAttrs$data4.id,
42
+ parameters = _datasourceAttrs$data4.parameters;
43
43
  var display = getDatasourceDisplay(datasourceAttrs);
44
44
  var inputMethod = '';
45
45
  var actions = [];
@@ -69,7 +69,7 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
69
69
  * Subscribes to the events occuring in the card
70
70
  * plugin and fires analytics events accordingly
71
71
  */
72
- var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
72
+ var DatasourceEventsBinding = exports.DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
73
73
  var cardPluginEvents = _ref.cardPluginEvents;
74
74
  var _useDatasourceLifecyc = (0, _linkAnalytics.useDatasourceLifecycleAnalytics)(),
75
75
  datasourceCreated = _useDatasourceLifecyc.datasourceCreated,
@@ -170,5 +170,4 @@ var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
170
170
  };
171
171
  }, [eventHandlers, cardPluginEvents]);
172
172
  return null;
173
- };
174
- exports.DatasourceEventsBinding = DatasourceEventsBinding;
173
+ };
@@ -27,7 +27,7 @@ var displayCategoryFromDisplay = function displayCategoryFromDisplay(display) {
27
27
  * Subscribes to the events occuring in the card
28
28
  * plugin and fires analytics events accordingly
29
29
  */
30
- var LinkEventsBinding = function LinkEventsBinding(_ref) {
30
+ var LinkEventsBinding = exports.LinkEventsBinding = function LinkEventsBinding(_ref) {
31
31
  var cardPluginEvents = _ref.cardPluginEvents;
32
32
  /**
33
33
  * These callbacks internally use window.requestIdleCallback/requestAnimationFrame
@@ -128,5 +128,4 @@ var LinkEventsBinding = function LinkEventsBinding(_ref) {
128
128
  };
129
129
  }, [linkEvents, cardPluginEvents]);
130
130
  return null;
131
- };
132
- exports.LinkEventsBinding = LinkEventsBinding;
131
+ };
@@ -24,7 +24,7 @@ var withHistoryMethod = function withHistoryMethod(fn) {
24
24
  return fn(metadata);
25
25
  };
26
26
  };
27
- var getMethod = withHistoryMethod(function (_ref) {
27
+ var getMethod = exports.getMethod = withHistoryMethod(function (_ref) {
28
28
  var inputMethod = _ref.inputMethod;
29
29
  switch (inputMethod) {
30
30
  case _analytics.INPUT_METHOD.CLIPBOARD:
@@ -42,8 +42,7 @@ var getMethod = withHistoryMethod(function (_ref) {
42
42
  return 'unknown';
43
43
  }
44
44
  });
45
- exports.getMethod = getMethod;
46
- var getUpdateType = withHistoryMethod(function (_ref2) {
45
+ var getUpdateType = exports.getUpdateType = withHistoryMethod(function (_ref2) {
47
46
  var action = _ref2.action;
48
47
  switch (action) {
49
48
  case _analytics.ACTION.CHANGED_TYPE:
@@ -54,16 +53,13 @@ var getUpdateType = withHistoryMethod(function (_ref2) {
54
53
  return 'unknown';
55
54
  }
56
55
  });
57
- exports.getUpdateType = getUpdateType;
58
- var getDeleteType = withHistoryMethod(function (_ref3) {
56
+ var getDeleteType = exports.getDeleteType = withHistoryMethod(function (_ref3) {
59
57
  var action = _ref3.action;
60
58
  if (action === _analytics.ACTION.UNLINK) {
61
59
  return 'unlink';
62
60
  }
63
61
  return 'delete';
64
62
  });
65
- exports.getDeleteType = getDeleteType;
66
- var getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
63
+ var getSourceEventFromMetadata = exports.getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
67
64
  return metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent ? metadata.sourceEvent : null;
68
- };
69
- exports.getSourceEventFromMetadata = getSourceEventFromMetadata;
65
+ };
@@ -19,7 +19,7 @@ var _LinkEvents = require("./LinkEvents");
19
19
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
20
20
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
21
21
  // eslint-disable-next-line @repo/internal/react/no-class-components
22
- var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent) {
22
+ var EditorLinkingPlatformAnalytics = exports.EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent) {
23
23
  (0, _inherits2.default)(EditorLinkingPlatformAnalytics, _React$PureComponent);
24
24
  var _super = _createSuper(EditorLinkingPlatformAnalytics);
25
25
  function EditorLinkingPlatformAnalytics() {
@@ -48,7 +48,6 @@ var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent
48
48
  }]);
49
49
  return EditorLinkingPlatformAnalytics;
50
50
  }(_react.default.PureComponent);
51
- exports.EditorLinkingPlatformAnalytics = EditorLinkingPlatformAnalytics;
52
51
  (0, _defineProperty2.default)(EditorLinkingPlatformAnalytics, "contextTypes", {
53
52
  contextAdapter: _propTypes.default.object
54
53
  });
@@ -7,7 +7,7 @@ exports.EditorSmartCardEvents = void 0;
7
7
  var _react = require("react");
8
8
  var _smartCard = require("@atlaskit/smart-card");
9
9
  var _actions = require("../pm-plugins/actions");
10
- var EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
10
+ var EditorSmartCardEvents = exports.EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
11
11
  var editorView = _ref.editorView;
12
12
  var events = (0, _smartCard.useSmartLinkEvents)();
13
13
  (0, _react.useEffect)(function () {
@@ -17,5 +17,4 @@ var EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
17
17
  editorView.dispatch((0, _actions.registerSmartCardEvents)(events)(editorView.state.tr));
18
18
  }, [events, editorView]);
19
19
  return null;
20
- };
21
- exports.EditorSmartCardEvents = EditorSmartCardEvents;
20
+ };
@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
22
22
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
23
23
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
24
24
  // eslint-disable-next-line @repo/internal/react/no-class-components
25
- var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
25
+ var HyperlinkToolbarAppearance = exports.HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
26
26
  (0, _inherits2.default)(HyperlinkToolbarAppearance, _Component);
27
27
  var _super = _createSuper(HyperlinkToolbarAppearance);
28
28
  function HyperlinkToolbarAppearance() {
@@ -170,5 +170,4 @@ var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
170
170
  }
171
171
  }]);
172
172
  return HyperlinkToolbarAppearance;
173
- }(_react.Component);
174
- exports.HyperlinkToolbarAppearance = HyperlinkToolbarAppearance;
173
+ }(_react.Component);
@@ -28,7 +28,7 @@ var toolbarButtonWrapperStyles = (0, _react2.css)({
28
28
  color: "var(--ds-icon, white)".concat(" !important")
29
29
  }
30
30
  });
31
- var LayoutButton = function LayoutButton(_ref) {
31
+ var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
32
32
  var onLayoutChange = _ref.onLayoutChange,
33
33
  _ref$layout = _ref.layout,
34
34
  layout = _ref$layout === void 0 ? 'center' : _ref$layout,
@@ -70,7 +70,6 @@ var LayoutButton = function LayoutButton(_ref) {
70
70
  })
71
71
  }));
72
72
  };
73
- exports.LayoutButton = LayoutButton;
74
73
  var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
75
74
  var _node$attrs, _node$attrs2;
76
75
  var editorView = _ref2.editorView,
@@ -87,7 +86,7 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
87
86
  var _ref3 = cardState !== null && cardState !== void 0 ? cardState : {},
88
87
  datasourceTableRef = _ref3.datasourceTableRef,
89
88
  _ref3$layout = _ref3.layout,
90
- layout = _ref3$layout === void 0 ? (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
89
+ layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
91
90
  var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
92
91
  var onLayoutChange = function onLayoutChange(layout) {
93
92
  if (pos === undefined) {
@@ -114,5 +113,4 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
114
113
  intl: intl
115
114
  });
116
115
  };
117
- var _default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
118
- exports.default = _default;
116
+ var _default = exports.default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.getDatasource = void 0;
7
7
  var _utils = require("@atlaskit/editor-prosemirror/utils");
8
- var getDatasource = function getDatasource(editorView) {
8
+ var getDatasource = exports.getDatasource = function getDatasource(editorView) {
9
9
  var _findSelectedNodeOfTy;
10
10
  var _editorView$state = editorView.state,
11
11
  selection = _editorView$state.selection,
@@ -15,5 +15,4 @@ var getDatasource = function getDatasource(editorView) {
15
15
  node: undefined,
16
16
  pos: undefined
17
17
  };
18
- };
19
- exports.getDatasource = getDatasource;
18
+ };
@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
27
27
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
28
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
29
29
  // eslint-disable-next-line @repo/internal/react/no-class-components
30
- var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
30
+ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
31
31
  (0, _inherits2.default)(LinkToolbarAppearance, _React$Component);
32
32
  var _super = _createSuper(LinkToolbarAppearance);
33
33
  function LinkToolbarAppearance() {
@@ -56,8 +56,8 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
56
56
  };
57
57
  if (url) {
58
58
  var _cardContext$store, _urlState$error;
59
- var urlState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
60
- if ((urlState === null || urlState === void 0 ? void 0 : (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
59
+ var urlState = cardContext === null || cardContext === void 0 || (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
60
+ if ((urlState === null || urlState === void 0 || (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
61
61
  return null;
62
62
  }
63
63
  }
@@ -132,7 +132,6 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
132
132
  }]);
133
133
  return LinkToolbarAppearance;
134
134
  }(_react.default.Component);
135
- exports.LinkToolbarAppearance = LinkToolbarAppearance;
136
135
  (0, _defineProperty2.default)(LinkToolbarAppearance, "contextTypes", {
137
136
  contextAdapter: _propTypes.default.object
138
137
  });
@@ -25,7 +25,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
25
25
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
26
26
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
27
27
  // eslint-disable-next-line @repo/internal/react/no-class-components
28
- var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
28
+ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Component) {
29
29
  (0, _inherits2.default)(ResizableEmbedCard, _React$Component);
30
30
  var _super = _createSuper(ResizableEmbedCard);
31
31
  function ResizableEmbedCard() {
@@ -385,7 +385,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
385
385
  }]);
386
386
  return ResizableEmbedCard;
387
387
  }(_react.default.Component);
388
- exports.default = ResizableEmbedCard;
389
388
  (0, _defineProperty2.default)(ResizableEmbedCard, "defaultProps", {
390
389
  aspectRatio: _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT
391
390
  });
@@ -55,7 +55,7 @@ var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
55
55
  /**
56
56
  * Provides analytics context and card context
57
57
  */
58
- var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
58
+ var ToolbarViewedEvent = exports.ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
59
59
  var url = _ref2.url,
60
60
  display = _ref2.display,
61
61
  editorView = _ref2.editorView;
@@ -69,5 +69,4 @@ var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
69
69
  cardContext: cardContext
70
70
  }) : null;
71
71
  }));
72
- };
73
- exports.ToolbarViewedEvent = ToolbarViewedEvent;
72
+ };
package/dist/cjs/utils.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
7
7
  var _state = require("@atlaskit/editor-prosemirror/state");
8
8
  var _pluginKey = require("./pm-plugins/plugin-key");
9
- var appearanceForNodeType = function appearanceForNodeType(spec) {
9
+ var appearanceForNodeType = exports.appearanceForNodeType = function appearanceForNodeType(spec) {
10
10
  if (spec.name === 'inlineCard') {
11
11
  return 'inline';
12
12
  } else if (spec.name === 'blockCard') {
@@ -16,14 +16,12 @@ var appearanceForNodeType = function appearanceForNodeType(spec) {
16
16
  }
17
17
  return;
18
18
  };
19
- exports.appearanceForNodeType = appearanceForNodeType;
20
- var selectedCardAppearance = function selectedCardAppearance(state) {
19
+ var selectedCardAppearance = exports.selectedCardAppearance = function selectedCardAppearance(state) {
21
20
  if (state.selection instanceof _state.NodeSelection) {
22
21
  return appearanceForNodeType(state.selection.node.type);
23
22
  }
24
23
  };
25
- exports.selectedCardAppearance = selectedCardAppearance;
26
- var titleUrlPairFromNode = function titleUrlPairFromNode(node) {
24
+ var titleUrlPairFromNode = exports.titleUrlPairFromNode = function titleUrlPairFromNode(node) {
27
25
  var attrs = node.attrs;
28
26
  return {
29
27
  url: attrs.url || attrs.data && attrs.data.url,
@@ -36,19 +34,16 @@ var titleUrlPairFromNode = function titleUrlPairFromNode(node) {
36
34
  * @param titleUrlPair title and url information from the node attributes
37
35
  * @param info information stored in state from the resolved UI component view
38
36
  */
39
- exports.titleUrlPairFromNode = titleUrlPairFromNode;
40
- var mergeCardInfo = function mergeCardInfo(titleUrlPair, info) {
37
+ var mergeCardInfo = exports.mergeCardInfo = function mergeCardInfo(titleUrlPair, info) {
41
38
  return {
42
39
  title: info && info.title || titleUrlPair.title,
43
40
  url: info && info.url || titleUrlPair.url
44
41
  };
45
42
  };
46
- exports.mergeCardInfo = mergeCardInfo;
47
- var displayInfoForCard = function displayInfoForCard(node, info) {
43
+ var displayInfoForCard = exports.displayInfoForCard = function displayInfoForCard(node, info) {
48
44
  return mergeCardInfo(titleUrlPairFromNode(node), info);
49
45
  };
50
- exports.displayInfoForCard = displayInfoForCard;
51
- var findCardInfo = function findCardInfo(state) {
46
+ var findCardInfo = exports.findCardInfo = function findCardInfo(state) {
52
47
  var pluginState = _pluginKey.pluginKey.getState(state);
53
48
  if (!pluginState) {
54
49
  return undefined;
@@ -56,5 +51,4 @@ var findCardInfo = function findCardInfo(state) {
56
51
  return pluginState.cards.find(function (cardInfo) {
57
52
  return cardInfo.pos === state.selection.from;
58
53
  });
59
- };
60
- exports.findCardInfo = findCardInfo;
54
+ };
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /* eslint-disable @repo/internal/react/no-class-components */
3
3
  import React from 'react';
4
4
  import { isSafeUrl } from '@atlaskit/adf-schema';
5
- import { DatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
5
+ import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
6
6
  import { setSelectedCardAppearance } from './pm-plugins/doc';
7
7
  export class DatasourceErrorBoundary extends React.Component {
8
8
  constructor(...args) {
@@ -17,7 +17,9 @@ export class DatasourceErrorBoundary extends React.Component {
17
17
  };
18
18
  }
19
19
  componentDidCatch(error) {
20
- this.props.handleError();
20
+ if (this.props.handleError) {
21
+ this.props.handleError();
22
+ }
21
23
  // prevent re-render children with error
22
24
  if (this.state.isError) {
23
25
  this.setState({
@@ -33,9 +35,10 @@ export class DatasourceErrorBoundary extends React.Component {
33
35
  } = this.props;
34
36
  if (this.state.isError) {
35
37
  if (url && isSafeUrl(url)) {
36
- return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
38
+ return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
37
39
  } else {
38
- return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(UnsupportedComponent, null));
40
+ const unsupportedComponent = UnsupportedComponent ? /*#__PURE__*/React.createElement(UnsupportedComponent, null) : null;
41
+ return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, unsupportedComponent);
39
42
  }
40
43
  } else {
41
44
  return this.props.children;
@@ -9,7 +9,6 @@ import { UnsupportedInline } from '@atlaskit/editor-common/ui';
9
9
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
10
10
  import { DatasourceTableView } from '@atlaskit/link-datasource';
11
11
  import { DatasourceErrorBoundary } from '../datasourceErrorBoundary';
12
- import { getLinkNodeType } from '../pm-plugins/doc';
13
12
  import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
14
13
  const getPosSafely = pos => {
15
14
  if (!pos || typeof pos === 'boolean') {
@@ -105,26 +104,6 @@ export class Datasource extends ReactNodeView {
105
104
  constructor(props) {
106
105
  var _props$pluginInjectio, _props$pluginInjectio2, _sharedState$currentS;
107
106
  super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props, undefined, true, undefined, props.hasIntlContext);
108
- // this is necessary so that the datasource toolbar won't be rendered on error
109
- _defineProperty(this, "updateNodeRemoveAttrs", () => {
110
- const {
111
- url
112
- } = this.node.attrs;
113
- const {
114
- state,
115
- dispatch
116
- } = this.view;
117
- const pos = getPosSafely(this.getPos);
118
- if (pos === undefined) {
119
- return;
120
- }
121
- const nodeType = getLinkNodeType('inline', state.schema.nodes);
122
- const tr = state.tr.setNodeMarkup(pos, nodeType, {
123
- url
124
- });
125
- tr.setMeta('scrollIntoView', false);
126
- return dispatch(tr);
127
- });
128
107
  const sharedState = props === null || props === void 0 ? void 0 : (_props$pluginInjectio = props.pluginInjectionApi) === null || _props$pluginInjectio === void 0 ? void 0 : (_props$pluginInjectio2 = _props$pluginInjectio.width) === null || _props$pluginInjectio2 === void 0 ? void 0 : _props$pluginInjectio2.sharedState;
129
108
  this.tableWidth = sharedState === null || sharedState === void 0 ? void 0 : (_sharedState$currentS = sharedState.currentState()) === null || _sharedState$currentS === void 0 ? void 0 : _sharedState$currentS.width;
130
109
  sharedState === null || sharedState === void 0 ? void 0 : sharedState.onChange(({
@@ -147,7 +126,6 @@ export class Datasource extends ReactNodeView {
147
126
  attrs
148
127
  } = this.node;
149
128
  return jsx(DatasourceErrorBoundary, {
150
- handleError: this.updateNodeRemoveAttrs,
151
129
  unsupportedComponent: UnsupportedInline,
152
130
  view: this.view,
153
131
  url: attrs.url
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
3
+ import { DatasourceErrorBoundary } from '../../datasourceErrorBoundary';
3
4
  import { DatasourceModal } from './index';
4
5
  const ModalWithState = ({
5
6
  api,
@@ -11,9 +12,11 @@ const ModalWithState = ({
11
12
  if (!(cardState !== null && cardState !== void 0 && cardState.showDatasourceModal)) {
12
13
  return null;
13
14
  }
14
- return /*#__PURE__*/React.createElement(DatasourceModal, {
15
+ return /*#__PURE__*/React.createElement(DatasourceErrorBoundary, {
16
+ view: editorView
17
+ }, /*#__PURE__*/React.createElement(DatasourceModal, {
15
18
  view: editorView,
16
19
  modalType: cardState === null || cardState === void 0 ? void 0 : cardState.datasourceModalType
17
- });
20
+ }));
18
21
  };
19
22
  export default ModalWithState;
@@ -50,8 +50,8 @@ var hasLinkMark = function hasLinkMark(node) {
50
50
  return !!getLinkMark(node);
51
51
  };
52
52
  export function getUrl(node) {
53
- var _node$attrs$url, _node$attrs, _getLinkMark, _getLinkMark$attrs;
54
- return (_node$attrs$url = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : (_getLinkMark = getLinkMark(node)) === null || _getLinkMark === void 0 ? void 0 : (_getLinkMark$attrs = _getLinkMark.attrs) === null || _getLinkMark$attrs === void 0 ? void 0 : _getLinkMark$attrs.href;
53
+ var _node$attrs$url, _node$attrs, _getLinkMark;
54
+ return (_node$attrs$url = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : (_getLinkMark = getLinkMark(node)) === null || _getLinkMark === void 0 || (_getLinkMark = _getLinkMark.attrs) === null || _getLinkMark === void 0 ? void 0 : _getLinkMark.href;
55
55
  }
56
56
  export var getNodeContext = function getNodeContext(doc, pos) {
57
57
  var $pos = doc.resolve(pos);
@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
10
10
  /* eslint-disable @repo/internal/react/no-class-components */
11
11
  import React from 'react';
12
12
  import { isSafeUrl } from '@atlaskit/adf-schema';
13
- import { DatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
13
+ import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
14
14
  import { setSelectedCardAppearance } from './pm-plugins/doc';
15
15
  export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
16
16
  _inherits(DatasourceErrorBoundary, _React$Component);
@@ -30,7 +30,9 @@ export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
30
30
  _createClass(DatasourceErrorBoundary, [{
31
31
  key: "componentDidCatch",
32
32
  value: function componentDidCatch(error) {
33
- this.props.handleError();
33
+ if (this.props.handleError) {
34
+ this.props.handleError();
35
+ }
34
36
  // prevent re-render children with error
35
37
  if (this.state.isError) {
36
38
  this.setState({
@@ -47,9 +49,10 @@ export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
47
49
  view = _this$props.view;
48
50
  if (this.state.isError) {
49
51
  if (url && isSafeUrl(url)) {
50
- return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
52
+ return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, setSelectedCardAppearance('inline', undefined)(view.state, view.dispatch));
51
53
  } else {
52
- return /*#__PURE__*/React.createElement(DatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(UnsupportedComponent, null));
54
+ var unsupportedComponent = UnsupportedComponent ? /*#__PURE__*/React.createElement(UnsupportedComponent, null) : null;
55
+ return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, unsupportedComponent);
53
56
  }
54
57
  } else {
55
58
  return this.props.children;