@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/cjs/ui/Addon/ClickAreaMobile/index.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _clickAreaHelper = require("../click-area-helper");
-
 var _templateObject;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 /**
  * Fills the visible viewport height so that it can filter
  * clicks/taps within or below the content (e.g. if the content
@@ -42,10 +26,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var clickWrapper = function clickWrapper(_ref) {
   var isExpanded = _ref.isExpanded,
-      minHeight = _ref.minHeight;
+    minHeight = _ref.minHeight;
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  ", ";\n"])), isExpanded && minHeight ? "min-height: ".concat(minHeight, "px") : '');
 };
-
 /**
  * Click Area is responsible for improving UX by ensuring the user
  * can always tap beneath the content area, to insert more content.
@@ -62,40 +45,31 @@ var clickWrapper = function clickWrapper(_ref) {
  */
 var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ClickAreaMobile, _React$Component);
-
   var _super = _createSuper(ClickAreaMobile);
-
   function ClickAreaMobile() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ClickAreaMobile);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickElementRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
       var _this$props = _this.props,
-          view = _this$props.editorView,
-          editorDisabled = _this$props.editorDisabled;
-
+        view = _this$props.editorView,
+        editorDisabled = _this$props.editorDisabled;
       if (!view) {
         return;
       }
-
       if (!editorDisabled) {
         // if the editor is disabled -- we don't want to intercept any click events
         (0, _clickAreaHelper.clickAreaClickHandler)(view, event);
       }
-
-      var scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom; // Reset the default prosemirror scrollIntoView logic by
+      var scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom;
+      // Reset the default prosemirror scrollIntoView logic by
       // clamping the scroll position to the bottom of the viewport.
-
       if (scrollGutterClicked) {
         event.preventDefault();
-
         if (_this.clickElementRef.current) {
           _this.clickElementRef.current.scrollIntoView(false);
         }
@@ -103,7 +77,6 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(ClickAreaMobile, [{
     key: "render",
     value: function render() {
@@ -120,5 +93,4 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return ClickAreaMobile;
 }(_react.default.Component);
-
 exports.default = ClickAreaMobile;

package/dist/cjs/ui/Addon/Dropdown/index.js

@@ -1,59 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _styles = require("./styles");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(DropdownWrapper, _React$Component);
-
   var _super = _createSuper(DropdownWrapper);
-
   function DropdownWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, DropdownWrapper);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (actions) {
       var actionOnClick = actions.actionOnClick,
-          renderOnClick = actions.renderOnClick;
+        renderOnClick = actions.renderOnClick;
       var editorActions = _this.props.editorActions;
-
       if (actionOnClick) {
         actionOnClick(editorActions);
-
         _this.props.togglePopup();
       } else if (renderOnClick) {
         _this.props.onClick(editorActions, renderOnClick);
@@ -61,19 +40,16 @@ var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(DropdownWrapper, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       // adding onClick handler to each DropdownItem component
       var children = _react.default.Children.map(this.props.children, function (child) {
         return /*#__PURE__*/_react.default.cloneElement(child, {
           onClick: _this2.handleClick
         });
       });
-
       return (0, _react2.jsx)("div", {
         css: _styles.dropdown
       }, children);
@@ -81,5 +57,4 @@ var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
   }]);
   return DropdownWrapper;
 }(_react.default.Component);
-
 exports.default = DropdownWrapper;

package/dist/cjs/ui/Addon/Dropdown/styles.js

@@ -1,21 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dropdown = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject;
-
 var dropdown = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  padding: 4px 0;\n"])), "var(--ds-surface-overlay, white)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"));
 exports.dropdown = dropdown;

package/dist/cjs/ui/Addon/DropdownItem/index.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var DropdownItemWrapper = function DropdownItemWrapper(props) {
   return (0, _react.jsx)("div", {
     css: _styles.dropdownItem,
@@ -21,6 +19,5 @@ var DropdownItemWrapper = function DropdownItemWrapper(props) {
     }
   }, (0, _react.jsx)("span", null, props.icon), props.children);
 };
-
 var _default = DropdownItemWrapper;
 exports.default = _default;

package/dist/cjs/ui/Addon/DropdownItem/styles.js

@@ -1,19 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dropdownItem = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject;
-
 var dropdownItem = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  padding: 8px 32px 8px 12px;\n  color: ", ";\n  > span {\n    display: flex;\n    margin-right: 8px;\n  }\n  &:hover {\n    background-color: ", ";\n  }\n"])), "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
 exports.dropdownItem = dropdownItem;

package/dist/cjs/ui/Addon/click-area-helper.js

@@ -4,29 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clickAreaClickHandler = exports.checkForModal = void 0;
-
 var _dom = require("../../utils/dom");
-
 var _gapCursorSelection = require("../../plugins/selection/gap-cursor-selection");
-
 var _commands = require("../../commands");
-
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 var insideContentArea = function insideContentArea(ref) {
   while (ref) {
     if (ref.classList && ref.classList.contains('ak-editor-content-area')) {
       return true;
     }
-
     ref = ref.parentNode;
   }
-
   return false;
 };
-
 var insideProseMirrorEditableArea = function insideProseMirrorEditableArea(ref) {
   return Boolean(ref === null || ref === void 0 ? void 0 : ref.closest('.ProseMirror'));
 };
+
 /**
  * @see ED-14699 - check if editor is inside a modal to continue to bring cursor to input when
  * any part of the editor container is clicked
@@ -36,50 +30,46 @@ var insideProseMirrorEditableArea = function insideProseMirrorEditableArea(ref)
  * 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
  * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
  */
-
-
 var checkForModal = function checkForModal(target) {
   var modalDialog = target.closest('[role=dialog]');
-
   if (modalDialog) {
     // return false if not an editor inside modal, otherwise return true
     return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
-  } // no modal present so we can return true
-
+  }
 
+  // no modal present so we can return true
   return true;
 };
-
 exports.checkForModal = checkForModal;
-
 var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
   var _view$hasFocus, _event$currentTarget;
-
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   var target = event.target;
   var isTargetContentArea = target.classList.contains('ak-editor-content-area');
   var isTargetChildOfContentArea = insideContentArea(target.parentNode);
-  var isTargetInsideEditableArea = insideProseMirrorEditableArea(target); // Any click inside ProseMirror should be managed by ProseMirror
+  var isTargetInsideEditableArea = insideProseMirrorEditableArea(target);
 
+  // Any click inside ProseMirror should be managed by ProseMirror
   if (isTargetInsideEditableArea) {
     return false;
   }
+  var isEventComingFromContentArea = Boolean(event.currentTarget.querySelector('.ak-editor-content-area'));
 
-  var isEventComingFromContentArea = Boolean(event.currentTarget.querySelector('.ak-editor-content-area')); // @see https://product-fabric.atlassian.net/browse/ED-4287
+  // @see https://product-fabric.atlassian.net/browse/ED-4287
   // click event gets triggered twice on a checkbox (on <label> first and then on <input>)
   // by the time it gets triggered on input, PM already re-renders nodeView and detaches it from DOM
   // which doesn't pass the check !contentArea.contains(event.target)
-
-  var isInputClicked = target.nodeName === 'INPUT'; // @see ED-5126
-
-  var isPopupClicked = !!(0, _dom.closestElement)(target, '[data-editor-popup]'); // Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
-
+  var isInputClicked = target.nodeName === 'INPUT';
+  // @see ED-5126
+  var isPopupClicked = !!(0, _dom.closestElement)(target, '[data-editor-popup]');
+  // Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
   var isTextAreaClicked = target.nodeName === 'TEXTAREA';
   var isBreadcrumbClicked = !!(0, _dom.closestElement)(target, 'nav[aria-label="Breadcrumbs"]');
   var selection = window.getSelection();
-  var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && (0, _dom.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]'); // This is a super workaround to find when events are coming from Confluence InlineComment modal
-  // We don't own those components, so we can't change them
+  var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && (0, _dom.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
 
+  // This is a super workaround to find when events are coming from Confluence InlineComment modal
+  // We don't own those components, so we can't change them
   var isEventComingFromInlineCommentPopup = Boolean((0, _dom.closestElement)(event.currentTarget, 'div[offset]')) || Boolean((0, _dom.closestElement)(target, 'div[offset]'));
   var isButtonClicked = Boolean((0, _dom.closestElement)(event.currentTarget, 'button')) || Boolean((0, _dom.closestElement)(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
   var isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
@@ -89,41 +79,34 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
   var edgeCaseScenario3 = isTargetContentArea && !isTargetInsideContentArea && !isEditorFocused;
   var edgeCaseScenario4 = isEventComingFromContentArea && !isTargetContentArea && !isTargetInsideContentArea && !isEditorFocused;
   var edgeCases = edgeCaseScenario1 || edgeCaseScenario2 || edgeCaseScenario3 || edgeCaseScenario4;
-  var isClickOutsideEditor = edgeCases && !isEventComingFromInlineCommentPopup && !isButtonClicked && !isInputClicked && !isTextAreaClicked && !isPopupClicked && !isBreadcrumbClicked && !isEditorPopupTextSelected && checkForModal(target); // click was within editor container and focus should be brought to input
+  var isClickOutsideEditor = edgeCases && !isEventComingFromInlineCommentPopup && !isButtonClicked && !isInputClicked && !isTextAreaClicked && !isPopupClicked && !isBreadcrumbClicked && !isEditorPopupTextSelected && checkForModal(target);
 
+  // click was within editor container and focus should be brought to input
   if (isClickOutsideEditor && view) {
     outsideProsemirrorEditorClickHandler(view, event);
   }
 };
-
 exports.clickAreaClickHandler = clickAreaClickHandler;
-
 var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClickHandler(view, event) {
   var _view$hasFocus2;
-
   var dispatch = view.dispatch,
-      dom = view.dom,
-      state = view.state;
+    dom = view.dom,
+    state = view.state;
   var tr = state.tr;
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus2 = view.hasFocus) !== null && _view$hasFocus2 !== void 0 && _view$hasFocus2.call(view));
   var isBottomAreaClicked = event.clientY > dom.getBoundingClientRect().bottom;
-
   if (isBottomAreaClicked) {
     (0, _commands.addParagraphAtEnd)(tr);
   }
-
   if ((0, _gapCursorSelection.hasGapCursorPlugin)(state)) {
     (0, _gapCursorSelection.setSelectionTopLevelBlocks)(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
   }
-
   if (!tr.docChanged && !tr.selectionSet) {
     return;
   }
-
   if (dispatch) {
     dispatch(tr);
   }
-
   view.focus();
   event.stopPropagation();
   event.preventDefault();

package/dist/cjs/ui/Addon/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +34,8 @@ Object.defineProperty(exports, "Dropdown", {
     return _Dropdown.default;
   }
 });
-
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
 var _ClickAreaInline = _interopRequireDefault(require("./ClickAreaInline"));
-
 var _ClickAreaBlock = _interopRequireDefault(require("./ClickAreaBlock"));
-
 var _ClickAreaMobile = _interopRequireDefault(require("./ClickAreaMobile"));

package/dist/cjs/ui/Alignment/AlignmentButton/index.js

@@ -1,79 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ToolbarButton = _interopRequireDefault(require("../../ToolbarButton"));
-
 var _keymaps = require("../../../keymaps");
-
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var AlignmentButton = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(AlignmentButton, _PureComponent);
-
   var _super = _createSuper(AlignmentButton);
-
   function AlignmentButton() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AlignmentButton);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value; // detect if the click event comes from keyboard where screenX and screenY are 0
+        onClick = _this$props.onClick,
+        value = _this$props.value;
 
+      // detect if the click event comes from keyboard where screenX and screenY are 0
       var isMouseEvent = e instanceof MouseEvent;
       e.preventDefault();
       onClick(value, isMouseEvent);
     });
     return _this;
   }
-
   (0, _createClass2.default)(AlignmentButton, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          label = _this$props2.label,
-          isSelected = _this$props2.isSelected,
-          content = _this$props2.content,
-          shortcut = _this$props2.shortcut;
+        label = _this$props2.label,
+        isSelected = _this$props2.isSelected,
+        content = _this$props2.content,
+        shortcut = _this$props2.shortcut;
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
         disabled: false,
         selected: isSelected,
@@ -91,6 +68,5 @@ var AlignmentButton = /*#__PURE__*/function (_PureComponent) {
   }]);
   return AlignmentButton;
 }(_react.PureComponent);
-
 var _default = AlignmentButton;
 exports.default = _default;

package/dist/cjs/ui/Alignment/index.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _iconMap = require("../../plugins/alignment/ui/ToolbarAlignment/icon-map");
-
 var _AlignmentButton = _interopRequireDefault(require("./AlignmentButton"));
-
 var _messages = require("./messages");
-
 var _styles = require("./styles");
-
 var _keymaps = require("../../keymaps");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var alignmentOptions = [{
   title: _messages.alignmentMessages.alignLeft,
   shortcut: _keymaps.alignLeft,
@@ -48,32 +31,28 @@ var alignmentOptions = [{
   title: _messages.alignmentMessages.alignRight,
   value: 'end'
 }];
-
 var Alignment = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Alignment, _PureComponent);
-
   var _super = _createSuper(Alignment);
-
   function Alignment() {
     (0, _classCallCheck2.default)(this, Alignment);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(Alignment, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          onClick = _this$props.onClick,
-          selectedAlignment = _this$props.selectedAlignment,
-          className = _this$props.className,
-          intl = _this$props.intl;
+        onClick = _this$props.onClick,
+        selectedAlignment = _this$props.selectedAlignment,
+        className = _this$props.className,
+        intl = _this$props.intl;
       return (0, _react.jsx)("div", {
         css: _styles.alignmentWrapper,
         className: className
       }, alignmentOptions.map(function (alignment) {
         var value = alignment.value,
-            title = alignment.title,
-            shortcut = alignment.shortcut;
+          title = alignment.title,
+          shortcut = alignment.shortcut;
         var message = intl.formatMessage(title);
         return (0, _react.jsx)(_AlignmentButton.default, {
           content: (0, _react.jsx)(_iconMap.IconMap, {
@@ -91,7 +70,5 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Alignment;
 }(_react2.PureComponent);
-
 var _default = (0, _reactIntlNext.injectIntl)(Alignment);
-
 exports.default = _default;

package/dist/cjs/ui/Alignment/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.alignmentMessages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var alignmentMessages = (0, _reactIntlNext.defineMessages)({
   alignLeft: {
     id: 'fabric.editor.alignLeft',

package/dist/cjs/ui/Alignment/styles.js

@@ -1,19 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.alignmentWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 var alignmentWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px;\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ", "px;\n"])), (0, _constants.gridSize)(), 3 * 32);
 exports.alignmentWrapper = alignmentWrapper;