@atlaskit/editor-core 172.3.2 → 173.0.0

package/dist/cjs/plugins/table/index.js

@@ -153,21 +153,38 @@ var tablesPlugin = function tablesPlugin(options) {
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          return (0, _pmPlugins.tableEditing)();
+          return (0, _pmPlugins.tableEditing)({
+            reportFixedTable: function reportFixedTable(_ref5) {
+              var _options$editorAnalyt;
+
+              var state = _ref5.state,
+                  tr = _ref5.tr,
+                  reason = _ref5.reason;
+              options === null || options === void 0 ? void 0 : (_options$editorAnalyt = options.editorAnalyticsAPI) === null || _options$editorAnalyt === void 0 ? void 0 : _options$editorAnalyt.attachAnalyticsEvent({
+                action: _analytics.TABLE_ACTION.FIXED,
+                actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+                actionSubjectId: null,
+                attributes: {
+                  reason: reason
+                },
+                eventType: _analytics.EVENT_TYPE.TRACK
+              })(tr);
+            }
+          });
         }
       }, {
         name: 'tableStickyHeaders',
-        plugin: function plugin(_ref5) {
-          var dispatch = _ref5.dispatch,
-              eventDispatcher = _ref5.eventDispatcher;
+        plugin: function plugin(_ref6) {
+          var dispatch = _ref6.dispatch,
+              eventDispatcher = _ref6.eventDispatcher;
           return options && options.tableOptions.stickyHeaders ? (0, _stickyHeaders.createPlugin)(dispatch, eventDispatcher, function () {
             return [];
           }, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref6) {
-          var dispatch = _ref6.dispatch;
+        plugin: function plugin(_ref7) {
+          var dispatch = _ref7.dispatch;
           return (0, _tableLocalId.createPlugin)(dispatch);
         }
       }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
@@ -198,12 +215,12 @@ var tablesPlugin = function tablesPlugin(options) {
 
       return plugins;
     },
-    contentComponent: function contentComponent(_ref7) {
-      var editorView = _ref7.editorView,
-          popupsMountPoint = _ref7.popupsMountPoint,
-          popupsBoundariesElement = _ref7.popupsBoundariesElement,
-          popupsScrollableElement = _ref7.popupsScrollableElement,
-          dispatchAnalyticsEvent = _ref7.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref8) {
+      var editorView = _ref8.editorView,
+          popupsMountPoint = _ref8.popupsMountPoint,
+          popupsBoundariesElement = _ref8.popupsBoundariesElement,
+          popupsScrollableElement = _ref8.popupsScrollableElement,
+          dispatchAnalyticsEvent = _ref8.dispatchAnalyticsEvent;
       return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.TABLES_PLUGIN,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -214,25 +231,25 @@ var tablesPlugin = function tablesPlugin(options) {
           tableResizingPluginState: _tableResizing.pluginKey,
           stickyHeadersState: _stickyHeaders.pluginKey
         },
-        render: function render(_ref8) {
-          var resizingPluginState = _ref8.tableResizingPluginState,
-              stickyHeadersState = _ref8.stickyHeadersState,
-              tablePluginState = _ref8.tablePluginState;
+        render: function render(_ref9) {
+          var resizingPluginState = _ref9.tableResizingPluginState,
+              stickyHeadersState = _ref9.stickyHeadersState,
+              tablePluginState = _ref9.tablePluginState;
           var state = editorView.state;
           var isDragging = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
-          var _ref9 = tablePluginState,
-              tableNode = _ref9.tableNode,
-              tablePos = _ref9.tablePos,
-              targetCellPosition = _ref9.targetCellPosition,
-              isContextualMenuOpen = _ref9.isContextualMenuOpen,
-              layout = _ref9.layout,
-              tableRef = _ref9.tableRef,
-              pluginConfig = _ref9.pluginConfig,
-              insertColumnButtonIndex = _ref9.insertColumnButtonIndex,
-              insertRowButtonIndex = _ref9.insertRowButtonIndex,
-              isHeaderColumnEnabled = _ref9.isHeaderColumnEnabled,
-              isHeaderRowEnabled = _ref9.isHeaderRowEnabled,
-              tableWrapperTarget = _ref9.tableWrapperTarget;
+          var _ref10 = tablePluginState,
+              tableNode = _ref10.tableNode,
+              tablePos = _ref10.tablePos,
+              targetCellPosition = _ref10.targetCellPosition,
+              isContextualMenuOpen = _ref10.isContextualMenuOpen,
+              layout = _ref10.layout,
+              tableRef = _ref10.tableRef,
+              pluginConfig = _ref10.pluginConfig,
+              insertColumnButtonIndex = _ref10.insertColumnButtonIndex,
+              insertRowButtonIndex = _ref10.insertRowButtonIndex,
+              isHeaderColumnEnabled = _ref10.isHeaderColumnEnabled,
+              isHeaderRowEnabled = _ref10.isHeaderRowEnabled,
+              tableWrapperTarget = _ref10.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? (0, _stickyHeaders.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
@@ -297,9 +314,9 @@ var tablesPlugin = function tablesPlugin(options) {
     pluginsOptions: {
       // TODO: ED-14676 This is not the final API design
       // For now, we are using this on (insert-api/api.ts) but we may create a proper place for it
-      createNodeHandler: function createNodeHandler(_ref10) {
-        var nodeName = _ref10.nodeName,
-            schema = _ref10.schema;
+      createNodeHandler: function createNodeHandler(_ref11) {
+        var nodeName = _ref11.nodeName,
+            schema = _ref11.schema;
 
         // An EditorPlugin may manage more than one node.
         if (nodeName !== 'table') {
@@ -311,8 +328,8 @@ var tablesPlugin = function tablesPlugin(options) {
         });
         return table;
       },
-      quickInsert: function quickInsert(_ref11) {
-        var formatMessage = _ref11.formatMessage;
+      quickInsert: function quickInsert(_ref12) {
+        var formatMessage = _ref12.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(_messages.toolbarInsertBlockMessages.table),
@@ -324,12 +341,12 @@ var tablesPlugin = function tablesPlugin(options) {
             return /*#__PURE__*/_react.default.createElement(_icons.IconTable, null);
           },
           action: function action(insert, state) {
-            var _options$editorAnalyt;
+            var _options$editorAnalyt2;
 
             var tr = insert((0, _utils2.createTable)({
               schema: state.schema
             }));
-            options === null || options === void 0 ? void 0 : (_options$editorAnalyt = options.editorAnalyticsAPI) === null || _options$editorAnalyt === void 0 ? void 0 : _options$editorAnalyt.attachAnalyticsEvent({
+            options === null || options === void 0 ? void 0 : (_options$editorAnalyt2 = options.editorAnalyticsAPI) === null || _options$editorAnalyt2 === void 0 ? void 0 : _options$editorAnalyt2.attachAnalyticsEvent({
               action: _analytics.ACTION.INSERTED,
               actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,

package/dist/cjs/plugins/table/toolbar.js

@@ -9,6 +9,8 @@ exports.messages = exports.getToolbarMenuConfig = exports.getToolbarConfig = exp
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _react = require("@emotion/react");
+
 var _reactIntlNext = require("react-intl-next");
 
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
@@ -25,11 +27,13 @@ var _tableResizing = require("./pm-plugins/table-resizing");
 
 var _types = require("./types");
 
+var _utils = require("./utils");
+
 var _referentiality = require("./utils/referentiality");
 
 var _analytics = require("@atlaskit/editor-common/analytics");
 
-var _utils = require("@atlaskit/editor-tables/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 
 var _transforms = require("./transforms");
 
@@ -39,10 +43,23 @@ var _ContextualMenu = require("./ui/FloatingContextualMenu/ContextualMenu");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _utils3 = require("@atlaskit/editor-common/utils");
 
 var _toolbar = require("../copy-button/toolbar");
 
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+
+var _resizeState = require("./pm-plugins/table-resizing/utils/resize-state");
+
+var _steps = require("@atlaskit/adf-schema/steps");
+
+var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
+
+var _uiColor = require("@atlaskit/editor-common/ui-color");
+
+var _featureFlagsContext = require("../feature-flags-context");
+
+/** @jsx jsx */
 // TODO: ED-14403 investigate why these translations don't work
 var messages = (0, _reactIntlNext.defineMessages)({
   tableOptions: {
@@ -125,6 +142,7 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       left = initialSelectionRect.left;
   var numberOfColumns = right - left;
   var numberOfRows = bottom - top;
+  var pluginState = (0, _pluginFactory.getPluginState)(editorState);
   var options = [{
     id: 'editor.table.insertColumn',
     title: formatMessage(_messages2.default.insertColumn),
@@ -139,7 +157,10 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       return true;
     },
     selected: false,
-    disabled: false
+    disabled: false,
+    elemAfter: (0, _react.jsx)("div", {
+      css: _shortcut.shortcutStyle
+    }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
   }, {
     id: 'editor.table.insertRow',
     title: formatMessage(_messages2.default.insertRow),
@@ -157,7 +178,10 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       return true;
     },
     selected: false,
-    disabled: false
+    disabled: false,
+    elemAfter: (0, _react.jsx)("div", {
+      css: _shortcut.shortcutStyle
+    }, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
   }, {
     id: 'editor.table.removeColumns',
     title: formatMessage(_messages2.default.removeColumns, {
@@ -193,16 +217,63 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
   }, {
     id: 'editor.table.mergeCells',
     title: formatMessage(_ContextualMenu.messages.mergeCells),
-    onClick: (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI),
+    onClick: (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !(0, _transforms.canMergeCells)(editorState.tr)
   }, {
     id: 'editor.table.splitCell',
     title: formatMessage(_ContextualMenu.messages.splitCell),
-    onClick: (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI),
+    onClick: (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB),
     selected: false,
-    disabled: !(0, _utils.splitCell)(editorState)
-  }, {
+    disabled: !(0, _utils2.splitCell)(editorState)
+  }];
+
+  if (pluginState.pluginConfig.allowDistributeColumns) {
+    var distributeColumnWidths = function distributeColumnWidths(state, dispatch, view) {
+      var newResizeStateWithAnalytics = view ? (0, _resizeState.getNewResizeStateFromSelectedColumns)(initialSelectionRect, editorState, view.domAtPos.bind(view), getEditorContainerWidth) : undefined;
+
+      if (newResizeStateWithAnalytics) {
+        (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
+        return true;
+      }
+
+      return false;
+    };
+
+    options.push({
+      id: 'editor.table.distributeColumns',
+      title: formatMessage(_ContextualMenu.messages.distributeColumns),
+      onClick: distributeColumnWidths,
+      selected: false,
+      disabled: numberOfColumns <= 1
+    });
+  }
+
+  if (pluginState.pluginConfig.allowColumnSorting) {
+    var hasMergedCellsInTable = (0, _utils.getMergedCellsPositions)(editorState.tr).length > 0;
+    options.push({
+      id: 'editor.table.sortColumnAsc',
+      title: formatMessage(_ContextualMenu.messages.sortColumnASC),
+      onClick: function onClick(state, dispatch) {
+        (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, initialSelectionRect.left, _steps.TableSortOrder.ASC)(state, dispatch);
+        return true;
+      },
+      selected: false,
+      disabled: hasMergedCellsInTable
+    });
+    options.push({
+      id: 'editor.table.sortColumnDesc',
+      title: formatMessage(_ContextualMenu.messages.sortColumnDESC),
+      onClick: function onClick(state, dispatch) {
+        (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, initialSelectionRect.left, _steps.TableSortOrder.DESC)(state, dispatch);
+        return true;
+      },
+      selected: false,
+      disabled: hasMergedCellsInTable
+    });
+  }
+
+  options.push({
     id: 'editor.table.clearCells',
     title: formatMessage(_ContextualMenu.messages.clearCells, {
       0: Math.max(numberOfColumns, numberOfRows)
@@ -215,14 +286,19 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
       return true;
     },
     selected: false,
-    disabled: false
-  }];
+    disabled: false,
+    elemAfter: (0, _react.jsx)("div", {
+      css: _shortcut.shortcutStyle
+    }, (0, _keymaps.tooltip)(_keymaps.backspace))
+  });
   return {
     id: 'editor.table.cellOptions',
     type: 'dropdown',
     title: formatMessage(_messages2.default.cellOptions),
-    hidden: true,
-    options: options
+    options: options,
+    // Increased dropdown item width to prevent labels from being truncated
+    dropdownWidth: 230,
+    showSelected: false
   };
 };
 
@@ -230,13 +306,13 @@ exports.getToolbarCellOptionsConfig = getToolbarCellOptionsConfig;
 
 var getClosestSelectionRect = function getClosestSelectionRect(state) {
   var selection = state.selection;
-  return (0, _utils.isSelectionType)(selection, 'cell') ? (0, _utils.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
+  return (0, _utils2.isSelectionType)(selection, 'cell') ? (0, _utils2.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
 };
 
 var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editorAnalyticsAPI) {
   return function (config) {
     return function (state, intl) {
-      var tableObject = (0, _utils.findTable)(state.selection);
+      var tableObject = (0, _utils2.findTable)(state.selection);
       var pluginState = (0, _pluginFactory.getPluginState)(state);
 
       var resizeState = _tableResizing.pluginKey.getState(state);
@@ -244,7 +320,12 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
       if (tableObject && pluginState.editorHasFocus) {
         var nodeType = state.schema.nodes.table;
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI);
-        var cellItems = getCellItems(config, state, intl, getEditorContainerWidth, editorAnalyticsAPI); // Check if we need to show confirm dialog for delete button
+
+        var _ref3 = (0, _featureFlagsContext.getFeatureFlags)(state) || {},
+            tableCellOptionsInFloatingToolbar = _ref3.tableCellOptionsInFloatingToolbar;
+
+        var cellItems = getCellItems(config, state, intl, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar);
+        var colorPicker = getColorPicker(state, menu, intl, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar); // Check if we need to show confirm dialog for delete button
 
         var confirmDialog;
         var localId = tableObject.node.attrs.localId;
@@ -265,7 +346,7 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
             var tableRef = parent.querySelector('table') || undefined;
 
             if (tableRef) {
-              element = (0, _utils2.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
+              element = (0, _utils3.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER)) || undefined;
             }
           }
 
@@ -277,7 +358,7 @@ var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth, editor
           getDomRef: getDomRef,
           nodeType: nodeType,
           offset: [0, 3],
-          items: [menu, separator(menu.hidden)].concat((0, _toConsumableArray2.default)(cellItems), [{
+          items: [menu, separator(menu.hidden)].concat((0, _toConsumableArray2.default)(cellItems), (0, _toConsumableArray2.default)(colorPicker), [{
             type: 'extensions-placeholder',
             separator: 'end'
           }], (0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, nodeType, (0, _commands.hoverTable)(false, true), (0, _commands.clearHoverSelection)()), {
@@ -311,10 +392,10 @@ var separator = function separator(hidden) {
   };
 };
 
-var getCellItems = function getCellItems(pluginConfig, state, _ref3, getEditorContainerWidth, editorAnalyticsAPI) {
-  var formatMessage = _ref3.formatMessage;
+var getCellItems = function getCellItems(pluginConfig, state, _ref4, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar) {
+  var formatMessage = _ref4.formatMessage;
 
-  if (pluginConfig.allowCellOptionsInFloatingToolbar) {
+  if (pluginConfig.allowCellOptionsInFloatingToolbar || tableCellOptionsInFloatingToolbar) {
     var initialSelectionRect = getClosestSelectionRect(state);
 
     if (initialSelectionRect) {
@@ -326,4 +407,39 @@ var getCellItems = function getCellItems(pluginConfig, state, _ref3, getEditorCo
   }
 
   return [];
+};
+
+var getColorPicker = function getColorPicker(state, menu, _ref5, getEditorContainerWidth, editorAnalyticsAPI, tableCellOptionsInFloatingToolbar) {
+  var _node$attrs;
+
+  var formatMessage = _ref5.formatMessage;
+
+  var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
+      targetCellPosition = _getPluginState2.targetCellPosition,
+      pluginConfig = _getPluginState2.pluginConfig;
+
+  if (!pluginConfig.allowBackgroundColor || !tableCellOptionsInFloatingToolbar) {
+    return [];
+  }
+
+  var node = targetCellPosition ? state.doc.nodeAt(targetCellPosition) : undefined;
+  var currentBackground = (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff';
+  var defaultPalette = _uiColor.cellBackgroundColorPalette.find(function (item) {
+    return item.value === currentBackground;
+  }) || {
+    label: 'Custom',
+    value: currentBackground,
+    border: _uiColor.DEFAULT_BORDER_COLOR
+  };
+  return [{
+    id: 'editor.panel.colorPicker',
+    title: formatMessage(_ContextualMenu.messages.cellBackground),
+    type: 'select',
+    selectType: 'color',
+    defaultValue: defaultPalette,
+    options: _uiColor.cellBackgroundColorPalette,
+    onChange: function onChange(option) {
+      return (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB, option.value, targetCellPosition);
+    }
+  }, separator(menu.hidden)];
 };

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -326,14 +326,14 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
           break;
 
         case 'merge':
-          (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(state, dispatch);
+          (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
 
           _this.toggleOpen();
 
           break;
 
         case 'split':
-          (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(state, dispatch);
+          (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
 
           _this.toggleOpen();
 
@@ -475,7 +475,7 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
 
       var state = editorView.state,
           dispatch = editorView.dispatch;
-      (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(color, targetCellPosition)(state, dispatch);
+      (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
 
       _this.toggleOpen();
     });

package/dist/cjs/plugins/tasks-and-decisions/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSupportedSourceNode = exports.insertTaskDecisionWithAnalytics = exports.insertTaskDecisionCommand = exports.insertTaskDecisionAction = exports.insertTaskDecision = exports.getListTypes = exports.createListAtSelection = exports.changeInDepth = void 0;
+exports.isSupportedSourceNode = exports.insertTaskDecisionWithAnalytics = exports.insertTaskDecisionCommand = exports.insertTaskDecisionAction = exports.getListTypes = exports.createListAtSelection = exports.changeInDepth = void 0;
 
 var _prosemirrorModel = require("prosemirror-model");
 
@@ -83,24 +83,9 @@ var getListTypes = function getListTypes(listType, schema) {
     item: decisionItem
   };
 };
-/*
- * @deprecated - [ED-13182] insertTaskDecision has been depreciated in favor of insertTaskDecisionCommand
- */
-
 
 exports.getListTypes = getListTypes;
 
-var insertTaskDecision = function insertTaskDecision(view, listType) {
-  var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _analytics.INPUT_METHOD.TOOLBAR;
-  var listLocalId = arguments.length > 3 ? arguments[3] : undefined;
-  var itemLocalId = arguments.length > 4 ? arguments[4] : undefined;
-  // eslint-disable-next-line no-console
-  console.warn('insertTaskDecision has been depreciated in favor of insertTaskDecisionCommand');
-  return insertTaskDecisionCommand(listType, inputMethod, undefined, listLocalId, itemLocalId);
-};
-
-exports.insertTaskDecision = insertTaskDecision;
-
 var insertTaskDecisionAction = function insertTaskDecisionAction(state, listType) {
   var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _analytics.INPUT_METHOD.TOOLBAR;
   var addItem = arguments.length > 3 ? arguments[3] : undefined;

package/dist/cjs/plugins/type-ahead/constants.js

@@ -3,13 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TYPE_AHEAD_POPUP_CONTENT_CLASS = exports.TYPE_AHEAD_DECORATION_KEY = exports.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = exports.NavigationDirection = exports.CloseSelectionOptions = void 0;
+exports.TYPE_AHEAD_POPUP_CONTENT_CLASS = exports.TYPE_AHEAD_DECORATION_KEY = exports.TYPE_AHEAD_DECORATION_ELEMENT_ID = exports.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = exports.NavigationDirection = exports.CloseSelectionOptions = void 0;
 var TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
 exports.TYPE_AHEAD_DECORATION_KEY = TYPE_AHEAD_DECORATION_KEY;
 var TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
 exports.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE;
 var TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
 exports.TYPE_AHEAD_POPUP_CONTENT_CLASS = TYPE_AHEAD_POPUP_CONTENT_CLASS;
+var TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
+exports.TYPE_AHEAD_DECORATION_ELEMENT_ID = TYPE_AHEAD_DECORATION_ELEMENT_ID;
 var NavigationDirection;
 exports.NavigationDirection = NavigationDirection;
 

package/dist/cjs/plugins/type-ahead/messages.js

@@ -11,7 +11,22 @@ var typeAheadListMessages = (0, _reactIntlNext.defineMessages)({
   typeAheadResultLabel: {
     id: 'fabric.editor.typeAheadResultLabel',
     defaultMessage: 'TypeAhead results',
-    description: 'the result of a typehead, similar to autocomplete results+'
+    description: 'the result of a typeahead, similar to autocomplete results+'
+  },
+  inputQueryAssistiveLabel: {
+    id: 'fabric.editor.inputQueryAssistiveTxt',
+    defaultMessage: 'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.',
+    description: 'Assitive text to the user when using typeahead shortcut'
+  },
+  searchResultsLabel: {
+    id: 'fabric.editor.searchResults',
+    defaultMessage: '{itemsLength, plural, one {# search result} other {# search results}} available',
+    description: 'Assitive text to the user when using typeahead shortcut and it preceeds with a number - Ex: 10 search results available'
+  },
+  noSearchResultsLabel: {
+    id: 'fabric.editor.noSearchResults',
+    defaultMessage: 'No search results',
+    description: 'Assitive text to the user when using typeahead shortcut'
   }
 });
 exports.typeAheadListMessages = typeAheadListMessages;

package/dist/cjs/plugins/type-ahead/pm-plugins/main.js

@@ -70,7 +70,7 @@ function createPlugin(_ref) {
           decorationSet: _prosemirrorView.DecorationSet.empty,
           decorationElement: null,
           items: [],
-          selectedIndex: 0,
+          selectedIndex: -1,
           stats: null,
           inputMethod: null
         };

package/dist/cjs/plugins/type-ahead/pm-plugins/reducer.js

@@ -91,7 +91,7 @@ var createReducer = function createReducer(_ref) {
       triggerHandler: triggerHandler,
       decorationElement: decorationElement,
       inputMethod: inputMethod,
-      selectedIndex: typeof selectedIndex === 'number' ? selectedIndex : 0,
+      selectedIndex: typeof selectedIndex === 'number' ? selectedIndex : -1,
       items: [],
       query: reopenQuery || ''
     });
@@ -156,7 +156,7 @@ var createReducer = function createReducer(_ref) {
       var selectedIndex = currentPluginState.selectedIndex;
       return _objectSpread(_objectSpread({}, currentPluginState), {}, {
         items: items,
-        selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, 0)
+        selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, -1)
       });
     } else if (shouldUpdateSelectedIndex) {
       return _objectSpread(_objectSpread({}, currentPluginState), {}, {