@atlaskit/editor-plugin-media 0.11.3 → 0.11.4

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 (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/nodeviews/mediaSingle.js +1 -1
  3. package/dist/cjs/plugin.js +2 -2
  4. package/dist/cjs/pm-plugins/main.js +1 -1
  5. package/dist/cjs/toolbar/index.js +6 -6
  6. package/dist/cjs/toolbar/linking.js +1 -1
  7. package/dist/es2019/nodeviews/mediaSingle.js +2 -2
  8. package/dist/es2019/plugin.js +2 -2
  9. package/dist/es2019/pm-plugins/main.js +2 -2
  10. package/dist/es2019/toolbar/index.js +10 -10
  11. package/dist/es2019/toolbar/linking.js +2 -2
  12. package/dist/esm/nodeviews/mediaSingle.js +1 -1
  13. package/dist/esm/plugin.js +2 -2
  14. package/dist/esm/pm-plugins/main.js +1 -1
  15. package/dist/esm/toolbar/index.js +6 -6
  16. package/dist/esm/toolbar/linking.js +1 -1
  17. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 0.11.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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
8
+
3
9
  ## 0.11.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/nodeviews/mediaSingle.js CHANGED
@@ -372,7 +372,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
372
372
  height = _mediaSingle.DEFAULT_IMAGE_HEIGHT;
373
373
  }
374
374
  var isSelected = selected();
375
- var currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth : undefined;
375
+ var currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 || (_pluginInjectionApi$m = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth : undefined;
376
376
  var contentWidthForLegacyExperience = (0, _mediaSingle.getMaxWidthForNestedNode)(view, getPos()) || lineLength;
377
377
  var contentWidth = currentMaxWidth || lineLength;
378
378
  var mediaSingleProps = {
package/dist/cjs/plugin.js CHANGED
@@ -146,9 +146,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
146
146
  }, {
147
147
  name: 'mediaKeymap',
148
148
  plugin: function plugin(_ref5) {
149
- var _api$analytics2;
149
+ var _api$analytics2, _api$selection;
150
150
  var getIntl = _ref5.getIntl;
151
- return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 ? void 0 : api.selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
151
+ return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
152
152
  }
153
153
  }];
154
154
  if (options && options.allowMediaSingle) {
package/dist/cjs/pm-plugins/main.js CHANGED
@@ -248,7 +248,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
248
248
  break;
249
249
  case 'block':
250
250
  // read width state right before inserting to get up-to-date and define values
251
- var widthPluginState = (_this$pluginInjection2 = _this.pluginInjectionApi) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.width.sharedState.currentState();
251
+ var widthPluginState = (_this$pluginInjection2 = _this.pluginInjectionApi) === null || _this$pluginInjection2 === void 0 || (_this$pluginInjection2 = _this$pluginInjection2.width) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.sharedState.currentState();
252
252
  (0, _mediaSingle2.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
253
253
  break;
254
254
  case 'group':
package/dist/cjs/toolbar/index.js CHANGED
@@ -166,7 +166,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
166
166
  return items;
167
167
  };
168
168
  var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
169
- var _pluginInjectionApi$d;
169
+ var _pluginInjectionApi$d, _pluginInjectionApi$d2;
170
170
  var mediaSingle = state.schema.nodes.mediaSingle;
171
171
  var allowResizing = options.allowResizing,
172
172
  allowLinking = options.allowLinking,
@@ -174,7 +174,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
174
174
  allowResizingInTables = options.allowResizingInTables,
175
175
  allowAltTextOnImages = options.allowAltTextOnImages;
176
176
  var toolbarButtons = [];
177
- var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
177
+ var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
178
178
  hoverDecoration = _ref.hoverDecoration;
179
179
  if ((0, _imageBorder.shouldShowImageBorder)(state)) {
180
180
  toolbarButtons.push({
@@ -326,7 +326,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
326
326
  var _selectedMediaNode$at = selectedMediaNode.attrs,
327
327
  mediaWidth = _selectedMediaNode$at.width,
328
328
  mediaHeight = _selectedMediaNode$at.height;
329
- var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
329
+ var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 || (_pluginInjectionApi$m = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
330
330
  var maxWidth = maxWidthForNestedNode || _editorSharedStyles.akEditorFullWidthLayoutWidth;
331
331
  var isVideoFile = (0, _mediaSingle2.isVideo)(selectedMediaNode.attrs.__fileMimeType);
332
332
  var minWidth = (0, _mediaSingle.calcMinWidth)(isVideoFile, maxWidthForNestedNode || contentWidth);
@@ -482,7 +482,7 @@ var getMediaTypeMessage = function getMediaTypeMessage(selectedNodeTypeSingle) {
482
482
  return mediaType ? mediaTypeMessages[mediaType] : _mediaUi.messages.file_unknown_is_selected;
483
483
  };
484
484
  var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state, intl) {
485
- var _pluginInjectionApi$d2;
485
+ var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
486
486
  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
487
487
  var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
488
488
  var _state$schema$nodes = state.schema.nodes,
@@ -499,7 +499,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
499
499
  getEditorFeatureFlags = options.getEditorFeatureFlags;
500
500
  var mediaPluginState = _pluginKey.stateKey.getState(state);
501
501
  var mediaLinkingState = (0, _linking2.getMediaLinkingState)(state);
502
- var _ref3 = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {},
502
+ var _ref3 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d4 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
503
503
  hoverDecoration = _ref3.hoverDecoration;
504
504
  if (!mediaPluginState) {
505
505
  return;
@@ -524,7 +524,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
524
524
  var _pluginInjectionApi$f;
525
525
  return (0, _altText2.getAltTextToolbar)(baseToolbar, {
526
526
  altTextValidator: altTextValidator,
527
- forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
527
+ 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
528
528
  });
529
529
  }
530
530
  }
package/dist/cjs/toolbar/linking.js CHANGED
@@ -78,7 +78,7 @@ var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(t
78
78
  */
79
79
  var tr = view.state.tr,
80
80
  dispatch = view.dispatch;
81
- pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 || _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
81
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 || _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
82
82
  dispatch(tr);
83
83
  },
84
84
  onSubmit: function onSubmit(href, meta) {
package/dist/es2019/nodeviews/mediaSingle.js CHANGED
@@ -225,7 +225,7 @@ export default class MediaSingleNode extends Component {
225
225
  });
226
226
  }
227
227
  render() {
228
- var _pluginInjectionApi$m;
228
+ var _pluginInjectionApi$m, _pluginInjectionApi$m2;
229
229
  const {
230
230
  selected,
231
231
  getPos,
@@ -282,7 +282,7 @@ export default class MediaSingleNode extends Component {
282
282
  height = DEFAULT_IMAGE_HEIGHT;
283
283
  }
284
284
  const isSelected = selected();
285
- const currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth : undefined;
285
+ const currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 ? void 0 : (_pluginInjectionApi$m2 = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.currentMaxWidth : undefined;
286
286
  const contentWidthForLegacyExperience = getMaxWidthForNestedNode(view, getPos()) || lineLength;
287
287
  const contentWidth = currentMaxWidth || lineLength;
288
288
  const mediaSingleProps = {
package/dist/es2019/plugin.js CHANGED
@@ -139,8 +139,8 @@ export const mediaPlugin = ({
139
139
  plugin: ({
140
140
  getIntl
141
141
  }) => {
142
- var _api$analytics2;
143
- return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 ? void 0 : api.selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
142
+ var _api$analytics2, _api$selection;
143
+ return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
144
144
  }
145
145
  }];
146
146
  if (options && options.allowMediaSingle) {
package/dist/es2019/pm-plugins/main.js CHANGED
@@ -153,7 +153,7 @@ export class MediaPluginStateImplementation {
153
153
  * called when we insert a new file via the picker (connected via pickerfacade)
154
154
  */
155
155
  _defineProperty(this, "insertFile", (mediaState, onMediaStateChanged, pickerType) => {
156
- var _this$pluginInjection, _this$pluginInjection2, _mediaState$collectio, _this$mediaOptions2, _this$pluginInjection3;
156
+ var _this$pluginInjection, _this$pluginInjection2, _mediaState$collectio, _this$mediaOptions2, _this$pluginInjection3, _this$pluginInjection4;
157
157
  const {
158
158
  state
159
159
  } = this.view;
@@ -179,7 +179,7 @@ export class MediaPluginStateImplementation {
179
179
  break;
180
180
  case 'block':
181
181
  // read width state right before inserting to get up-to-date and define values
182
- const widthPluginState = (_this$pluginInjection3 = this.pluginInjectionApi) === null || _this$pluginInjection3 === void 0 ? void 0 : _this$pluginInjection3.width.sharedState.currentState();
182
+ const widthPluginState = (_this$pluginInjection3 = this.pluginInjectionApi) === null || _this$pluginInjection3 === void 0 ? void 0 : (_this$pluginInjection4 = _this$pluginInjection3.width) === null || _this$pluginInjection4 === void 0 ? void 0 : _this$pluginInjection4.sharedState.currentState();
183
183
  insertMediaSingleNode(this.view, mediaStateWithContext, this.getInputMethod(pickerType), collection, this.mediaOptions && this.mediaOptions.alignLeftOnInsert, this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
184
184
  break;
185
185
  case 'group':
package/dist/es2019/toolbar/index.js CHANGED
@@ -152,7 +152,7 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDe
152
152
  return items;
153
153
  };
154
154
  const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) => {
155
- var _pluginInjectionApi$d;
155
+ var _pluginInjectionApi$d, _pluginInjectionApi$d2;
156
156
  const {
157
157
  mediaSingle
158
158
  } = state.schema.nodes;
@@ -166,7 +166,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
166
166
  let toolbarButtons = [];
167
167
  const {
168
168
  hoverDecoration
169
- } = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {};
169
+ } = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {};
170
170
  if (shouldShowImageBorder(state)) {
171
171
  toolbarButtons.push({
172
172
  type: 'custom',
@@ -299,7 +299,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
299
299
  type: 'custom',
300
300
  fallback: [],
301
301
  render: editorView => {
302
- var _widthPlugin$sharedSt2, _pluginInjectionApi$m;
302
+ var _widthPlugin$sharedSt2, _pluginInjectionApi$m, _pluginInjectionApi$m2;
303
303
  if (!editorView || !selectedMediaSingleNode) {
304
304
  return null;
305
305
  }
@@ -321,7 +321,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
321
321
  width: mediaWidth,
322
322
  height: mediaHeight
323
323
  } = selectedMediaNode.attrs;
324
- const maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
324
+ const maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 ? void 0 : (_pluginInjectionApi$m2 = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.currentMaxWidth;
325
325
  const maxWidth = maxWidthForNestedNode || akEditorFullWidthLayoutWidth;
326
326
  const isVideoFile = isVideo(selectedMediaNode.attrs.__fileMimeType);
327
327
  const minWidth = calcMinWidth(isVideoFile, maxWidthForNestedNode || contentWidth);
@@ -483,7 +483,7 @@ const getMediaTypeMessage = selectedNodeTypeSingle => {
483
483
  return mediaType ? mediaTypeMessages[mediaType] : messages.file_unknown_is_selected;
484
484
  };
485
485
  export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) => {
486
- var _pluginInjectionApi$d2;
486
+ var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
487
487
  const {
488
488
  media,
489
489
  mediaInline,
@@ -503,7 +503,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
503
503
  const mediaLinkingState = getMediaLinkingState(state);
504
504
  const {
505
505
  hoverDecoration
506
- } = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {};
506
+ } = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {};
507
507
  if (!mediaPluginState) {
508
508
  return;
509
509
  }
@@ -522,10 +522,10 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
522
522
  if (allowAltTextOnImages) {
523
523
  const mediaAltTextPluginState = getMediaAltTextPluginState(state);
524
524
  if (mediaAltTextPluginState.isAltTextEditorOpen) {
525
- var _pluginInjectionApi$f;
525
+ var _pluginInjectionApi$f, _pluginInjectionApi$f2;
526
526
  return getAltTextToolbar(baseToolbar, {
527
527
  altTextValidator,
528
- forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
528
+ 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
529
529
  });
530
530
  }
531
531
  }
@@ -536,14 +536,14 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
536
536
  selectedNodeType = state.selection.node.type;
537
537
  }
538
538
  if (allowMediaInline && (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup) {
539
- var _pluginInjectionApi$a8, _pluginInjectionApi$f2, _pluginInjectionApi$f3;
539
+ var _pluginInjectionApi$a8, _pluginInjectionApi$f3, _pluginInjectionApi$f4;
540
540
  const mediaOffset = state.selection.$from.parentOffset + 1;
541
541
  baseToolbar.getDomRef = () => {
542
542
  var _mediaPluginState$ele;
543
543
  const selector = mediaFilmstripItemDOMSelector(mediaOffset);
544
544
  return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
545
545
  };
546
- items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a8 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a8 === void 0 ? void 0 : _pluginInjectionApi$a8.actions, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : (_pluginInjectionApi$f3 = _pluginInjectionApi$f2.actions) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : _pluginInjectionApi$f3.forceFocusSelector);
546
+ items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a8 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a8 === void 0 ? void 0 : _pluginInjectionApi$a8.actions, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f3 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : (_pluginInjectionApi$f4 = _pluginInjectionApi$f3.actions) === null || _pluginInjectionApi$f4 === void 0 ? void 0 : _pluginInjectionApi$f4.forceFocusSelector);
547
547
  } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
548
548
  baseToolbar.getDomRef = () => {
549
549
  var _mediaPluginState$ele2;
package/dist/es2019/toolbar/linking.js CHANGED
@@ -68,7 +68,7 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
68
68
  hideLinkingToolbar(view.state, view.dispatch, view);
69
69
  },
70
70
  onCancel: () => {
71
- var _pluginInjectionApi$f;
71
+ var _pluginInjectionApi$f, _pluginInjectionApi$f2;
72
72
  hideLinkingToolbar(view.state, view.dispatch, view, true);
73
73
  /** Focus should move to the 'Add link' button when the toolbar closes
74
74
  * and not close the floating toolbar.
@@ -79,7 +79,7 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
79
79
  },
80
80
  dispatch
81
81
  } = view;
82
- pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
82
+ 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(FORCE_FOCUS_SELECTOR)(tr);
83
83
  dispatch(tr);
84
84
  },
85
85
  onSubmit: (href, meta) => {
package/dist/esm/nodeviews/mediaSingle.js CHANGED
@@ -364,7 +364,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
364
364
  height = DEFAULT_IMAGE_HEIGHT;
365
365
  }
366
366
  var isSelected = selected();
367
- var currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth : undefined;
367
+ var currentMaxWidth = isSelected ? pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 || (_pluginInjectionApi$m = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth : undefined;
368
368
  var contentWidthForLegacyExperience = getMaxWidthForNestedNode(view, getPos()) || lineLength;
369
369
  var contentWidth = currentMaxWidth || lineLength;
370
370
  var mediaSingleProps = {
package/dist/esm/plugin.js CHANGED
@@ -135,9 +135,9 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
135
135
  }, {
136
136
  name: 'mediaKeymap',
137
137
  plugin: function plugin(_ref5) {
138
- var _api$analytics2;
138
+ var _api$analytics2, _api$selection;
139
139
  var getIntl = _ref5.getIntl;
140
- return keymapPlugin(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 ? void 0 : api.selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
140
+ return keymapPlugin(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
141
141
  }
142
142
  }];
143
143
  if (options && options.allowMediaSingle) {
package/dist/esm/pm-plugins/main.js CHANGED
@@ -233,7 +233,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
233
233
  break;
234
234
  case 'block':
235
235
  // read width state right before inserting to get up-to-date and define values
236
- var widthPluginState = (_this$pluginInjection2 = _this.pluginInjectionApi) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.width.sharedState.currentState();
236
+ var widthPluginState = (_this$pluginInjection2 = _this.pluginInjectionApi) === null || _this$pluginInjection2 === void 0 || (_this$pluginInjection2 = _this$pluginInjection2.width) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.sharedState.currentState();
237
237
  insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
238
238
  break;
239
239
  case 'group':
package/dist/esm/toolbar/index.js CHANGED
@@ -156,7 +156,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
156
156
  return items;
157
157
  };
158
158
  var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
159
- var _pluginInjectionApi$d;
159
+ var _pluginInjectionApi$d, _pluginInjectionApi$d2;
160
160
  var mediaSingle = state.schema.nodes.mediaSingle;
161
161
  var allowResizing = options.allowResizing,
162
162
  allowLinking = options.allowLinking,
@@ -164,7 +164,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
164
164
  allowResizingInTables = options.allowResizingInTables,
165
165
  allowAltTextOnImages = options.allowAltTextOnImages;
166
166
  var toolbarButtons = [];
167
- var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
167
+ var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
168
168
  hoverDecoration = _ref.hoverDecoration;
169
169
  if (shouldShowImageBorder(state)) {
170
170
  toolbarButtons.push({
@@ -316,7 +316,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
316
316
  var _selectedMediaNode$at = selectedMediaNode.attrs,
317
317
  mediaWidth = _selectedMediaNode$at.width,
318
318
  mediaHeight = _selectedMediaNode$at.height;
319
- var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
319
+ var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 || (_pluginInjectionApi$m = _pluginInjectionApi$m.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
320
320
  var maxWidth = maxWidthForNestedNode || akEditorFullWidthLayoutWidth;
321
321
  var isVideoFile = isVideo(selectedMediaNode.attrs.__fileMimeType);
322
322
  var minWidth = calcMinWidth(isVideoFile, maxWidthForNestedNode || contentWidth);
@@ -472,7 +472,7 @@ var getMediaTypeMessage = function getMediaTypeMessage(selectedNodeTypeSingle) {
472
472
  return mediaType ? mediaTypeMessages[mediaType] : messages.file_unknown_is_selected;
473
473
  };
474
474
  export var floatingToolbar = function floatingToolbar(state, intl) {
475
- var _pluginInjectionApi$d2;
475
+ var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
476
476
  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
477
477
  var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
478
478
  var _state$schema$nodes = state.schema.nodes,
@@ -489,7 +489,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
489
489
  getEditorFeatureFlags = options.getEditorFeatureFlags;
490
490
  var mediaPluginState = stateKey.getState(state);
491
491
  var mediaLinkingState = getMediaLinkingState(state);
492
- var _ref3 = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {},
492
+ var _ref3 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d4 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
493
493
  hoverDecoration = _ref3.hoverDecoration;
494
494
  if (!mediaPluginState) {
495
495
  return;
@@ -514,7 +514,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
514
514
  var _pluginInjectionApi$f;
515
515
  return getAltTextToolbar(baseToolbar, {
516
516
  altTextValidator: altTextValidator,
517
- forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
517
+ 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
518
518
  });
519
519
  }
520
520
  }
package/dist/esm/toolbar/linking.js CHANGED
@@ -70,7 +70,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
70
70
  */
71
71
  var tr = view.state.tr,
72
72
  dispatch = view.dispatch;
73
- pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 || _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
73
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 || _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
74
74
  dispatch(tr);
75
75
  },
76
76
  onSubmit: function onSubmit(href, meta) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "0.11.3",
3
+ "version": "0.11.4",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",