@atlaskit/editor-common 76.1.11 → 76.2.0

package/dist/esm/link/LinkPicker/EditorLinkPicker/index.js

@@ -45,14 +45,14 @@ export var EditorLinkPicker = function EditorLinkPicker(_ref) {
   var onEscape = useCallback(function () {
     var state = view.state,
       dispatch = view.dispatch;
-    onEscapeCallback === null || onEscapeCallback === void 0 ? void 0 : onEscapeCallback(state, dispatch);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    onEscapeCallback === null || onEscapeCallback === void 0 || onEscapeCallback(state, dispatch);
+    onCancel === null || onCancel === void 0 || onCancel();
   }, [view, onCancel, onEscapeCallback]);
   var onClickAway = useCallback(function () {
     var state = view.state,
       dispatch = view.dispatch;
-    onClickAwayCallback === null || onClickAwayCallback === void 0 ? void 0 : onClickAwayCallback(state, dispatch);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    onClickAwayCallback === null || onClickAwayCallback === void 0 || onClickAwayCallback(state, dispatch);
+    onCancel === null || onCancel === void 0 || onCancel();
   }, [view, onCancel, onClickAwayCallback]);
   var ref = useEscapeClickaway(onEscape, onClickAway);
   var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -360,7 +360,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
           state = _this$props$view.state,
           dispatch = _this$props$view.dispatch,
           onClickAwayCallback = _this$props.onClickAwayCallback;
-        onClickAwayCallback === null || onClickAwayCallback === void 0 ? void 0 : onClickAwayCallback(state, dispatch);
+        onClickAwayCallback === null || onClickAwayCallback === void 0 || onClickAwayCallback(state, dispatch);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "getScreenReaderText", function () {
@@ -507,7 +507,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         event.preventDefault();
         var state = view.state,
           dispatch = view.dispatch;
-        onEscapeCallback === null || onEscapeCallback === void 0 ? void 0 : onEscapeCallback(state, dispatch);
+        onEscapeCallback === null || onEscapeCallback === void 0 || onEscapeCallback(state, dispatch);
         return;
       }
       if (!items || !items.length) {
@@ -554,7 +554,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         dispatch = _this$props4$view.dispatch,
         onClickAwayCallback = _this$props4.onClickAwayCallback;
       e.preventDefault();
-      onClickAwayCallback === null || onClickAwayCallback === void 0 ? void 0 : onClickAwayCallback(state, dispatch);
+      onClickAwayCallback === null || onClickAwayCallback === void 0 || onClickAwayCallback(state, dispatch);
     });
     _this.state = {
       selectedIndex: -1,

package/dist/esm/messages/alignment.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export var alignmentMessages = defineMessages({
+  alignLeft: {
+    id: 'fabric.editor.alignLeft',
+    defaultMessage: 'Align left',
+    description: 'Action to align/justify text to the left'
+  },
+  alignCenter: {
+    id: 'fabric.editor.alignCenter',
+    defaultMessage: 'Align center',
+    description: 'Action to align/justify text to the center/middle'
+  },
+  alignRight: {
+    id: 'fabric.editor.alignRight',
+    defaultMessage: 'Align right',
+    description: 'Action to align/justify text to the right'
+  }
+});

package/dist/esm/messages/annotation.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export var annotationMessages = defineMessages({
+  createComment: {
+    id: 'fabric.editor.createComment',
+    defaultMessage: 'Comment',
+    description: 'Create/add an inline comment based on the users selection'
+  },
+  createCommentInvalid: {
+    id: 'fabric.editor.createCommentInvalid',
+    defaultMessage: 'You can only comment on text and headings',
+    description: 'Error message to communicate to the user they can only do the current action in certain contexts'
+  },
+  toolbar: {
+    id: 'fabric.editor.annotationToolbar',
+    defaultMessage: 'Annotation toolbar',
+    description: 'A label for a toolbar (UI element) that creates annotations/comments in the document'
+  }
+});

package/dist/esm/messages/block-type.js

@@ -0,0 +1,153 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  normal: {
+    id: 'fabric.editor.normal',
+    defaultMessage: 'Normal text',
+    description: 'This is the default text style'
+  },
+  heading1: {
+    id: 'fabric.editor.heading1',
+    defaultMessage: 'Heading 1',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading1Description: {
+    id: 'fabric.editor.heading1Description',
+    defaultMessage: 'Use this for a top level heading',
+    description: 'Description of the main heading, heading 1'
+  },
+  heading2: {
+    id: 'fabric.editor.heading2',
+    defaultMessage: 'Heading 2',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading2Description: {
+    id: 'fabric.editor.heading2Description',
+    defaultMessage: 'Use this for key sections',
+    description: 'Description of a subtitle heading or secondary heading'
+  },
+  heading3: {
+    id: 'fabric.editor.heading3',
+    defaultMessage: 'Heading 3',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading3Description: {
+    id: 'fabric.editor.heading3Description',
+    defaultMessage: 'Use this for sub sections and group headings',
+    description: ''
+  },
+  heading4: {
+    id: 'fabric.editor.heading4',
+    defaultMessage: 'Heading 4',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading4Description: {
+    id: 'fabric.editor.heading4Description',
+    defaultMessage: 'Use this for deep headings',
+    description: ''
+  },
+  heading5: {
+    id: 'fabric.editor.heading5',
+    defaultMessage: 'Heading 5',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading5Description: {
+    id: 'fabric.editor.heading5Description',
+    defaultMessage: 'Use this for grouping list items',
+    description: ''
+  },
+  heading6: {
+    id: 'fabric.editor.heading6',
+    defaultMessage: 'Heading 6',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading6Description: {
+    id: 'fabric.editor.heading6Description',
+    defaultMessage: 'Use this for low level headings',
+    description: ''
+  },
+  blockquote: {
+    id: 'fabric.editor.blockquote2',
+    defaultMessage: 'Quote',
+    description: 'Quote some text'
+  },
+  blockquoteDescription: {
+    id: 'fabric.editor.blockquote.description',
+    defaultMessage: 'Insert a quote or citation',
+    description: 'Quote some text'
+  },
+  codeblock: {
+    id: 'fabric.editor.codeblock',
+    defaultMessage: 'Code snippet',
+    description: 'Insert a snippet/segment of code (code block)'
+  },
+  codeblockDescription: {
+    id: 'fabric.editor.codeblock.description',
+    defaultMessage: 'Display code with syntax highlighting',
+    description: 'Insert a snippet/segment of code (code block)'
+  },
+  infoPanel: {
+    id: 'fabric.editor.infoPanel',
+    defaultMessage: 'Info panel',
+    description: 'Visually distinguishes your text by adding a background colour (blue, purple, yellow, green, red)'
+  },
+  infoPanelDescription: {
+    id: 'fabric.editor.infoPanel.description',
+    defaultMessage: 'Highlight information in a colored panel',
+    description: 'Visually distinguishes your text by adding a background colour (blue, purple, yellow, green, red)'
+  },
+  notePanel: {
+    id: 'fabric.editor.notePanel',
+    defaultMessage: 'Note panel',
+    description: 'Visually distinguishes your text by adding a note panel'
+  },
+  notePanelDescription: {
+    id: 'fabric.editor.notePanel.description',
+    defaultMessage: 'Add a note in a colored panel',
+    description: 'Visually distinguishes your text by adding a note panel'
+  },
+  successPanel: {
+    id: 'fabric.editor.successPanel',
+    defaultMessage: 'Success panel',
+    description: 'Visually distinguishes your text by adding a success panel'
+  },
+  successPanelDescription: {
+    id: 'fabric.editor.successPanel.description',
+    defaultMessage: 'Add tips in a colored panel',
+    description: 'Visually distinguishes your text by adding a success panel'
+  },
+  warningPanel: {
+    id: 'fabric.editor.warningPanel',
+    defaultMessage: 'Warning panel',
+    description: 'Visually distinguishes your text by adding a warning panel'
+  },
+  warningPanelDescription: {
+    id: 'fabric.editor.warningPanel.description',
+    defaultMessage: 'Add a note of caution in a colored panel',
+    description: 'Visually distinguishes your text by adding a warning panel'
+  },
+  errorPanel: {
+    id: 'fabric.editor.errorPanel',
+    defaultMessage: 'Error panel',
+    description: 'Visually distinguishes your text by adding a error panel'
+  },
+  errorPanelDescription: {
+    id: 'fabric.editor.errorPanel.description',
+    defaultMessage: 'Call out errors in a colored panel',
+    description: 'Visually distinguishes your text by adding a error panel'
+  },
+  customPanel: {
+    id: 'fabric.editor.customPanel',
+    defaultMessage: 'Custom panel',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color'
+  },
+  customPanelDescription: {
+    id: 'fabric.editor.customPanel.description',
+    defaultMessage: 'Add a note with an emoji and colored background',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color '
+  },
+  other: {
+    id: 'fabric.editor.other',
+    defaultMessage: 'Others...',
+    description: 'Other text formatting'
+  }
+});

package/dist/esm/messages/index.js

@@ -1,4 +1,7 @@
 import { defineMessages } from 'react-intl-next';
+export { alignmentMessages } from './alignment';
+export { annotationMessages } from './annotation';
+export { messages as blockTypeMessages } from './block-type';
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { linkToolbarMessages } from './link-toolbar';
@@ -10,6 +13,7 @@ export { messages as cardMessages } from './card';
 export { messages as fullPageMessages } from './full-page';
 export { toolbarMessages } from './toolbar';
 export { messages as listMessages } from './list';
+export { messages as undoRedoMessages } from './undo-redo';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/messages/toolbar.js

@@ -70,6 +70,11 @@ export var toolbarMessages = defineMessages({
     defaultMessage: '{formattingType} Off',
     description: 'Reports that text formatting has been turned off'
   },
+  textStyles: {
+    id: 'fabric.editor.textStyles',
+    defaultMessage: 'Text styles',
+    description: 'Menu provides access to various heading styles or normal text'
+  },
   textFormattingOff: {
     id: 'fabric.editor.text.formatting.off',
     defaultMessage: 'Text formatting Off',

package/dist/esm/messages/undo-redo.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  undo: {
+    id: 'fabric.editor.undo',
+    defaultMessage: 'Undo',
+    description: 'Undo the previously performed action.'
+  },
+  redo: {
+    id: 'fabric.editor.redo',
+    defaultMessage: 'Redo',
+    description: 'Redo the previously undone action.'
+  }
+});

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.1.11";
+var packageVersion = "76.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/editor-commands.js

@@ -28,7 +28,7 @@ export function editorCommandToPMCommand(command) {
     if (newTr instanceof PassiveTransaction) {
       return true;
     }
-    dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+    dispatch === null || dispatch === void 0 || dispatch(newTr);
     return true;
   };
 }

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -159,7 +159,7 @@ function getPortalChildren(_ref2) {
 
     return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
+      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
       "aria-hidden": "true",

package/dist/esm/react-node-view/index.js

@@ -98,10 +98,10 @@ var ReactNodeView = /*#__PURE__*/function () {
         return;
       }
       var componentWithErrorBoundary = function componentWithErrorBoundary() {
-        var _this3$node$type$name, _this3$node, _this3$node$type;
+        var _this3$node$type$name, _this3$node;
         return /*#__PURE__*/React.createElement(ErrorBoundary, {
           component: ACTION_SUBJECT.REACT_NODE_VIEW,
-          componentId: (_this3$node$type$name = _this3 === null || _this3 === void 0 ? void 0 : (_this3$node = _this3.node) === null || _this3$node === void 0 ? void 0 : (_this3$node$type = _this3$node.type) === null || _this3$node$type === void 0 ? void 0 : _this3$node$type.name) !== null && _this3$node$type$name !== void 0 ? _this3$node$type$name : ACTION_SUBJECT_ID.UNKNOWN_NODE,
+          componentId: (_this3$node$type$name = _this3 === null || _this3 === void 0 || (_this3$node = _this3.node) === null || _this3$node === void 0 || (_this3$node = _this3$node.type) === null || _this3$node === void 0 ? void 0 : _this3$node.name) !== null && _this3$node$type$name !== void 0 ? _this3$node$type$name : ACTION_SUBJECT_ID.UNKNOWN_NODE,
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };

package/dist/esm/ufo/experience-store.js

@@ -49,19 +49,19 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "start",
     value: function start(experienceId, startTime) {
       var _this$get;
-      (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
+      (_this$get = this.get(experienceId)) === null || _this$get === void 0 || _this$get.start(startTime);
     }
   }, {
     key: "addMetadata",
     value: function addMetadata(experienceId, metadata) {
       var _this$get2;
-      (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
+      (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 || _this$get2.addMetadata(metadata);
     }
   }, {
     key: "mark",
     value: function mark(experienceId, _mark, value) {
       var _this$get3;
-      (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(_mark, value);
+      (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 || _this$get3.mark(_mark, value);
     }
   }, {
     key: "success",
@@ -75,7 +75,7 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "fail",
     value: function fail(experienceId, metadata) {
       var _this$getActive2;
-      (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
+      (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 || _this$getActive2.failure({
         metadata: metadata
       });
     }
@@ -88,7 +88,7 @@ export var ExperienceStore = /*#__PURE__*/function () {
       // In this case we want to fail the experience, but without this wait, abort is called first
       setTimeout(function () {
         var _this$getActive3;
-        (_this$getActive3 = _this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
+        (_this$getActive3 = _this.getActive(experienceId)) === null || _this$getActive3 === void 0 || _this$getActive3.abort({
           metadata: metadata
         });
       }, 0);

package/dist/esm/ui/DropList/index.js

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.1.11";
+var packageVersion = "76.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/Emoji/index.js

@@ -47,7 +47,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         showTooltip: showTooltip,
         fitToHeight: fitToHeight,
         optimistic: true,
-        optimisticImageURL: resourceConfig === null || resourceConfig === void 0 ? void 0 : (_resourceConfig$optim = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim === void 0 ? void 0 : _resourceConfig$optim.getUrl({
+        optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim === void 0 ? void 0 : _resourceConfig$optim.getUrl({
           id: id,
           fallback: fallback,
           shortName: shortName

package/dist/esm/ui/IntlErrorBoundary/index.js

@@ -12,7 +12,7 @@ import { IntlProvider } from 'react-intl-next';
 export var REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
 var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAncestryError(err) {
   var _err$toString;
-  return err === null || err === void 0 ? void 0 : (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
+  return err === null || err === void 0 || (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
 };
 export var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(IntlErrorBoundary, _React$Component);

package/dist/esm/ui/Popup/index.js

@@ -203,7 +203,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     function destroyFocusTrap() {
       var _this$focusTrap;
       this.initFocusTrap.cancel();
-      (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 ? void 0 : _this$focusTrap.deactivate();
+      (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 || _this$focusTrap.deactivate();
     }
 
     /**

package/dist/esm/ui/PortalProvider/index.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
+var _class4;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 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; } }
 import React from 'react';
@@ -217,7 +217,7 @@ var dummyAnalyticsContext = {
   getAtlaskitAnalyticsContext: function getAtlaskitAnalyticsContext() {},
   getAtlaskitAnalyticsEventHandlers: function getAtlaskitAnalyticsEventHandlers() {}
 };
-var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3) {
+var AnalyticsContextWrapper = (_class4 = /*#__PURE__*/function (_React$Component3) {
   _inherits(AnalyticsContextWrapper, _React$Component3);
   var _super4 = _createSuper(AnalyticsContextWrapper);
   function AnalyticsContextWrapper() {
@@ -237,6 +237,6 @@ var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3
     }
   }]);
   return AnalyticsContextWrapper;
-}(React.Component), _defineProperty(_class, "contextTypes", {
+}(React.Component), _defineProperty(_class4, "contextTypes", {
   contextAdapter: PropTypes.object
-}), _class);
+}), _class4);

package/dist/esm/ui/ResizerLegacy/index.js

@@ -65,7 +65,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       }, function () {
         var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
       });
     });
     _defineProperty(_assertThisInitialized(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
@@ -90,7 +90,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         updateSize(newSize.width, newSize.layout);
       }
       var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -122,12 +122,12 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       _this.setState({
         isResizing: false
       }, function () {
         updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, gridTypeForLayout(layout), []);
+        displayGrid === null || displayGrid === void 0 || displayGrid(false, gridTypeForLayout(layout), []);
       });
     });
     return _this;

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -58,7 +58,7 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
       if (!focusableElements || (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) === 0) {
         return;
       }
-      (_focusableElements$cu = focusableElements[currentSelectedColumnIndex.current]) === null || _focusableElements$cu === void 0 ? void 0 : _focusableElements$cu.focus();
+      (_focusableElements$cu = focusableElements[currentSelectedColumnIndex.current]) === null || _focusableElements$cu === void 0 || _focusableElements$cu.focus();
     };
 
     /**

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -52,7 +52,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     if (currentElement && currentElement.getAttribute('aria-disabled') === 'true') {
       var _list$focusIndex;
       var focusIndex = incrementIndex(list);
-      (_list$focusIndex = list[focusIndex]) === null || _list$focusIndex === void 0 ? void 0 : _list$focusIndex.focus();
+      (_list$focusIndex = list[focusIndex]) === null || _list$focusIndex === void 0 || _list$focusIndex.focus();
     }
   }, [currentSelectedItemIndex, onSelection, incrementIndex, decrementIndex]);
   useLayoutEffect(function () {
@@ -71,7 +71,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
       // Tab key on menu items can be handled in the parent components of dropdown menus with KeydownHandlerContext
       if (event.key === 'Tab' && closeOnTab) {
         handleClose(event);
-        keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleTab();
+        keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleTab();
         return;
       }
 
@@ -88,7 +88,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           {
             var _focusableElements$fo;
             var focusIndex = incrementIndex(focusableElements);
-            (_focusableElements$fo = focusableElements[focusIndex]) === null || _focusableElements$fo === void 0 ? void 0 : _focusableElements$fo.focus();
+            (_focusableElements$fo = focusableElements[focusIndex]) === null || _focusableElements$fo === void 0 || _focusableElements$fo.focus();
             event.preventDefault();
             break;
           }
@@ -96,7 +96,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           {
             var _focusableElements$_f;
             var _focusIndex = decrementIndex(focusableElements);
-            (_focusableElements$_f = focusableElements[_focusIndex]) === null || _focusableElements$_f === void 0 ? void 0 : _focusableElements$_f.focus();
+            (_focusableElements$_f = focusableElements[_focusIndex]) === null || _focusableElements$_f === void 0 || _focusableElements$_f.focus();
             event.preventDefault();
             break;
           }
@@ -110,7 +110,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           }
           handleClose(event);
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-            keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
+            keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
           }
           break;
         case 'ArrowRight':
@@ -120,7 +120,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           }
           handleClose(event);
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-            keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
+            keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
           }
           break;
         case 'Escape':

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -63,7 +63,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
   }, [isPopupOpen]);
   var focusButton = function focusButton() {
     var _buttonRef$current;
-    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
+    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 || _buttonRef$current.focus();
   };
   var handleEsc = React.useCallback(function () {
     setIsOpenedByKeyboard(false);

package/dist/esm/ui-menu/Dropdown/index.js

@@ -37,8 +37,8 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function (event) {
-      var _this$state$target, _this$state$target$qu;
-      (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
+      var _this$state$target;
+      (_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
       _this.handleClose(event);
     });
     _defineProperty(_assertThisInitialized(_this), "handleClose", function (event) {

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -97,8 +97,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function () {
-      var _this$state$target, _this$state$target$qu;
-      (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
+      var _this$state$target;
+      (_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
       _this.handleClose();
     });
     _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
@@ -224,7 +224,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
             key: 'ArrowDown',
             bubbles: true
           });
-          (_this$state$target2 = this.state.target) === null || _this$state$target2 === void 0 ? void 0 : _this$state$target2.dispatchEvent(keyboardEvent);
+          (_this$state$target2 = this.state.target) === null || _this$state$target2 === void 0 || _this$state$target2.dispatchEvent(keyboardEvent);
         }
       }
     }