@atlaskit/editor-core 187.8.10 → 187.8.13

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 187.8.13
+
+### Patch Changes
+
+- [`0756bf2b120`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0756bf2b120) - [ux] ED-18780 Add first element to page when pressing enter on Insert Menu
+
+## 187.8.11
+
+### Patch Changes
+
+- [`2b54c3b0d24`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b54c3b0d24) - [ED-19203] Decouple text-formatting plugin and editor-core
+- Updated dependencies
+
 ## 187.8.10
 
 ### Patch Changes

package/dist/cjs/plugins/text-formatting/index.js

@@ -57,52 +57,54 @@ var textFormatting = function textFormatting() {
         }
       }, {
         name: 'textFormattingInputRule',
+        // Don't remove the unused featureFlags, this gets used to test if we're properly passing them to the PM plugin
         plugin: function plugin(_ref2) {
+          var _api$dependencies$ana2;
           var schema = _ref2.schema,
             featureFlags = _ref2.featureFlags;
-          return (0, _inputRule.default)(schema, featureFlags);
+          return (0, _inputRule.default)(schema, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions);
         }
       }, {
         name: 'textFormattingSmartRule',
-        plugin: function plugin(_ref3) {
-          var featureFlags = _ref3.featureFlags;
-          return !options.disableSmartTextCompletion ? (0, _smartInputRule.default)(featureFlags) : undefined;
+        plugin: function plugin() {
+          var _api$dependencies$ana3;
+          return !options.disableSmartTextCompletion ? (0, _smartInputRule.default)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions) : undefined;
         }
       }, {
         name: 'textFormattingClear',
-        plugin: function plugin(_ref4) {
-          var dispatch = _ref4.dispatch;
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
           return (0, _clearFormatting.plugin)(dispatch);
         }
       }, {
         name: 'textFormattingClearKeymap',
         plugin: function plugin() {
-          var _api$dependencies$ana2;
-          return (0, _clearFormattingKeymap.default)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions);
+          var _api$dependencies$ana4;
+          return (0, _clearFormattingKeymap.default)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions);
         }
       }, {
         name: 'textFormattingKeymap',
-        plugin: function plugin(_ref5) {
-          var _api$dependencies$ana3;
-          var schema = _ref5.schema;
-          return (0, _keymap.default)(schema, api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions);
+        plugin: function plugin(_ref4) {
+          var _api$dependencies$ana5;
+          var schema = _ref4.schema;
+          return (0, _keymap.default)(schema, api === null || api === void 0 ? void 0 : (_api$dependencies$ana5 = api.dependencies.analytics) === null || _api$dependencies$ana5 === void 0 ? void 0 : _api$dependencies$ana5.actions);
         }
       }];
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref6) {
-      var editorView = _ref6.editorView,
-        popupsMountPoint = _ref6.popupsMountPoint,
-        popupsScrollableElement = _ref6.popupsScrollableElement,
-        isToolbarReducedSpacing = _ref6.isToolbarReducedSpacing,
-        toolbarSize = _ref6.toolbarSize,
-        disabled = _ref6.disabled;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsScrollableElement = _ref5.popupsScrollableElement,
+        isToolbarReducedSpacing = _ref5.isToolbarReducedSpacing,
+        toolbarSize = _ref5.toolbarSize,
+        disabled = _ref5.disabled;
       return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
         plugins: {
           textFormattingState: _main.pluginKey,
           clearFormattingPluginState: _clearFormatting.pluginKey
         },
         render: function render() {
-          var _api$dependencies$ana4;
+          var _api$dependencies$ana6;
           return /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
             editorState: editorView.state,
             popupsMountPoint: popupsMountPoint,
@@ -112,7 +114,7 @@ var textFormatting = function textFormatting() {
             editorView: editorView,
             isToolbarDisabled: disabled,
             shouldUseResponsiveToolbar: Boolean(options.responsiveToolbarMenu),
-            editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions
+            editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$dependencies$ana6 = api.dependencies.analytics) === null || _api$dependencies$ana6 === void 0 ? void 0 : _api$dependencies$ana6.actions
           });
         }
       });

package/dist/cjs/plugins/text-formatting/pm-plugins/input-rule.js

@@ -16,10 +16,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _inputRules = require("../../../utils/input-rules");
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _mark = require("@atlaskit/editor-common/mark");
+var _utils = require("@atlaskit/editor-common/utils");
 var _ValidCombinations;
 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; } }
@@ -175,18 +175,16 @@ var codeRegex = buildRegex(ValidAutoformatChars.CODE);
  * @returns {InputRuleWrapper[]}
  */
 exports.codeRegex = codeRegex;
-function getStrongInputRules(schema) {
-  var ruleWithStrongAnalytics = (0, _inputRules.ruleWithAnalytics)(function () {
-    return {
-      action: _analytics.ACTION.FORMATTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_STRONG,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.FORMATTING
-      }
-    };
-  });
+function getStrongInputRules(schema, editorAnalyticsAPI) {
+  var ruleWithStrongAnalytics = (0, _utils.inputRuleWithAnalytics)({
+    action: _analytics.ACTION.FORMATTED,
+    actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_STRONG,
+    eventType: _analytics.EVENT_TYPE.TRACK,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.FORMATTING
+    }
+  }, editorAnalyticsAPI);
   // **string** or __strong__ should bold the text
   var doubleUnderscoreRule = (0, _prosemirrorInputRules.createRule)(strongRegex1, addMark(schema.marks.strong, schema, ValidAutoformatChars.STRONG));
   var doubleAsterixRule = (0, _prosemirrorInputRules.createRule)(strongRegex2, addMark(schema.marks.strong, schema, ValidAutoformatChars.STRONG_MARKDOWN));
@@ -199,18 +197,16 @@ function getStrongInputRules(schema) {
  * @param {Schema} schema
  * @returns {InputRuleWrapper[]}
  */
-function getItalicInputRules(schema) {
-  var ruleWithItalicAnalytics = (0, _inputRules.ruleWithAnalytics)(function () {
-    return {
-      action: _analytics.ACTION.FORMATTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_ITALIC,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.FORMATTING
-      }
-    };
-  });
+function getItalicInputRules(schema, editorAnalyticsAPI) {
+  var ruleWithItalicAnalytics = (0, _utils.inputRuleWithAnalytics)({
+    action: _analytics.ACTION.FORMATTED,
+    actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_ITALIC,
+    eventType: _analytics.EVENT_TYPE.TRACK,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.FORMATTING
+    }
+  }, editorAnalyticsAPI);
   var underscoreRule = (0, _prosemirrorInputRules.createRule)(italicRegex1, addMark(schema.marks.em, schema, ValidAutoformatChars.ITALIC));
   var asterixRule = (0, _prosemirrorInputRules.createRule)(italicRegex2, addMark(schema.marks.em, schema, ValidAutoformatChars.ITALIC_MARKDOWN));
   return [ruleWithItalicAnalytics(underscoreRule), ruleWithItalicAnalytics(asterixRule)];
@@ -222,18 +218,16 @@ function getItalicInputRules(schema) {
  * @param {Schema} schema
  * @returns {InputRuleWrapper[]}
  */
-function getStrikeInputRules(schema) {
-  var ruleWithStrikeAnalytics = (0, _inputRules.ruleWithAnalytics)(function () {
-    return {
-      action: _analytics.ACTION.FORMATTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_STRIKE,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.FORMATTING
-      }
-    };
-  });
+function getStrikeInputRules(schema, editorAnalyticsAPI) {
+  var ruleWithStrikeAnalytics = (0, _utils.inputRuleWithAnalytics)({
+    action: _analytics.ACTION.FORMATTED,
+    actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_STRIKE,
+    eventType: _analytics.EVENT_TYPE.TRACK,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.FORMATTING
+    }
+  }, editorAnalyticsAPI);
   var doubleTildeRule = (0, _prosemirrorInputRules.createRule)(strikeRegex, addMark(schema.marks.strike, schema, ValidAutoformatChars.STRIKE));
   return [ruleWithStrikeAnalytics(doubleTildeRule)];
 }
@@ -244,34 +238,34 @@ function getStrikeInputRules(schema) {
  * @param {Schema} schema
  * @returns {InputRuleWrapper[]}
  */
-function getCodeInputRules(schema) {
-  var ruleWithCodeAnalytics = (0, _inputRules.ruleWithAnalytics)(function () {
-    return {
-      action: _analytics.ACTION.FORMATTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_CODE,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.FORMATTING
-      }
-    };
-  });
+function getCodeInputRules(schema, editorAnalyticsAPI) {
+  var ruleWithCodeAnalytics = (0, _utils.inputRuleWithAnalytics)({
+    action: _analytics.ACTION.FORMATTED,
+    actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_CODE,
+    eventType: _analytics.EVENT_TYPE.TRACK,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.FORMATTING
+    }
+  }, editorAnalyticsAPI);
   var backTickRule = (0, _prosemirrorInputRules.createRule)(codeRegex, addMark(schema.marks.code, schema, ValidAutoformatChars.CODE));
   return [ruleWithCodeAnalytics(backTickRule)];
 }
-function inputRulePlugin(schema, featureFlags) {
+function inputRulePlugin(schema,
+// Don't remove the unused featureFlags, this gets used to test if we're properly passing them to the PM plugin
+_featureFlags, editorAnalyticsAPI) {
   var rules = [];
   if (schema.marks.strong) {
-    rules.push.apply(rules, (0, _toConsumableArray2.default)(getStrongInputRules(schema)));
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getStrongInputRules(schema, editorAnalyticsAPI)));
   }
   if (schema.marks.em) {
-    rules.push.apply(rules, (0, _toConsumableArray2.default)(getItalicInputRules(schema)));
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getItalicInputRules(schema, editorAnalyticsAPI)));
   }
   if (schema.marks.strike) {
-    rules.push.apply(rules, (0, _toConsumableArray2.default)(getStrikeInputRules(schema)));
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getStrikeInputRules(schema, editorAnalyticsAPI)));
   }
   if (schema.marks.code) {
-    rules.push.apply(rules, (0, _toConsumableArray2.default)(getCodeInputRules(schema)));
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getCodeInputRules(schema, editorAnalyticsAPI)));
   }
   if (rules.length !== 0) {
     return (0, _prosemirrorInputRules.createPlugin)('text-formatting', rules);

package/dist/cjs/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _state2 = require("@atlaskit/editor-prosemirror/state");
-var _inputRules = require("../../../utils/input-rules");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
 /**
  * Creates an InputRuleHandler that will match on a regular expression of the
  * form `(prefix, content, suffix?)`, and replace it with some given text,
@@ -33,7 +33,7 @@ function replaceTextUsingCaptureGroup(text) {
     // But, this is JS #trustnoone
     Math.max(startPos, 0), end);
     tr.replaceWith(safePos, end, state.schema.text(replacement, $to.marks()));
-    tr.setSelection(_state2.Selection.near(tr.doc.resolve(tr.selection.to)));
+    tr.setSelection(_state.Selection.near(tr.doc.resolve(tr.selection.to)));
     return tr;
   };
 }
@@ -86,9 +86,9 @@ function createSingleQuotesRules() {
 /**
  * Get replacement rules related to product
  */
-function getProductRules() {
+function getProductRules(editorAnalyticsAPI) {
   var productRuleWithAnalytics = function productRuleWithAnalytics(product) {
-    return (0, _inputRules.ruleWithAnalytics)(function (_state, match) {
+    return (0, _utils.inputRuleWithAnalytics)(function (_, match) {
       return {
         action: _analytics.ACTION.SUBSTITUTED,
         actionSubject: _analytics.ACTION_SUBJECT.TEXT,
@@ -99,7 +99,7 @@ function getProductRules() {
           originalSpelling: match[2]
         }
       };
-    });
+    }, editorAnalyticsAPI);
   };
   return createReplacementRules({
     Atlassian: /(\s+|^)(atlassian)(\s)$/,
@@ -113,24 +113,22 @@ function getProductRules() {
 /**
  * Get replacement rules related to symbol
  */
-function getSymbolRules() {
+function getSymbolRules(editorAnalyticsAPI) {
   var symbolToString = {
     '→': _analytics.SYMBOL.ARROW_RIGHT,
     '←': _analytics.SYMBOL.ARROW_LEFT,
     '↔︎': _analytics.SYMBOL.ARROW_DOUBLE
   };
   var symbolRuleWithAnalytics = function symbolRuleWithAnalytics(symbol) {
-    return (0, _inputRules.ruleWithAnalytics)(function () {
-      return {
-        action: _analytics.ACTION.SUBSTITUTED,
-        actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYMBOL,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          symbol: symbolToString[symbol]
-        }
-      };
-    });
+    return (0, _utils.inputRuleWithAnalytics)({
+      action: _analytics.ACTION.SUBSTITUTED,
+      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYMBOL,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        symbol: symbolToString[symbol]
+      }
+    }, editorAnalyticsAPI);
   };
   return createReplacementRules({
     '→': /(\s+|^)(--?>)(\s)$/,
@@ -142,25 +140,22 @@ function getSymbolRules() {
 /**
  * Get replacement rules related to punctuation
  */
-function getPunctuationRules() {
+function getPunctuationRules(editorAnalyticsAPI) {
   var punctuationToString = (0, _defineProperty2.default)({
     '–': _analytics.PUNC.DASH,
     '…': _analytics.PUNC.ELLIPSIS,
-    '“': _analytics.PUNC.QUOTE_DOUBLE,
     '”': _analytics.PUNC.QUOTE_DOUBLE
   }, _analytics.PUNC.QUOTE_SINGLE, _analytics.PUNC.QUOTE_SINGLE);
   var punctuationRuleWithAnalytics = function punctuationRuleWithAnalytics(punctuation) {
-    return (0, _inputRules.ruleWithAnalytics)(function () {
-      return {
-        action: _analytics.ACTION.SUBSTITUTED,
-        actionSubject: _analytics.ACTION_SUBJECT.TEXT,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PUNC,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          punctuation: punctuationToString[punctuation]
-        }
-      };
-    });
+    return (0, _utils.inputRuleWithAnalytics)({
+      action: _analytics.ACTION.SUBSTITUTED,
+      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.PUNC,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        punctuation: punctuationToString[punctuation]
+      }
+    }, editorAnalyticsAPI);
   };
   var dashEllipsisRules = createReplacementRules({
     '–': /(\s+|^)(--)(\s)$/,
@@ -175,7 +170,7 @@ function getPunctuationRules() {
     return punctuationRuleWithAnalytics(_analytics.PUNC.QUOTE_SINGLE)(rule);
   })));
 }
-var _default = function _default(featureFlags) {
-  return (0, _prosemirrorInputRules.createPlugin)('text-formatting:smart-input', [].concat((0, _toConsumableArray2.default)(getProductRules()), (0, _toConsumableArray2.default)(getSymbolRules()), (0, _toConsumableArray2.default)(getPunctuationRules())));
+var _default = function _default(editorAnalyticsAPI) {
+  return (0, _prosemirrorInputRules.createPlugin)('text-formatting:smart-input', [].concat((0, _toConsumableArray2.default)(getProductRules(editorAnalyticsAPI)), (0, _toConsumableArray2.default)(getSymbolRules(editorAnalyticsAPI)), (0, _toConsumableArray2.default)(getPunctuationRules(editorAnalyticsAPI))));
 };
 exports.default = _default;

package/dist/cjs/ui/ElementBrowser/components/ElementSearch.js

@@ -29,6 +29,7 @@ function ElementSearch(_ref) {
     formatMessage = _ref.intl.formatMessage,
     focus = _ref.focus,
     onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
     searchTerm = _ref.searchTerm;
   var ref = (0, _useFocus.default)(focus);
   var onChange = function onChange(_ref2) {
@@ -44,6 +45,7 @@ function ElementSearch(_ref) {
     onChange: onChange,
     onClick: onClick,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     elemBeforeInput: (0, _react2.jsx)("div", {
       css: elementBeforeInput,
@@ -75,10 +77,10 @@ var placeHolderMessage = {
   description: 'Search field placeholder'
 };
 var styledShortcut = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), _styles.shortcutStyle, _constants.GRID_SIZE / 2, _constants.GRID_SIZE, _constants.GRID_SIZE * 6);
-var wrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px 6px ", "px 0;\n    }\n  }\n"])), _constants.GRID_SIZE * 6, _constants.GRID_SIZE, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), _constants.GRID_SIZE, _constants.GRID_SIZE);
+var wrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px ", " ", "px 0;\n    }\n  }\n"])), _constants.GRID_SIZE * 6, _constants.GRID_SIZE, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), _constants.GRID_SIZE, "var(--ds-space-075, 6px)", _constants.GRID_SIZE);
 var wrapperInline = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), _constants.GRID_SIZE * 5);
-var elementBeforeInput = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 1px 6px 0 8px;\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-icon, ".concat(_colors.N200, ")"));
-var elementAfterInput = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 8px;\n  height: ", ";\n  text-align: center;\n"])), _constants.SEARCH_ITEM_HEIGHT_WIDTH);
+var elementBeforeInput = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 1px ", " 0 ", ";\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-icon, ".concat(_colors.N200, ")"));
+var elementAfterInput = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", ";\n  height: ", ";\n  text-align: center;\n"])), "var(--ds-space-100, 8px)", _constants.SEARCH_ITEM_HEIGHT_WIDTH);
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
   component: 'Searchbar'
 })((0, _reactIntlNext.injectIntl)(ElementSearch)));

package/dist/cjs/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -30,7 +30,7 @@ var baseBrowserContainerStyles = (0, _react2.css)(_templateObject2 || (_template
 var mobileElementBrowserContainer = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex-direction: column;\n"])), baseBrowserContainerStyles);
 var elementBrowserContainer = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex-direction: row;\n"])), baseBrowserContainerStyles);
 var baseSidebarStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n"])));
-var mobileSideBar = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex: 0 0 ", ";\n  padding: 12px 12px 0 12px;\n"])), baseSidebarStyles, _constants.INLINE_SIDEBAR_HEIGHT);
+var mobileSideBar = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex: 0 0 ", ";\n  padding: ", " ", " 0\n    ", ";\n"])), baseSidebarStyles, _constants.INLINE_SIDEBAR_HEIGHT, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
 var mobileSideBarShowCategories = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 0 0 auto;\n"])));
 var sideBar = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex: 0 0 'auto';\n"])), baseSidebarStyles);
 var sideBarShowCategories = (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex: 0 0 ", ";\n"])), baseSidebarStyles, _constants.SIDEBAR_WIDTH);
@@ -43,6 +43,7 @@ var categoryListWrapper = (0, _react2.css)(_templateObject15 || (_templateObject
 function StatelessElementBrowser(props) {
   var items = props.items,
     onSelectItem = props.onSelectItem,
+    onInsertItem = props.onInsertItem,
     viewMoreItem = props.viewMoreItem;
   var _useContainerWidth = (0, _useContainerWidth2.default)(),
     containerWidth = _useContainerWidth.containerWidth,
@@ -92,10 +93,11 @@ function StatelessElementBrowser(props) {
     if (e.key !== 'Enter') {
       return;
     }
-    if (onSelectItem && selectedItem != null) {
-      onSelectItem(selectedItem);
+    if (onInsertItem && selectedItem != null) {
+      onInsertItem(selectedItem);
     }
-  }, [onSelectItem, selectedItem]);
+    e.preventDefault();
+  }, [onInsertItem, selectedItem]);
 
   /**
    * On arrow key selection and clicks the selectedItemIndex will change.
@@ -156,13 +158,13 @@ function MobileBrowser(_ref) {
     viewMoreItem = _ref.viewMoreItem;
   return (0, _react2.jsx)("div", {
     css: mobileElementBrowserContainer,
-    onKeyPress: onKeyPress,
     onKeyDown: onKeyDown,
     "data-testid": "mobile__element-browser"
   }, (0, _react2.jsx)("div", {
     css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
   }, showSearch && (0, _react2.jsx)(_ElementSearch.default, {
     onSearch: onSearch,
+    onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
@@ -235,13 +237,13 @@ function DesktopBrowser(_ref2) {
     createAnalyticsEvent: createAnalyticsEvent
   }))), (0, _react2.jsx)("div", {
     css: mainContent,
-    onKeyPress: onKeyPress,
     onKeyDown: onKeyDown,
     "data-testid": "main-content"
   }, showSearch && (0, _react2.jsx)("div", {
     css: searchContainer
   }, (0, _react2.jsx)(_ElementSearch.default, {
     onSearch: onSearch,
+    onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.8.10";
+var version = "187.8.13";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.8.10",
+	"version": "187.8.13",
 	"sideEffects": false
 }

package/dist/es2019/plugins/text-formatting/index.js

@@ -46,15 +46,20 @@ const textFormatting = (options = {}, api) => ({
       plugin: () => textFormattingCursorPlugin
     }, {
       name: 'textFormattingInputRule',
+      // Don't remove the unused featureFlags, this gets used to test if we're properly passing them to the PM plugin
       plugin: ({
         schema,
         featureFlags
-      }) => textFormattingInputRulePlugin(schema, featureFlags)
+      }) => {
+        var _api$dependencies$ana2;
+        return textFormattingInputRulePlugin(schema, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions);
+      }
     }, {
       name: 'textFormattingSmartRule',
-      plugin: ({
-        featureFlags
-      }) => !options.disableSmartTextCompletion ? textFormattingSmartInputRulePlugin(featureFlags) : undefined
+      plugin: () => {
+        var _api$dependencies$ana3;
+        return !options.disableSmartTextCompletion ? textFormattingSmartInputRulePlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions) : undefined;
+      }
     }, {
       name: 'textFormattingClear',
       plugin: ({
@@ -63,16 +68,16 @@ const textFormatting = (options = {}, api) => ({
     }, {
       name: 'textFormattingClearKeymap',
       plugin: () => {
-        var _api$dependencies$ana2;
-        return clearFormattingKeymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions);
+        var _api$dependencies$ana4;
+        return clearFormattingKeymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions);
       }
     }, {
       name: 'textFormattingKeymap',
       plugin: ({
         schema
       }) => {
-        var _api$dependencies$ana3;
-        return keymapPlugin(schema, api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions);
+        var _api$dependencies$ana5;
+        return keymapPlugin(schema, api === null || api === void 0 ? void 0 : (_api$dependencies$ana5 = api.dependencies.analytics) === null || _api$dependencies$ana5 === void 0 ? void 0 : _api$dependencies$ana5.actions);
       }
     }];
   },
@@ -90,7 +95,7 @@ const textFormatting = (options = {}, api) => ({
         clearFormattingPluginState: clearFormattingPluginKey
       },
       render: () => {
-        var _api$dependencies$ana4;
+        var _api$dependencies$ana6;
         return /*#__PURE__*/React.createElement(Toolbar, {
           editorState: editorView.state,
           popupsMountPoint: popupsMountPoint,
@@ -100,7 +105,7 @@ const textFormatting = (options = {}, api) => ({
           editorView: editorView,
           isToolbarDisabled: disabled,
           shouldUseResponsiveToolbar: Boolean(options.responsiveToolbarMenu),
-          editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions
+          editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$dependencies$ana6 = api.dependencies.analytics) === null || _api$dependencies$ana6 === void 0 ? void 0 : _api$dependencies$ana6.actions
         });
       }
     });