@atlaskit/editor-core 162.0.2 → 164.0.1

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -17,7 +17,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import EditorAlignLeftIcon from '@atlaskit/icon/glyph/editor/align-left';
@@ -27,12 +29,11 @@ import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import Tooltip from '@atlaskit/tooltip';
 import { PureComponent } from 'react';
 import { defineMessages, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { linkToolbarMessages as linkToolbarCommonMessages } from '../../../../messages';
 import PanelTextInput from '../../../../ui/PanelTextInput';
 import LinkSearchList from '../../../../ui/LinkSearch/LinkSearchList';
-import { Container, InputWrapper, UrlInputWrapper } from '../../../../ui/LinkSearch/ToolbarComponents';
+import { container, containerWithProvider, inputWrapper } from '../../../../ui/LinkSearch/ToolbarComponents';
 import { INPUT_METHOD, fireAnalyticsEvent, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../analytics';
 import { normalizeUrl } from '../../utils';
 import { filterUniqueItems } from '../../../../utils/array';
@@ -40,14 +41,14 @@ import debounce from 'lodash/debounce';
 import { mapContentTypeToIcon, sha1, wordCount } from './utils';
 import { hideLinkToolbar } from '../../commands';
 import { hideLinkToolbar as cardHideLinkToolbar } from '../../../card/pm-plugins/actions';
-import { ScreenReaderText } from '../../styles';
+import { visuallyHiddenStyles } from '../../styles';
 import { browser } from '@atlaskit/editor-common/utils';
 import { transformTimeStamp } from '../../../../ui/LinkSearch/transformTimeStamp';
 import Announcer from '../../../../utils/announcer/announcer';
 export var RECENT_SEARCH_LIST_SIZE = 5;
-var ClearText = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 0;\n  margin-right: 8px;\n  color: ", ";\n  background: transparent;\n  border: none;\n"])), N90);
-var TextInputWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), InputWrapper, N30, N30);
-var IconWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 4px 8px;\n  width: 18px;\n"])), N80);
+var clearText = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 0;\n  margin-right: 8px;\n  color: ", ";\n  background: transparent;\n  border: none;\n"])), N90);
+var textInputWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), inputWrapper, N30, N30);
+var iconWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 4px 8px;\n  width: 18px;\n"])), N80);
 export var messages = defineMessages({
   displayText: {
     id: 'fabric.editor.displayText',
@@ -80,7 +81,7 @@ export var messages = defineMessages({
     description: 'aria label for a link'
   }
 });
-var defaultIcon = /*#__PURE__*/React.createElement(Page16Icon, {
+var defaultIcon = jsx(Page16Icon, {
   label: 'page'
 });
 
@@ -440,11 +441,11 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       if (items.length && selectedIndex > -1) {
         var _items$selectedIndex = items[selectedIndex],
             name = _items$selectedIndex.name,
-            container = _items$selectedIndex.container,
+            _container = _items$selectedIndex.container,
             lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
             lastViewedDate = _items$selectedIndex.lastViewedDate;
         var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
-        return "".concat(name, ", ").concat(container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
+        return "".concat(name, ", ").concat(_container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
       }
     });
 
@@ -932,24 +933,29 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
 
       var screenReaderText = browser.safari && this.getScreenReaderText();
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         className: "recent-list"
-      }, /*#__PURE__*/React.createElement(Container, {
-        provider: !!activityProvider,
-        innerRef: this.wrapperRef
-      }, /*#__PURE__*/React.createElement(UrlInputWrapper, null, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
+      }, jsx("div", {
+        css: [container, !!activityProvider && containerWithProvider],
+        ref: this.wrapperRef
+      }, jsx("div", {
+        css: inputWrapper
+      }, jsx("span", {
+        css: iconWrapper
+      }, jsx(Tooltip, {
         content: formatLinkAddressText
-      }, /*#__PURE__*/React.createElement(LinkIcon, {
+      }, jsx(LinkIcon, {
         label: formatLinkAddressText
-      }))), screenReaderText && /*#__PURE__*/React.createElement(Announcer, {
+      }))), screenReaderText && jsx(Announcer, {
         ariaLive: "assertive",
         text: screenReaderText,
         ariaRelevant: "additions",
         delay: 250
-      }), /*#__PURE__*/React.createElement(ScreenReaderText, {
+      }), jsx("div", {
+        css: visuallyHiddenStyles,
         "aria-hidden": "true",
         id: screenReaderDescriptionId
-      }, formatMessage(messages.searchLinkAriaDescription)), /*#__PURE__*/React.createElement(PanelTextInput, {
+      }, formatMessage(messages.searchLinkAriaDescription)), jsx(PanelTextInput, {
         role: "combobox",
         ariaExpanded: true,
         ariaActiveDescendant: ariaActiveDescendant,
@@ -969,17 +975,22 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onCancel: this.handleCancel,
         defaultValue: displayUrl,
         onKeyDown: this.handleKeyDown
-      }), displayUrl && /*#__PURE__*/React.createElement(Tooltip, {
+      }), displayUrl && jsx(Tooltip, {
         content: formatClearLinkText
-      }, /*#__PURE__*/React.createElement(ClearText, {
+      }, jsx("button", {
+        css: clearText,
         onClick: this.handleClearText
-      }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
+      }, jsx(CrossCircleIcon, {
         label: formatClearLinkText
-      })))), /*#__PURE__*/React.createElement(TextInputWrapper, null, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
+      })))), jsx("div", {
+        css: textInputWrapper
+      }, jsx("span", {
+        css: iconWrapper
+      }, jsx(Tooltip, {
         content: formatDisplayText
-      }, /*#__PURE__*/React.createElement(EditorAlignLeftIcon, {
+      }, jsx(EditorAlignLeftIcon, {
         label: formatDisplayText
-      }))), /*#__PURE__*/React.createElement(PanelTextInput, {
+      }))), jsx(PanelTextInput, {
         ref: function ref(ele) {
           return _this2.displayTextInputContainer = ele;
         },
@@ -991,20 +1002,22 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         defaultValue: displayText,
         onSubmit: this.handleSubmit,
         onKeyDown: this.handleKeyDown
-      }), displayText && /*#__PURE__*/React.createElement(Tooltip, {
+      }), displayText && jsx(Tooltip, {
         content: formatMessage(messages.clearText)
-      }, /*#__PURE__*/React.createElement(ClearText, {
+      }, jsx("button", {
+        css: clearText,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown
-      }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
+      }, jsx(CrossCircleIcon, {
         label: formatMessage(messages.clearText)
-      })))), /*#__PURE__*/React.createElement(ScreenReaderText, {
+      })))), jsx("div", {
+        css: visuallyHiddenStyles,
         "aria-live": "polite",
         "aria-atomic": "true",
         id: "fabric.editor.hyperlink.suggested.results"
       }, displayUrl && formatMessage(messages.searchLinkResults, {
         count: items.length
-      })), /*#__PURE__*/React.createElement(LinkSearchList, {
+      })), jsx(LinkSearchList, {
         ariaControls: "fabric.editor.hyperlink.suggested.results",
         id: linkSearchListId,
         role: "listbox",

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js

@@ -1,19 +1,25 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import AddIcon from '@atlaskit/icon/glyph/editor/add';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { ToolTipContent } from '../../../../keymaps';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { ExpandIconWrapper } from '../../../../ui/styles';
-import { TriggerWrapper } from './styles';
+import { expandIconWrapperStyle } from '../../../../ui/styles';
+import { triggerWrapper } from './styles';
 var DropDownButtonIcon = /*#__PURE__*/React.memo(function (props) {
-  return /*#__PURE__*/React.createElement(TriggerWrapper, null, /*#__PURE__*/React.createElement(AddIcon, {
+  return jsx("span", {
+    css: triggerWrapper
+  }, jsx(AddIcon, {
     label: props.label
-  }), /*#__PURE__*/React.createElement(ExpandIconWrapper, null, /*#__PURE__*/React.createElement(ExpandIcon, {
+  }), jsx("span", {
+    css: expandIconWrapperStyle
+  }, jsx(ExpandIcon, {
     label: ""
   })));
 });
 export var DropDownButton = /*#__PURE__*/React.memo(function (props) {
-  return /*#__PURE__*/React.createElement(ToolbarButton, {
+  return jsx(ToolbarButton, {
     ref: props.handleRef,
     selected: props.selected,
     disabled: props.disabled,
@@ -22,10 +28,10 @@ export var DropDownButton = /*#__PURE__*/React.memo(function (props) {
     "aria-expanded": props['aria-expanded'],
     "aria-haspopup": props['aria-haspopup'],
     "aria-label": props.label,
-    iconBefore: /*#__PURE__*/React.createElement(DropDownButtonIcon, {
+    iconBefore: jsx(DropDownButtonIcon, {
       label: ""
     }),
-    title: /*#__PURE__*/React.createElement(ToolTipContent, {
+    title: jsx(ToolTipContent, {
       description: props.label,
       shortcutOverride: "/"
     })

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -15,19 +15,21 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { Separator, ButtonGroup, Wrapper } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle, wrapperStyle } from '../../../../ui/styles';
 import { createTable } from '../../../table/commands';
 import { insertDate } from '../../../date/actions';
 import { openElementBrowserModal } from '../../../quick-insert/commands';
 import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';
 import { insertLayoutColumnsWithAnalytics } from '../../../layout/actions';
-import { insertTaskDecision } from '../../../tasks-and-decisions/commands';
+import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
 import { insertExpand } from '../../../expand/commands';
 import { showLinkToolbar } from '../../../hyperlink/commands';
 import { createTypeAheadTools } from '../../../type-ahead/api';
@@ -260,29 +262,25 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "insertTaskDecision", function (name, inputMethod) {
       return function () {
-        var editorView = _this.props.editorView;
-
-        if (!editorView) {
-          return false;
-        }
-
+        var _this$props$editorVie = _this.props.editorView,
+            state = _this$props$editorVie.state,
+            dispatch = _this$props$editorVie.dispatch;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        insertTaskDecision(editorView, listType, inputMethod)(editorView.state, editorView.dispatch);
-        return true;
+        return insertTaskDecisionCommand(listType, inputMethod)(state, dispatch);
       };
     });
 
     _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
-      var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch;
+      var _this$props$editorVie2 = _this.props.editorView,
+          state = _this$props$editorVie2.state,
+          dispatch = _this$props$editorVie2.dispatch;
       return insertHorizontalRule(inputMethod)(state, dispatch);
     });
 
     _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
-      var _this$props$editorVie2 = _this.props.editorView,
-          state = _this$props$editorVie2.state,
-          dispatch = _this$props$editorVie2.dispatch;
+      var _this$props$editorVie3 = _this.props.editorView,
+          state = _this$props$editorVie3.state,
+          dispatch = _this$props$editorVie3.dispatch;
       return insertExpand(state, dispatch);
     });
 
@@ -476,7 +474,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(Popup, {
+      return jsx(Popup, {
         target: ref,
         fitHeight: 350,
         fitWidth: 350,
@@ -484,7 +482,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
-      }, /*#__PURE__*/React.createElement(EmojiPickerWithListeners, {
+      }, jsx(EmojiPickerWithListeners, {
         emojiProvider: emojiProvider,
         onSelection: this.handleSelectedEmoji,
         handleClickOutside: this.handleEmojiClickOutside,
@@ -509,10 +507,10 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(ButtonGroup, {
-        width: isReducedSpacing ? 'small' : 'large'
+      return jsx("span", {
+        css: buttonGroupStyle
       }, buttons.map(function (btn) {
-        return /*#__PURE__*/React.createElement(ToolbarButton, {
+        return jsx(ToolbarButton, {
           item: btn,
           ref: btn.value.name === 'emoji' ? _this2.handleEmojiButtonRef : noop,
           key: btn.value.name,
@@ -525,7 +523,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": btn['aria-haspopup'],
           onItemClick: _this2.insertToolbarMenuItem
         });
-      }), /*#__PURE__*/React.createElement(Wrapper, null, this.renderPopup(), /*#__PURE__*/React.createElement(BlockInsertMenu, {
+      }), jsx("span", {
+        css: wrapperStyle
+      }, this.renderPopup(), jsx(BlockInsertMenu, {
         popupsMountPoint: this.props.popupsMountPoint,
         popupsBoundariesElement: this.props.popupsBoundariesElement,
         popupsScrollableElement: this.props.popupsScrollableElement,
@@ -544,7 +544,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         onOpenChange: this.onOpenChange,
         togglePlusMenuVisibility: this.togglePlusMenuVisibility,
         replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false
-      })), this.props.showSeparator && /*#__PURE__*/React.createElement(Separator, null));
+      })), this.props.showSeparator && jsx("span", {
+        css: separatorStyles
+      }));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/item.js

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import memoizeOne from 'memoize-one';
 import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import TaskIcon from '@atlaskit/icon/glyph/editor/task';
@@ -17,7 +19,7 @@ import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
 import CodeIcon from '@atlaskit/icon/glyph/editor/code';
 import InfoIcon from '@atlaskit/icon/glyph/editor/info';
 import QuoteIcon from '@atlaskit/icon/glyph/quote';
-import { Shortcut } from '../../../../ui/styles';
+import { shortcutStyle } from '../../../../ui/styles';
 import { tooltip, addLink, toggleTable } from '../../../../keymaps';
 import { shallowEquals } from './shallow-equals';
 
@@ -28,10 +30,12 @@ var from = function from(init) {
     value: {
       name: init.name
     },
-    elemBefore: /*#__PURE__*/React.createElement(init.Icon, {
+    elemBefore: jsx(init.Icon, {
       label: init.content
     }),
-    elemAfter: init.shortcut ? /*#__PURE__*/React.createElement(Shortcut, null, init.shortcut) : undefined,
+    elemAfter: init.shortcut ? jsx("div", {
+      css: shortcutStyle
+    }, init.shortcut) : undefined,
     'aria-label': init.content,
     'aria-haspopup': init['aria-haspopup'],
     shortcut: init.shortcut,
@@ -199,7 +203,7 @@ export var placeholder = mem(function (init) {
     disabled: init.disabled,
     name: 'placeholder text',
     Icon: function Icon() {
-      return /*#__PURE__*/React.createElement(PlaceholderTextIcon, {
+      return jsx(PlaceholderTextIcon, {
         label: ""
       });
     }
@@ -221,7 +225,7 @@ export var more = mem(function (init) {
     disabled: init.disabled,
     name: 'macro',
     Icon: function Icon() {
-      return /*#__PURE__*/React.createElement(EditorMoreIcon, {
+      return jsx(EditorMoreIcon, {
         label: ""
       });
     }

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/styles.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import styled from 'styled-components';
-export var TriggerWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));
+import { css } from '@emotion/react';
+export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));

package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js

@@ -2,18 +2,25 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import React from 'react';
-import styled from 'styled-components';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N30, N50 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-var WrapperNode = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 2px;\n  min-height: 24px;\n  padding: 0 4px;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  .ProseMirror-selectednode & {\n    background: ", ";\n    outline: none;\n  }\n"])), N30, N50, borderRadius(), relativeFontSizeToBase16(13), N50);
-var JiraChildNode = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: #707070;\n  line-height: 24px;\n  vertical-align: top;\n\n  &::before {\n    color: black;\n    content: 'JIRA | ';\n  }\n"])));
-var SvgChildNode = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n\n  & > div {\n    height: 24px;\n    width: 24px;\n  }\n"])));
+var wrapperNode = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 2px;\n  min-height: 24px;\n  padding: 0 4px;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  .ProseMirror-selectednode & {\n    background: ", ";\n    outline: none;\n  }\n"])), N30, N50, borderRadius(), relativeFontSizeToBase16(13), N50);
+var jiraChildNode = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: #707070;\n  line-height: 24px;\n  vertical-align: top;\n\n  &::before {\n    color: black;\n    content: 'JIRA | ';\n  }\n"])));
+var svgChildNode = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n\n  & > div {\n    height: 24px;\n    width: 24px;\n  }\n"])));
 export default function JIRAIssueNode(props) {
   var issueKey = props.node.attrs.issueKey;
-  return /*#__PURE__*/React.createElement(WrapperNode, null, /*#__PURE__*/React.createElement(SvgChildNode, null, /*#__PURE__*/React.createElement(JiraIcon, {
+  return jsx("span", {
+    css: wrapperNode,
+    "data-testid": "jira-issue-node"
+  }, jsx("span", {
+    css: svgChildNode
+  }, jsx(JiraIcon, {
     size: "small"
-  })), /*#__PURE__*/React.createElement(JiraChildNode, null, issueKey));
+  })), jsx("span", {
+    css: jiraChildNode
+  }, issueKey));
 }

package/dist/esm/plugins/list/actions/wrap-and-join-lists.js

@@ -1,5 +1,6 @@
 import { Fragment, Slice, NodeRange } from 'prosemirror-model';
-import { ReplaceAroundStep, findWrapping, canSplit, canJoin } from 'prosemirror-transform';
+import { ReplaceAroundStep, findWrapping, canSplit } from 'prosemirror-transform';
+import { autoJoinTr } from '../../../utils/prosemirror/autojoin';
 /**
  * Wraps the selection in a list with the given type. If this results in
  * two adjacent lists of the same type, those will be joined together.
@@ -7,7 +8,7 @@ import { ReplaceAroundStep, findWrapping, canSplit, canJoin } from 'prosemirror-
 
 export function wrapInListAndJoin(nodeType, tr) {
   wrapInList(nodeType)(tr);
-  autoJoin(tr, function (before, after) {
+  autoJoinTr(tr, function (before, after) {
     return before.type === after.type && before.type === nodeType;
   });
 }
@@ -94,75 +95,4 @@ function doWrapInList(tr, range, wrappers, joinBefore, listType) {
   }
 
   return tr;
-}
-/**
- * Checks whether two adjacent nodes can be joined. If so, the document
- * will be updated to join those nodes. If not, the original transaction
- * remains untouched.
- *
- * Nodes are considered joinable if the `isJoinable` predicate returns true.
- *
- * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
- */
-
-
-export function autoJoin(tr, isJoinable) {
-  if (!tr.isGeneric) {
-    return;
-  }
-
-  var ranges = [];
-
-  for (var i = 0; i < tr.mapping.maps.length; i++) {
-    var map = tr.mapping.maps[i];
-
-    for (var j = 0; j < ranges.length; j++) {
-      ranges[j] = map.map(ranges[j]);
-    }
-
-    map.forEach(function (_s, _e, from, to) {
-      return ranges.push(from, to);
-    });
-  } // Figure out which joinable points exist inside those ranges,
-  // by checking all node boundaries in their parent nodes.
-
-
-  var joinable = [];
-
-  for (var _i3 = 0; _i3 < ranges.length; _i3 += 2) {
-    var from = ranges[_i3];
-    var to = ranges[_i3 + 1];
-    var $from = tr.doc.resolve(from);
-    var depth = $from.sharedDepth(to);
-    var parent = $from.node(depth);
-
-    for (var index = $from.indexAfter(depth), pos = $from.after(depth + 1); pos <= to; ++index) {
-      var _after = parent.maybeChild(index);
-
-      if (!_after) {
-        break;
-      }
-
-      if (index && joinable.indexOf(pos) === -1) {
-        var _before = parent.child(index - 1);
-
-        if (_before.type === _after.type && isJoinable(_before, _after)) {
-          joinable.push(pos);
-        }
-      }
-
-      pos += _after.nodeSize;
-    }
-  } // Join the joinable points
-
-
-  joinable.sort(function (a, b) {
-    return a - b;
-  });
-
-  for (var _i4 = joinable.length - 1; _i4 >= 0; _i4--) {
-    if (canJoin(tr.doc, joinable[_i4])) {
-      tr.join(joinable[_i4]);
-    }
-  }
 }

package/dist/esm/plugins/list/commands/index.js

@@ -5,6 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Fragment, Slice } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
 import * as baseCommand from 'prosemirror-commands';
 import { hasParentNodeOfType, findPositionOfNodeBefore } from 'prosemirror-utils';
 import { hasVisibleContent, isNodeEmpty } from '../../../utils/document';
@@ -327,6 +328,12 @@ var joinToPreviousListItem = function joinToPreviousListItem(state, dispatch) {
       }
 
       if (dispatch) {
+        var _tr$doc$resolve$nodeB;
+
+        if (!((_tr$doc$resolve$nodeB = tr.doc.resolve($lastNode.pos).nodeBefore) !== null && _tr$doc$resolve$nodeB !== void 0 && _tr$doc$resolve$nodeB.isBlock) || tr.doc.resolve($lastNode.pos).nodeBefore === null) {
+          tr = tr.setSelection(TextSelection.near(tr.doc.resolve(tr.mapping.map($cut.pos)), -1));
+        }
+
         dispatch(tr.scrollIntoView());
       }
 

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

@@ -51,6 +51,12 @@ export var getDecorations = function getDecorations(doc) {
       decorations.push(Decoration.node(from, to, {
         'data-indent-level': "".concat(depth)
       }));
+
+      if (node.childCount >= 100) {
+        decorations.push(Decoration.node(from, to, {
+          'data-child-count': '100+'
+        }));
+      }
     }
   });
   return DecorationSet.empty.add(doc, decorations);

package/dist/esm/plugins/list/styles.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export var listsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror li {\n    position: relative;\n\n    > p:not(:first-child) {\n      margin: 4px 0 0 0;\n    }\n  }\n"])));