@atlaskit/editor-core 188.0.11 → 188.1.0

package/dist/esm/plugins/paste/plugins/media.js

@@ -0,0 +1,172 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { mapSlice, unwrap, removeNestedEmptyEls, walkUpTreeUntil } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getRandomHex } from '@atlaskit/media-common';
+export function transformSliceForMedia(slice, schema) {
+  var _schema$nodes = schema.nodes,
+    mediaSingle = _schema$nodes.mediaSingle,
+    layoutSection = _schema$nodes.layoutSection,
+    table = _schema$nodes.table,
+    bulletList = _schema$nodes.bulletList,
+    orderedList = _schema$nodes.orderedList,
+    media = _schema$nodes.media,
+    mediaInline = _schema$nodes.mediaInline,
+    expand = _schema$nodes.expand,
+    nestedExpand = _schema$nodes.nestedExpand;
+  return function (selection) {
+    var newSlice = slice;
+    if (hasParentNodeOfType([layoutSection, table, bulletList, orderedList, expand, nestedExpand])(selection)) {
+      newSlice = mapSlice(newSlice, function (node) {
+        var extendedOrLegacyAttrs = getBooleanFF('platform.editor.media.extended-resize-experience') ? {
+          layout: node.attrs.layout,
+          widthType: node.attrs.widthType,
+          width: node.attrs.width
+        } : {
+          layout: node.attrs.layout
+        };
+        var attrs = {};
+        if (hasParentNodeOfType([layoutSection, table])(selection)) {
+          // Supports layouts
+          attrs = _objectSpread({}, extendedOrLegacyAttrs);
+        } else if (hasParentNodeOfType([bulletList, orderedList, expand, nestedExpand])(selection)) {
+          // does not support other layouts
+          attrs = _objectSpread(_objectSpread({}, extendedOrLegacyAttrs), {}, {
+            layout: 'center'
+          });
+        }
+        return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
+      });
+    }
+    var __mediaTraceId = getRandomHex(8);
+    newSlice = mapSlice(newSlice, function (node) {
+      // This logic is duplicated in editor-plugin-ai where external images can be inserted
+      // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
+      // sharing dependencies with editor-core to support products using it with various versions
+      // of editor packages.
+      // The duplication is in the following file:
+      // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
+      if (node.type.name === 'media') {
+        return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+          __external: node.attrs.type === 'external',
+          __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
+        }), node.content, node.marks);
+      }
+      if (node.type.name === 'mediaInline') {
+        return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+          __mediaTraceId: __mediaTraceId
+        }), node.content, node.marks);
+      }
+      return node;
+    });
+    return newSlice;
+  };
+}
+
+// TODO move this to editor-common
+export var isImage = function isImage(fileType) {
+  return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
+};
+export var transformSliceToCorrectMediaWrapper = function transformSliceToCorrectMediaWrapper(slice, schema) {
+  var _schema$nodes2 = schema.nodes,
+    mediaGroup = _schema$nodes2.mediaGroup,
+    mediaSingle = _schema$nodes2.mediaSingle,
+    media = _schema$nodes2.media;
+  return mapSlice(slice, function (node, parent) {
+    if (!parent && node.type === media) {
+      if (mediaSingle && (isImage(node.attrs.__fileMimeType) || node.attrs.type === 'external')) {
+        return mediaSingle.createChecked({}, node);
+      } else {
+        return mediaGroup.createChecked({}, [node]);
+      }
+    }
+    return node;
+  });
+};
+
+/**
+ * Check base styles to see if an element will be invisible when rendered in a document.
+ * @param element
+ */
+var isElementInvisible = function isElementInvisible(element) {
+  return element.style.opacity === '0' || element.style.display === 'none' || element.style.visibility === 'hidden';
+};
+var VALID_TAGS_CONTAINER = ['DIV', 'TD'];
+function canContainImage(element) {
+  if (!element) {
+    return false;
+  }
+  return VALID_TAGS_CONTAINER.indexOf(element.tagName) !== -1;
+}
+
+/**
+ * Given a html string, we attempt to hoist any nested `<img>` tags,
+ * not directly wrapped by a `<div>` as ProseMirror no-op's
+ * on those scenarios.
+ * @param html
+ */
+export var unwrapNestedMediaElements = function unwrapNestedMediaElements(html) {
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(html, 'text/html');
+  var wrapper = doc.body;
+
+  // Remove Google Doc's wrapper <b> el
+  var docsWrapper = wrapper.querySelector('b[id^="docs-internal-guid-"]');
+  if (docsWrapper) {
+    unwrap(wrapper, docsWrapper);
+  }
+  var imageTags = wrapper.querySelectorAll('img');
+  if (!imageTags.length) {
+    return html;
+  }
+  imageTags.forEach(function (imageTag) {
+    // Capture the immediate parent, we may remove the media from here later.
+    var mediaParent = imageTag.parentElement;
+    if (!mediaParent) {
+      return;
+    }
+
+    // If either the parent or the image itself contains styles that would make
+    // them invisible on copy, dont paste them.
+    if (isElementInvisible(mediaParent) || isElementInvisible(imageTag)) {
+      mediaParent.removeChild(imageTag);
+      return;
+    }
+
+    // If its wrapped by a valid container we assume its safe to bypass.
+    // ProseMirror should handle these cases properly.
+    if (canContainImage(mediaParent) || mediaParent instanceof HTMLSpanElement && mediaParent.closest('[class*="emoji-common"]')) {
+      return;
+    }
+
+    // Find the top most element that the parent has a valid container for the image.
+    // Stop just before found the wrapper
+    var insertBeforeElement = walkUpTreeUntil(mediaParent, function (element) {
+      // If is at the top just use this element as reference
+      if (element.parentElement === wrapper) {
+        return true;
+      }
+      return canContainImage(element.parentElement);
+    });
+
+    // Here we try to insert the media right after its top most valid parent element
+    // Unless its the last element in our structure then we will insert above it.
+    if (insertBeforeElement && insertBeforeElement.parentElement) {
+      // Insert as close as possible to the most closest valid element index in the tree.
+      insertBeforeElement.parentElement.insertBefore(imageTag, insertBeforeElement.nextElementSibling || insertBeforeElement);
+
+      // Attempt to clean up lines left behind by the image
+      mediaParent.innerText = mediaParent.innerText.trim();
+      // Walk up and delete empty elements left over after removing the image tag
+      removeNestedEmptyEls(mediaParent);
+    }
+  });
+
+  // If last child is a hardbreak we don't want it
+  if (wrapper.lastElementChild && wrapper.lastElementChild.tagName === 'BR') {
+    wrapper.removeChild(wrapper.lastElementChild);
+  }
+  return wrapper.innerHTML;
+};

package/dist/esm/plugins/paste/pm-plugins/analytics.js

@@ -224,10 +224,10 @@ export var handlePasteAsPlainTextWithAnalytics = function handlePasteAsPlainText
   }))(handlePasteAsPlainText(slice, event));
 };
 export var handlePasteIntoTaskAndDecisionWithAnalytics = function handlePasteIntoTaskAndDecisionWithAnalytics(view, event, slice, type, pluginInjectionApi) {
-  var _pluginInjectionApi$c, _pluginInjectionApi$c2;
+  var _pluginInjectionApi$c;
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(handlePasteIntoTaskOrDecisionOrPanel(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr));
+  }))(handlePasteIntoTaskOrDecisionOrPanel(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.queueCardsFromChangedTr));
 };
 export var handlePasteIntoCaptionWithAnalytics = function handlePasteIntoCaptionWithAnalytics(view, event, slice, type) {
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
@@ -239,28 +239,28 @@ export var handleCodeBlockWithAnalytics = function handleCodeBlockWithAnalytics(
     type: PasteTypes.plain
   }))(handleCodeBlock(text));
 };
-export var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type, editorAnalyticsAPI) {
+export var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type, insertMediaAsMediaSingle) {
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(handleMediaSingle(INPUT_METHOD.CLIPBOARD, editorAnalyticsAPI)(slice));
+  }))(handleMediaSingle(INPUT_METHOD.CLIPBOARD, insertMediaAsMediaSingle)(slice));
 };
 export var handlePastePreservingMarksWithAnalytics = function handlePastePreservingMarksWithAnalytics(view, event, slice, type, pluginInjectionApi) {
-  var _pluginInjectionApi$c3, _pluginInjectionApi$c4;
+  var _pluginInjectionApi$c2;
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(handlePastePreservingMarks(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : (_pluginInjectionApi$c4 = _pluginInjectionApi$c3.actions) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.queueCardsFromChangedTr));
+  }))(handlePastePreservingMarks(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr));
 };
 export var handleMarkdownWithAnalytics = function handleMarkdownWithAnalytics(view, event, slice, pluginInjectionApi) {
-  var _pluginInjectionApi$c5, _pluginInjectionApi$c6;
+  var _pluginInjectionApi$c3;
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: PasteTypes.markdown
-  }))(handleMarkdown(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.card) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : (_pluginInjectionApi$c6 = _pluginInjectionApi$c5.actions) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.queueCardsFromChangedTr));
+  }))(handleMarkdown(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.actions) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.queueCardsFromChangedTr));
 };
 export var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(view, event, slice, pluginInjectionApi) {
-  var _pluginInjectionApi$c7, _pluginInjectionApi$c8;
+  var _pluginInjectionApi$c4;
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: PasteTypes.richText
-  }))(handleRichText(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.card) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : (_pluginInjectionApi$c8 = _pluginInjectionApi$c7.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.queueCardsFromChangedTr));
+  }))(handleRichText(slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.card) === null || _pluginInjectionApi$c4 === void 0 || (_pluginInjectionApi$c4 = _pluginInjectionApi$c4.actions) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.queueCardsFromChangedTr));
 };
 function injectAnalyticsPayloadBeforeCommand(createPayloadByTransaction) {
   return function (mainCommand) {

package/dist/esm/plugins/paste/pm-plugins/main.js

@@ -8,7 +8,7 @@ import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { mapChildren } from '../../../utils/slice';
 import { getExtensionAutoConvertersFromProvider } from '@atlaskit/editor-common/extensions';
 import { isPastedFile as isPastedFileFromEvent } from '@atlaskit/editor-common/paste';
-import { transformSliceForMedia } from '../../media/utils/media-single';
+import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../plugins/media';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks, transformUnsupportedBlockCardToInline } from '../util';
 import { linkifyContent } from '@atlaskit/editor-common/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
@@ -18,7 +18,6 @@ import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextW
 import { ACTION, analyticsPluginKey, INPUT_METHOD, PasteTypes } from '../../analytics';
 import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
-import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
 import { upgradeTextToLists, splitParagraphs } from '../commands';
 import { md } from '@atlaskit/editor-common/paste';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
@@ -102,7 +101,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         }
       },
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _text, _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$a;
+        var _text, _analyticsPlugin$perf, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$m;
         var event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -149,7 +148,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         }
         var state = view.state;
         var analyticsPlugin = analyticsPluginKey.getState(state);
-        var pasteTrackingEnabled = analyticsPlugin === null || analyticsPlugin === void 0 ? void 0 : (_analyticsPlugin$perf = analyticsPlugin.performanceTracking) === null || _analyticsPlugin$perf === void 0 ? void 0 : (_analyticsPlugin$perf2 = _analyticsPlugin$perf.pasteTracking) === null || _analyticsPlugin$perf2 === void 0 ? void 0 : _analyticsPlugin$perf2.enabled;
+        var pasteTrackingEnabled = analyticsPlugin === null || analyticsPlugin === void 0 || (_analyticsPlugin$perf = analyticsPlugin.performanceTracking) === null || _analyticsPlugin$perf === void 0 || (_analyticsPlugin$perf = _analyticsPlugin$perf.pasteTracking) === null || _analyticsPlugin$perf === void 0 ? void 0 : _analyticsPlugin$perf.enabled;
         if (pasteTrackingEnabled) {
           var content = getContentNodeTypes(slice.content);
           var pasteId = uuid();
@@ -190,7 +189,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
             var _slice$content;
             var slice = extractSliceFromStep(step);
             var tableExists = false;
-            slice === null || slice === void 0 ? void 0 : (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.forEach(function (node) {
+            slice === null || slice === void 0 || (_slice$content = slice.content) === null || _slice$content === void 0 || _slice$content.forEach(function (node) {
               if (node.type === state.schema.nodes.table) {
                 tableExists = true;
               }
@@ -199,7 +198,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           });
           if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.betterTypeHistory) {
             var _pluginInjectionApi$b;
-            tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$b = pluginInjectionApi.betterTypeHistory) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.flagPasteEvent(tr);
+            tr = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$b = pluginInjectionApi.betterTypeHistory) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.flagPasteEvent(tr);
           }
           addLinkMetadata(view.state.selection, tr, {
             action: isPlainText ? ACTION.PASTED_AS_PLAIN : ACTION.PASTED,
@@ -227,14 +226,14 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           // force a "paste as plain text" action by clearing the markdownSlice.
           markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
           if (markdownSlice) {
-            var _pluginInjectionApi$c, _pluginInjectionApi$c2;
+            var _pluginInjectionApi$c;
             // linkify text prior to converting to macro
             if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, markdownSlice, PasteTypes.markdown)(state, dispatch)) {
               return true;
             }
 
             // run macro autoconvert prior to other conversions
-            if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+            if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
               // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
               sendPasteAnalyticsEvent(view, event, markdownSlice, {
                 type: PasteTypes.markdown
@@ -266,7 +265,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         if (handleCodeBlockWithAnalytics(view, event, slice, text)(state, dispatch)) {
           return true;
         }
-        if (handleMediaSingleWithAnalytics(view, event, slice, isPastedFile ? PasteTypes.binary : PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch, view)) {
+        if (handleMediaSingleWithAnalytics(view, event, slice, isPastedFile ? PasteTypes.binary : PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.actions.insertMediaAsMediaSingle)(state, dispatch, view)) {
           return true;
         }
         if (handleSelectedTableWithAnalytics(view, event, slice)(state, dispatch)) {
@@ -299,7 +298,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
 
         // finally, handle rich-text copy-paste
         if (isRichText) {
-          var _pluginInjectionApi$c3, _pluginInjectionApi$c4, _pluginInjectionApi$l;
+          var _pluginInjectionApi$c2, _pluginInjectionApi$l;
           // linkify the text where possible
           slice = linkifyContent(state.schema)(slice);
           if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
@@ -307,7 +306,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           }
 
           // run macro autoconvert prior to other conversions
-          if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : (_pluginInjectionApi$c4 = _pluginInjectionApi$c3.actions) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+          if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
             // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
             sendPasteAnalyticsEvent(view, event, slice, {
               type: PasteTypes.richText
@@ -364,7 +363,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           if (handlePasteIntoCaptionWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
             return true;
           }
-          if (handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$l = pluginInjectionApi.list) === null || _pluginInjectionApi$l === void 0 ? void 0 : _pluginInjectionApi$l.actions.findRootParentListNode)(state, dispatch)) {
+          if (handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$l = pluginInjectionApi.list) === null || _pluginInjectionApi$l === void 0 ? void 0 : _pluginInjectionApi$l.actions.findRootParentListNode)(state, dispatch)) {
             return true;
           }
           if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists && handlePasteNonNestableBlockNodesIntoListWithAnalytics(view, event, slice)(state, dispatch)) {

package/dist/esm/plugins/paste/util/tinyMCE.js

@@ -1,8 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import chunk from 'lodash/chunk';
 var isPastedFromTinyMCE = function isPastedFromTinyMCE(pasteEvent) {
-  var _pasteEvent$clipboard, _pasteEvent$clipboard2, _pasteEvent$clipboard3;
-  return (_pasteEvent$clipboard = pasteEvent === null || pasteEvent === void 0 ? void 0 : (_pasteEvent$clipboard2 = pasteEvent.clipboardData) === null || _pasteEvent$clipboard2 === void 0 ? void 0 : (_pasteEvent$clipboard3 = _pasteEvent$clipboard2.types) === null || _pasteEvent$clipboard3 === void 0 ? void 0 : _pasteEvent$clipboard3.some(function (mimeType) {
+  var _pasteEvent$clipboard, _pasteEvent$clipboard2;
+  return (_pasteEvent$clipboard = pasteEvent === null || pasteEvent === void 0 || (_pasteEvent$clipboard2 = pasteEvent.clipboardData) === null || _pasteEvent$clipboard2 === void 0 || (_pasteEvent$clipboard2 = _pasteEvent$clipboard2.types) === null || _pasteEvent$clipboard2 === void 0 ? void 0 : _pasteEvent$clipboard2.some(function (mimeType) {
     return mimeType === 'x-tinymce/html';
   })) !== null && _pasteEvent$clipboard !== void 0 ? _pasteEvent$clipboard : false;
 };
@@ -73,7 +73,7 @@ var configureTableRows = function configureTableRows(doc, colsInRow) {
   var tableBody = doc.body.querySelector('tbody');
   evenlySplitChunks.forEach(function (chunk) {
     var tr = doc.createElement('tr');
-    tableBody === null || tableBody === void 0 ? void 0 : tableBody.append(tr);
+    tableBody === null || tableBody === void 0 || tableBody.append(tr);
     tr.append.apply(tr, _toConsumableArray(chunk));
   });
   // We remove any leftover empty rows which may cause fabric editor
@@ -96,7 +96,7 @@ var fillIncompleteRowWithEmptyCells = function fillIncompleteRowWithEmptyCells(d
     return doc.createElement('td');
   });
   var lastCell = doc.body.querySelector('td:last-of-type');
-  lastCell === null || lastCell === void 0 ? void 0 : (_lastCell$parentEleme = lastCell.parentElement) === null || _lastCell$parentEleme === void 0 ? void 0 : _lastCell$parentEleme.append.apply(_lastCell$parentEleme, _toConsumableArray(extraEmptyCells));
+  lastCell === null || lastCell === void 0 || (_lastCell$parentEleme = lastCell.parentElement) === null || _lastCell$parentEleme === void 0 || _lastCell$parentEleme.append.apply(_lastCell$parentEleme, _toConsumableArray(extraEmptyCells));
   return {
     updatedCellCount: cellCount + extraCellsCount
   };

package/dist/esm/plugins/placeholder-text/index.js

@@ -211,7 +211,7 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
           tr.setMeta(pluginKey, {
             showInsertPanelAt: tr.selection.anchor
           });
-          api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
             action: ACTION.INSERTED,
             actionSubject: ACTION_SUBJECT.DOCUMENT,
             actionSubjectId: ACTION_SUBJECT_ID.PLACEHOLDER_TEXT,

package/dist/esm/plugins/status/ui/statusPicker.js

@@ -73,13 +73,13 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
             To correctly set focus to the input field instead of the first color button we need to set focus manually
             */
         if (isButtonFocussed) {
-          inputField === null || inputField === void 0 ? void 0 : inputField.focus();
+          inputField === null || inputField === void 0 || inputField.focus();
           event.preventDefault();
         }
       } else {
         /* tab */
         if (isButtonFocussed) {
-          inputField === null || inputField === void 0 ? void 0 : inputField.focus();
+          inputField === null || inputField === void 0 || inputField.focus();
           event.preventDefault();
         }
       }
@@ -87,9 +87,9 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
     _defineProperty(_assertThisInitialized(_this), "handleArrow", function (event, closingMethod) {
       var _document2;
       if (((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.activeElement) === _this.popupBodyWrapper.current) {
-        var _this$popupBodyWrappe, _this$popupBodyWrappe2;
+        var _this$popupBodyWrappe;
         event.preventDefault();
-        (_this$popupBodyWrappe = _this.popupBodyWrapper) === null || _this$popupBodyWrappe === void 0 ? void 0 : (_this$popupBodyWrappe2 = _this$popupBodyWrappe.current) === null || _this$popupBodyWrappe2 === void 0 ? void 0 : _this$popupBodyWrappe2.blur();
+        (_this$popupBodyWrappe = _this.popupBodyWrapper) === null || _this$popupBodyWrappe === void 0 || (_this$popupBodyWrappe = _this$popupBodyWrappe.current) === null || _this$popupBodyWrappe === void 0 || _this$popupBodyWrappe.blur();
         _this.props.closeStatusPicker({
           closingMethod: closingMethod
         });
@@ -221,9 +221,9 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
       this.reset();
       this.fireStatusPopupOpenedAnalytics(this.state);
       if (typeof this.props.isNew === 'boolean' && this.props.isNew === false) {
-        var _this$popupBodyWrappe3, _this$popupBodyWrappe4;
+        var _this$popupBodyWrappe2;
         // Wrapper should be focused only if status already exists otherwise input field will receive focus
-        (_this$popupBodyWrappe3 = this.popupBodyWrapper) === null || _this$popupBodyWrappe3 === void 0 ? void 0 : (_this$popupBodyWrappe4 = _this$popupBodyWrappe3.current) === null || _this$popupBodyWrappe4 === void 0 ? void 0 : _this$popupBodyWrappe4.focus();
+        (_this$popupBodyWrappe2 = this.popupBodyWrapper) === null || _this$popupBodyWrappe2 === void 0 || (_this$popupBodyWrappe2 = _this$popupBodyWrappe2.current) === null || _this$popupBodyWrappe2 === void 0 || _this$popupBodyWrappe2.focus();
       }
     }
   }, {

package/dist/esm/plugins/submit-editor/index.js

@@ -8,8 +8,8 @@ export function createPlugin(eventDispatch, api, onSave) {
     return;
   }
   return keymap(_defineProperty({}, "".concat(submit.common), function _(state, _dispatch, editorView) {
-    var _api$media, _api$media$sharedStat;
-    var mediaState = api === null || api === void 0 ? void 0 : (_api$media = api.media) === null || _api$media === void 0 ? void 0 : (_api$media$sharedStat = _api$media.sharedState) === null || _api$media$sharedStat === void 0 ? void 0 : _api$media$sharedStat.currentState();
+    var _api$media;
+    var mediaState = api === null || api === void 0 || (_api$media = api.media) === null || _api$media === void 0 || (_api$media = _api$media.sharedState) === null || _api$media === void 0 ? void 0 : _api$media.currentState();
     if (mediaState && mediaState.waitForMediaUpload && !mediaState.allUploadsFinished) {
       return true;
     }

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -62,7 +62,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "changeTextColor", function (color, disabled) {
-      var _this$toolbarItemRef, _this$toolbarItemRef$;
+      var _this$toolbarItemRef;
       if (!disabled) {
         var _this$props$editorVie;
         var palette = _this.props.pluginState.palette;
@@ -80,9 +80,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         });
         _this.changeColor(color);
         //To set the focus on the textcolor button when the menu is closed by 'Esc' only to meet aria guidelines
-        (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
+        (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 || _this$props$editorVie.focus();
       }
-      (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
+      (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 || (_this$toolbarItemRef = _this$toolbarItemRef.current) === null || _this$toolbarItemRef === void 0 || _this$toolbarItemRef.focus();
       return false;
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
@@ -118,8 +118,8 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         }));
       }
       if (!isOpen && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
-        var _this$toolbarItemRef2, _this$toolbarItemRef3;
-        (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
+        var _this$toolbarItemRef2;
+        (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 || (_this$toolbarItemRef2 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef2 === void 0 || _this$toolbarItemRef2.focus();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hide", function (e) {
@@ -132,15 +132,15 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           isOpen: false
         });
         if (e instanceof KeyboardEvent && e.key === 'Escape') {
-          var _this$toolbarItemRef4, _this$toolbarItemRef5;
-          (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
+          var _this$toolbarItemRef3;
+          (_this$toolbarItemRef3 = _this.toolbarItemRef) === null || _this$toolbarItemRef3 === void 0 || (_this$toolbarItemRef3 = _this$toolbarItemRef3.current) === null || _this$toolbarItemRef3 === void 0 || _this$toolbarItemRef3.focus();
         }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hideonEsc", function (e) {
-      var _this$toolbarItemRef6, _this$toolbarItemRef7;
+      var _this$toolbarItemRef4;
       _this.hide(e);
-      (_this$toolbarItemRef6 = _this.toolbarItemRef) === null || _this$toolbarItemRef6 === void 0 ? void 0 : (_this$toolbarItemRef7 = _this$toolbarItemRef6.current) === null || _this$toolbarItemRef7 === void 0 ? void 0 : _this$toolbarItemRef7.focus();
+      (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 || (_this$toolbarItemRef4 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef4 === void 0 || _this$toolbarItemRef4.focus();
     });
     return _this;
   }

package/dist/esm/plugins/toolbar-lists-indentation/index.js

@@ -13,7 +13,7 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref)
     showIndentationButtons = _ref2$showIndentation === void 0 ? false : _ref2$showIndentation,
     _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
     allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'toolbarListsIndentation',
     getSharedState: function getSharedState(editorState) {

package/dist/esm/plugins/toolbar-lists-indentation/ui/onItemActivated.js

@@ -8,10 +8,10 @@ export var onItemActivated = function onItemActivated(pluginInjectionApi) {
       editorView = _ref.editorView;
     switch (buttonName) {
       case 'bullet_list':
-        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleBulletList(INPUT_METHOD.TOOLBAR));
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleBulletList(INPUT_METHOD.TOOLBAR));
         break;
       case 'ordered_list':
-        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleOrderedList(INPUT_METHOD.TOOLBAR));
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleOrderedList(INPUT_METHOD.TOOLBAR));
         break;
       case 'indent':
         {
@@ -21,7 +21,7 @@ export var onItemActivated = function onItemActivated(pluginInjectionApi) {
             indentParagraphOrHeading(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           if (node === 'list') {
-            pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.indentList(INPUT_METHOD.TOOLBAR));
+            pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.indentList(INPUT_METHOD.TOOLBAR));
           }
           if (node === 'taskList') {
             indentTaskList(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
@@ -36,7 +36,7 @@ export var onItemActivated = function onItemActivated(pluginInjectionApi) {
             outdentParagraphOrHeading(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           if (_node === 'list') {
-            pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.outdentList(INPUT_METHOD.TOOLBAR));
+            pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.outdentList(INPUT_METHOD.TOOLBAR));
           }
           if (_node === 'taskList') {
             outdentTaskList(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);

package/dist/esm/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -38,7 +38,7 @@ export var openTypeAheadAtCursor = function openTypeAheadAtCursor(_ref) {
       // delete 1 pos before wherever selection is now - that will delete the empty space
       tr.delete(tr.selection.from - 1, tr.selection.from);
     } else {
-      var _selection$$head, _selection$$head$pare, _selection$$head$pare2, _selection$$head$pare3;
+      var _selection$$head, _selection$$head$pare, _selection$$head$pare2;
       if (!selection.$cursor) {
         tr.deleteSelection();
         return tr;
@@ -60,7 +60,7 @@ export var openTypeAheadAtCursor = function openTypeAheadAtCursor(_ref) {
       // being inserted due to composition by checking if we have the trigger
       // directly before the typeahead. This should not happen unless it has
       // been eroneously added because we require whitespace/newline for typeahead.
-      if (cursorPos >= 2 && !!(selection !== null && selection !== void 0 && (_selection$$head = selection.$head) !== null && _selection$$head !== void 0 && (_selection$$head$pare = _selection$$head.parent) !== null && _selection$$head$pare !== void 0 && _selection$$head$pare.textContent) && (_selection$$head$pare2 = (_selection$$head$pare3 = selection.$head.parent.textContent).endsWith) !== null && _selection$$head$pare2 !== void 0 && _selection$$head$pare2.call(_selection$$head$pare3, triggerHandler.trigger)) {
+      if (cursorPos >= 2 && !!(selection !== null && selection !== void 0 && (_selection$$head = selection.$head) !== null && _selection$$head !== void 0 && (_selection$$head = _selection$$head.parent) !== null && _selection$$head !== void 0 && _selection$$head.textContent) && (_selection$$head$pare = (_selection$$head$pare2 = selection.$head.parent.textContent).endsWith) !== null && _selection$$head$pare !== void 0 && _selection$$head$pare.call(_selection$$head$pare2, triggerHandler.trigger)) {
         tr.delete(cursorPos - 1, cursorPos);
       }
     }

package/dist/esm/plugins/type-ahead/ui/InputQuery.js

@@ -194,7 +194,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     event.stopPropagation();
     event.preventDefault();
     onQueryFocus();
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     return false;
   }, [onQueryFocus]);
   useLayoutEffect(function () {
@@ -289,8 +289,8 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
           var range = document.createRange();
           range.setStart(dataElement, dataElement.length);
           range.collapse(true);
-          sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
-          sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+          sel === null || sel === void 0 || sel.removeAllRanges();
+          sel === null || sel === void 0 || sel.addRange(range);
         }
       }
     };

package/dist/esm/plugins/type-ahead/ui/TypeAheadList.js

@@ -77,7 +77,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
     //To reset the selected index
     updateSelectedIndex(-1)(editorView.state, editorView.dispatch);
     listRef.current.scrollToRow(0);
-    decorationElement === null || decorationElement === void 0 ? void 0 : (_decorationElement$qu = decorationElement.querySelector("[role='combobox']")) === null || _decorationElement$qu === void 0 ? void 0 : _decorationElement$qu.focus();
+    decorationElement === null || decorationElement === void 0 || (_decorationElement$qu = decorationElement.querySelector("[role='combobox']")) === null || _decorationElement$qu === void 0 || _decorationElement$qu.focus();
   }, [editorView, listRef, decorationElement]);
   var selectNextItem = useMemo(function () {
     return moveSelectedIndex({
@@ -209,9 +209,9 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
         focusTargetElement();
       }
     };
-    element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+    element === null || element === void 0 || element.addEventListener('keydown', handleKeyDown);
     return function () {
-      element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+      element === null || element === void 0 || element.removeEventListener('keydown', handleKeyDown);
     };
   }, [editorView.state, focusTargetElement, selectNextItem, selectPreviousItem, selectedIndex, onItemClick, items.length]);
   var renderRow = function renderRow(_ref4) {

package/dist/esm/plugins/type-ahead/ui/TypeAheadListItem.js

@@ -94,13 +94,13 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
   useLayoutEffect(function () {
     if (shouldUpdateFocus) {
       var _customItemRef$curren;
-      customItemRef === null || customItemRef === void 0 ? void 0 : (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 ? void 0 : _customItemRef$curren.focus();
+      customItemRef === null || customItemRef === void 0 || (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 || _customItemRef$curren.focus();
     }
   }, [customItemRef, shouldUpdateFocus]);
   useLayoutEffect(function () {
     if (shouldUpdateFocus) {
       var _buttonItemRef$curren;
-      buttonItemRef === null || buttonItemRef === void 0 ? void 0 : (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 ? void 0 : _buttonItemRef$curren.focus();
+      buttonItemRef === null || buttonItemRef === void 0 || (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 || _buttonItemRef$curren.focus();
     }
   }, [buttonItemRef, shouldUpdateFocus]);
   var customItem = useMemo(function () {