@atlaskit/editor-plugin-card 0.1.0

package/dist/es2019/pm-plugins/analytics/utils.js

@@ -0,0 +1,160 @@
+import { isLinkMark } from '@atlaskit/editor-common/utils';
+import { appearanceForNodeType } from '../../utils';
+/**
+ * Whether a node is a "link" node, ie inline card, block card, embed card
+ * (but not a text node with a link mark)
+ */
+export function isLinkNode(node) {
+  return !!appearanceForNodeType(node.type);
+}
+
+/**
+ * Analytics appearance for link object
+ */
+export function appearanceForLink(link) {
+  if (link.type === 'node') {
+    const appearance = appearanceForNodeType(link.node.type);
+    if (appearance) {
+      return appearance;
+    }
+  }
+  return 'url';
+}
+const nodeHasLinkMark = (schema, node) => {
+  if (node.marks) {
+    for (let i = 0; i < node.marks.length; i++) {
+      const mark = node.marks[i];
+      if (isLinkMark(mark, schema)) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+
+/**
+ * Determine if a node is considered to be a link
+ */
+export const isLink = (schema, node) => {
+  if (isLinkNode(node)) {
+    return true;
+  }
+  return nodeHasLinkMark(schema, node);
+};
+
+/**
+ * Given a node, find all nodes and marks that are considered "links"
+ * @param state EditorState
+ * @param fragment Fragment to search
+ * @returns Array of nodes and marks found in the fragment that are "links"
+ */
+export function findLinksInNode(doc, schema, node, offset) {
+  const links = [];
+  node.descendants((node, pos) => {
+    const nodeContext = getLinkNodeContext(doc, pos);
+
+    // Nodes
+    if (isLinkNode(node)) {
+      links.push({
+        type: 'node',
+        pos: pos + offset,
+        node,
+        nodeContext
+      });
+    }
+
+    // Marks
+    if (node.marks) {
+      for (let i = 0; i < node.marks.length; i++) {
+        const mark = node.marks[i];
+        if (isLinkMark(mark, schema)) {
+          links.push({
+            type: 'mark',
+            pos: pos + offset,
+            mark,
+            nodeContext
+          });
+        }
+      }
+    }
+  });
+  return links;
+}
+export function getLinkUrl(link) {
+  var _link$mark$attrs;
+  if (link.type === 'node') {
+    var _link$node$attrs;
+    return (_link$node$attrs = link.node.attrs) === null || _link$node$attrs === void 0 ? void 0 : _link$node$attrs.url;
+  }
+  return (_link$mark$attrs = link.mark.attrs) === null || _link$mark$attrs === void 0 ? void 0 : _link$mark$attrs.href;
+}
+export const getLinkNodeContext = (doc, pos) => {
+  const $pos = doc.resolve(pos);
+  const maxDepth = 3;
+  for (let i = 0; i <= maxDepth; i++) {
+    const node = $pos.node($pos.depth - i);
+    if (node && node.type.name !== 'paragraph') {
+      return node.type.name;
+    }
+  }
+  return 'unknown';
+};
+export const linkObjectFromNode = (doc, schema, node, pos) => {
+  const nodeContext = getLinkNodeContext(doc, pos);
+  if (isLinkNode(node)) {
+    return {
+      type: 'node',
+      pos,
+      node,
+      nodeContext
+    };
+  }
+  if (node.marks) {
+    for (let i = 0; i < node.marks.length; i++) {
+      const mark = node.marks[i];
+      if (isLinkMark(mark, schema)) {
+        return {
+          type: 'mark',
+          pos,
+          mark,
+          nodeContext
+        };
+      }
+    }
+  }
+};
+export const findLinksAtPositions = (tr, positions) => {
+  const schema = tr.doc.type.schema;
+  const links = [];
+  for (let i = 0; i < positions.length; i++) {
+    const pos = positions[i];
+    const node = tr.doc.nodeAt(pos);
+    if (!node) {
+      continue;
+    }
+    const link = linkObjectFromNode(tr.doc, schema, node, pos);
+    if (!link) {
+      continue;
+    }
+    links.push(link);
+  }
+  return links;
+};
+
+/**
+ * Returns whether or not two sets of links appear to likely be the same set of links
+ * That they are in the same order and that both their hrefs and appearances match
+ */
+export const areSameLinks = (linksA, linksB) => {
+  if (linksA.length !== linksB.length) {
+    return false;
+  }
+  for (let i = 0; i < linksA.length; i++) {
+    const linkA = linksA[i];
+    const linkB = linksB[i];
+    if (getLinkUrl(linkA) !== getLinkUrl(linkB) || appearanceForLink(linkA) !== appearanceForLink(linkB)) {
+      return false;
+    }
+  }
+  return true;
+};

package/dist/es2019/pm-plugins/doc.js

@@ -0,0 +1,451 @@
+import isEqual from 'lodash/isEqual';
+import { closeHistory } from 'prosemirror-history';
+import { NodeSelection, TextSelection } from 'prosemirror-state';
+import { isSafeUrl } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, SMART_LINK_TYPE, unlinkPayload } from '@atlaskit/editor-common/analytics';
+import { addLinkMetadata } from '@atlaskit/editor-common/card';
+import { getLinkCreationAnalyticsEvent, isFromCurrentDomain, nodesBetweenChanged, processRawValue } from '@atlaskit/editor-common/utils';
+import { appearanceForNodeType, selectedCardAppearance } from '../utils';
+import { hideDatasourceModal, queueCards, resolveCard } from './actions';
+import { pluginKey } from './plugin-key';
+import { shouldReplaceLink } from './shouldReplaceLink';
+/**
+ * Attempt to replace the link into the respective card.
+ */
+function replaceLinksToCards(tr, cardAdf, schema, request) {
+  const {
+    inlineCard
+  } = schema.nodes;
+  const {
+    url
+  } = request;
+  if (!isSafeUrl(url)) {
+    return;
+  }
+
+  // replace all the outstanding links with their cards
+  const pos = tr.mapping.map(request.pos);
+  const $pos = tr.doc.resolve(pos);
+  const node = tr.doc.nodeAt(pos);
+  if (!node || !node.type.isText) {
+    return;
+  }
+  const replaceLink = request.shouldReplaceLink || shouldReplaceLink(node, request.compareLinkText, url);
+  if (!replaceLink) {
+    return;
+  }
+
+  // ED-5638: add an extra space after inline cards to avoid re-rendering them
+  const nodes = [cardAdf];
+  if (cardAdf.type === inlineCard) {
+    nodes.push(schema.text(' '));
+  }
+  tr.replaceWith(pos, pos + (node.text || url).length, nodes);
+  return $pos.node($pos.depth - 1).type.name;
+}
+export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) => (editorState, dispatch) => {
+  const state = pluginKey.getState(editorState);
+  if (!state) {
+    return false;
+  }
+
+  // find the requests for this URL
+  const requests = state.requests.filter(req => req.url === url);
+
+  // try to transform response to ADF
+  const schema = editorState.schema;
+  const cardAdf = processRawValue(schema, cardData);
+  let tr = editorState.tr;
+  if (cardAdf) {
+    // Should prevent any other node than cards? [inlineCard, blockCard].includes(cardAdf.type)
+    const nodeContexts = requests.map(request => replaceLinksToCards(tr, cardAdf, schema, request)).filter(context => !!context); // context exist
+
+    // Send analytics information
+    if (nodeContexts.length) {
+      const nodeContext = nodeContexts.every(context => context === nodeContexts[0]) ? nodeContexts[0] : 'mixed';
+
+      /** For block links v1, default to inline links */
+      const nodeType = 'inlineCard';
+      const [,, domainName] = url.split('/');
+      if (state.smartLinkEvents) {
+        state.smartLinkEvents.insertSmartLink(domainName, 'inline', createAnalyticsEvent);
+      }
+
+      /**
+       * TODO:
+       * What if each request has a different source?
+       * Unlikely, but need to define behaviour.
+       * Ignore analytics event? take first? provide 'mixed' as well?
+       */
+      const inputMethod = requests[0].source;
+      const sourceEvent = requests[0].sourceEvent;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        action: analyticsAction || ACTION.INSERTED,
+        actionSubject: ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: ACTION_SUBJECT_ID.SMART_LINK,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          inputMethod,
+          nodeType,
+          nodeContext: nodeContext,
+          fromCurrentDomain: isFromCurrentDomain(url)
+        },
+        nonPrivacySafeAttributes: {
+          domainName
+        }
+      })(tr);
+      addLinkMetadata(editorState.selection, tr, {
+        action: analyticsAction,
+        inputMethod,
+        cardAction: 'RESOLVE',
+        sourceEvent
+      });
+    }
+  }
+  if (dispatch) {
+    dispatch(resolveCard(url)(closeHistory(tr)));
+  }
+  return true;
+};
+export const handleFallbackWithAnalytics = (request, editorAnalyticsApi) => (state, dispatch) => {
+  const cardState = pluginKey.getState(state);
+  if (!cardState) {
+    return false;
+  }
+  const tr = state.tr;
+  if (request.source !== INPUT_METHOD.FLOATING_TB) {
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(getLinkCreationAnalyticsEvent(request.source, request.url))(tr);
+  }
+  addLinkMetadata(state.selection, tr, {
+    action: request.analyticsAction,
+    inputMethod: request.source
+  });
+  if (dispatch) {
+    dispatch(resolveCard(request.url)(tr));
+  }
+  return true;
+};
+export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined) => {
+  const {
+    schema
+  } = state;
+  const {
+    link
+  } = schema.marks;
+  const requests = [];
+  nodesBetweenChanged(tr, (node, pos) => {
+    if (!node.isText) {
+      return true;
+    }
+    const linkMark = node.marks.find(mark => mark.type === link);
+    if (linkMark) {
+      if (!shouldReplaceLink(node, normalizeLinkText)) {
+        return false;
+      }
+      requests.push({
+        url: linkMark.attrs.href,
+        pos,
+        appearance: 'inline',
+        compareLinkText: normalizeLinkText,
+        source,
+        analyticsAction,
+        sourceEvent
+      });
+    }
+    return false;
+  });
+  if (analyticsAction) {
+    addLinkMetadata(state.selection, tr, {
+      action: analyticsAction
+    });
+  }
+  return queueCards(requests)(tr);
+};
+export const queueCardFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, previousAppearance) => {
+  const {
+    schema
+  } = state;
+  const {
+    link
+  } = schema.marks;
+  let requests = [];
+  nodesBetweenChanged(tr, (node, pos) => {
+    if (!node.isText) {
+      return true;
+    }
+    const linkMark = node.marks.find(mark => mark.type === link);
+    if (linkMark) {
+      if (!shouldReplaceLink(node, normalizeLinkText)) {
+        return false;
+      }
+      requests.push({
+        url: linkMark.attrs.href,
+        pos,
+        appearance: 'inline',
+        previousAppearance: previousAppearance,
+        compareLinkText: normalizeLinkText,
+        source,
+        analyticsAction,
+        sourceEvent
+      });
+    }
+    return false;
+  });
+  addLinkMetadata(state.selection, tr, {
+    action: analyticsAction
+  });
+  return queueCards(requests)(tr);
+};
+export const convertHyperlinkToSmartCard = (state, source, appearance, normalizeLinkText = true) => {
+  const {
+    schema
+  } = state;
+  const {
+    link
+  } = schema.marks;
+  const requests = [];
+  state.tr.doc.nodesBetween(state.selection.from, state.selection.to, (node, pos) => {
+    const linkMark = node.marks.find(mark => mark.type === link);
+    if (linkMark) {
+      requests.push({
+        url: linkMark.attrs.href,
+        pos,
+        appearance,
+        previousAppearance: 'url',
+        compareLinkText: normalizeLinkText,
+        source,
+        analyticsAction: ACTION.CHANGED_TYPE,
+        shouldReplaceLink: true
+      });
+    }
+  });
+  addLinkMetadata(state.selection, state.tr, {
+    action: ACTION.CHANGED_TYPE
+  });
+  return queueCards(requests)(state.tr);
+};
+export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
+  let tr;
+  if (node && pos) {
+    tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
+  } else {
+    tr = cardToLinkWithTransaction(state, text, href);
+  }
+  const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
+  if (sendAnalytics) {
+    if (selectedNode) {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+        action: ACTION.CHANGED_TYPE,
+        actionSubject: ACTION_SUBJECT.SMART_LINK,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          newType: SMART_LINK_TYPE.URL,
+          previousType: appearanceForNodeType(selectedNode.type)
+        }
+      })(tr);
+    }
+  }
+  if (dispatch) {
+    dispatch(tr.scrollIntoView());
+  }
+  return true;
+};
+export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
+  let tr;
+  if (node && pos) {
+    tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
+  } else {
+    tr = cardToLinkWithTransaction(state, text, href);
+  }
+  if (sendAnalytics) {
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+      action: ACTION.ERRORED,
+      actionSubject: ACTION_SUBJECT.SMART_LINK,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        error: 'Smart card falling back to link.'
+      }
+    })(tr);
+  }
+  if (dispatch) {
+    dispatch(tr.scrollIntoView());
+  }
+  return true;
+};
+export const updateCard = (href, sourceEvent) => (state, dispatch) => {
+  const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
+  if (!selectedNode) {
+    return false;
+  }
+  const cardAppearance = selectedCardAppearance(state);
+  const tr = cardToLinkWithTransaction(state, href, href);
+  queueCardFromChangedTr(state, tr, INPUT_METHOD.MANUAL, ACTION.UPDATED, undefined, sourceEvent, cardAppearance);
+  if (dispatch) {
+    dispatch(tr.scrollIntoView());
+  }
+  return true;
+};
+function cardToLinkWithTransaction(state, text, href) {
+  const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
+  if (!selectedNode) {
+    return state.tr;
+  }
+  const {
+    link
+  } = state.schema.marks;
+  const url = selectedNode.attrs.url || selectedNode.attrs.data.url;
+  const tr = state.tr.replaceSelectionWith(state.schema.text(text || url, [link.create({
+    href: href || url
+  })]), false);
+  return tr;
+}
+function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
+  const {
+    link
+  } = state.schema.marks;
+  const url = node.attrs.url || node.attrs.data.url;
+  return state.tr.replaceWith(pos, pos + node.nodeSize, state.schema.text(text || url, [link.create({
+    href: href || url
+  })]));
+}
+export const changeSelectedCardToText = (text, editorAnalyticsApi) => (state, dispatch) => {
+  const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
+  if (!selectedNode) {
+    return false;
+  }
+  const tr = state.tr.replaceSelectionWith(state.schema.text(text), false);
+  if (dispatch) {
+    addLinkMetadata(state.selection, tr, {
+      action: ACTION.UNLINK
+    });
+    tr.scrollIntoView();
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(unlinkPayload(ACTION_SUBJECT_ID.CARD_INLINE))(tr);
+    dispatch(tr);
+  }
+  return true;
+};
+export const setSelectedCardAppearance = (appearance, editorAnalyticsApi) => (state, dispatch) => {
+  var _previousNode$type;
+  const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
+  if (!selectedNode) {
+    // When there is no selected node, we insert a new one
+    // and replace the existing blue link
+    const tr = convertHyperlinkToSmartCard(state, INPUT_METHOD.FLOATING_TB, appearance);
+    if (dispatch) {
+      addLinkMetadata(state.selection, tr, {
+        action: ACTION.CHANGED_TYPE
+      });
+      dispatch(tr.scrollIntoView());
+    }
+    return false;
+  }
+  if (appearanceForNodeType(selectedNode.type) === appearance) {
+    return false;
+  }
+  const isEmbed = appearance === 'embed';
+  const attrs = isEmbed ? {
+    ...selectedNode.attrs,
+    layout: 'center'
+  } : selectedNode.attrs;
+  const {
+    from,
+    to
+  } = state.selection;
+  const nodeType = getLinkNodeType(appearance, state.schema.nodes);
+  const tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+  // When the selected card is the last element in the doc we add a new paragraph after it for consistent replacement
+  if (tr.doc.nodeSize - 2 === to) {
+    tr.insertText(' ', to);
+  }
+  tr.setSelection(TextSelection.create(tr.doc, to + 1));
+  const previousNodePos = from - 1 > 0 ? from - 1 : 0;
+  const previousNode = tr.doc.nodeAt(previousNodePos);
+  if ((previousNode === null || previousNode === void 0 ? void 0 : (_previousNode$type = previousNode.type) === null || _previousNode$type === void 0 ? void 0 : _previousNode$type.name) === 'paragraph') {
+    tr.delete(previousNodePos, from);
+  }
+  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+    action: ACTION.CHANGED_TYPE,
+    actionSubject: ACTION_SUBJECT.SMART_LINK,
+    eventType: EVENT_TYPE.TRACK,
+    attributes: {
+      newType: appearance,
+      previousType: appearanceForNodeType(selectedNode.type)
+    }
+  })(tr);
+  addLinkMetadata(state.selection, tr, {
+    action: ACTION.CHANGED_TYPE
+  });
+  if (dispatch) {
+    dispatch(tr.scrollIntoView());
+  }
+  return true;
+};
+const getLinkNodeType = (appearance, linkNodes) => {
+  switch (appearance) {
+    case 'inline':
+      return linkNodes.inlineCard;
+    case 'block':
+      return linkNodes.blockCard;
+    case 'embed':
+      return linkNodes.embedCard;
+  }
+};
+
+// Apply an update to a datasource (aka blockCard) node
+export const updateExistingDatasource = (state, node, newAdf, view) => {
+  const {
+    tr,
+    selection: {
+      from
+    },
+    schema: {
+      nodes: schemaNodes
+    }
+  } = state;
+
+  // datasource to datasource
+  if (newAdf.type === 'blockCard' && newAdf.attrs.datasource && node.attrs.datasource) {
+    var _ref, _ref2, _newViews$properties, _oldViews$properties, _newAdf$attrs, _node$attrs;
+    const [newViews] = (_ref = newAdf.attrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
+    const [oldViews] = (_ref2 = node.attrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
+    const newColumnKeys = newViews === null || newViews === void 0 ? void 0 : (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(column => column.key);
+    const oldColumnKeys = oldViews === null || oldViews === void 0 ? void 0 : (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(column => column.key);
+    const isColumnChange = !isEqual(oldColumnKeys, newColumnKeys);
+    const isUrlChange = ((_newAdf$attrs = newAdf.attrs) === null || _newAdf$attrs === void 0 ? void 0 : _newAdf$attrs.url) !== ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url);
+    if (isColumnChange || isUrlChange) {
+      tr.setNodeMarkup(from, schemaNodes.blockCard, {
+        ...node.attrs,
+        ...newAdf.attrs
+      });
+    }
+  } else if (newAdf.type === 'inlineCard') {
+    // datasource to inline
+    tr.setNodeMarkup(from, schemaNodes.inlineCard, newAdf.attrs);
+  }
+  hideDatasourceModal(tr);
+  view.dispatch(tr.scrollIntoView());
+};
+export const insertDatasource = (state, adf, view) => {
+  const {
+    tr,
+    selection: {
+      from
+    },
+    schema: {
+      nodes: schemaNodes
+    }
+  } = state;
+  const {
+    attrs,
+    type
+  } = adf;
+  const schemaNode = type === 'inlineCard' ? schemaNodes.inlineCard : schemaNodes.blockCard;
+  const newNode = schemaNode.createChecked(attrs);
+  // in future, if we decide to do datasource insertion from the main toolbar, we should probably consider editor-plugin-content-insertion instead of tr.insert
+  // this will allow us to deal with insertions from multiple paths in a more consistent way
+  newNode && tr.insert(from, newNode);
+  hideDatasourceModal(tr);
+  view.dispatch(tr.scrollIntoView());
+};

package/dist/es2019/pm-plugins/keymap.js

@@ -0,0 +1,59 @@
+import { keymap } from 'prosemirror-keymap';
+import { NodeSelection } from 'prosemirror-state';
+import { findChildren, flatten } from 'prosemirror-utils';
+import { bindKeymapWithCommand, moveDown, moveUp } from '@atlaskit/editor-common/keymaps';
+import { browser } from '@atlaskit/editor-common/utils';
+const lookupPixel = 10;
+const getClosestInlineCardPos = (state, editorView, direction) => {
+  var _editorView$posAtCoor;
+  const {
+    selection
+  } = state;
+  const {
+    parent
+  } = selection.$from;
+  const inlineCardType = state.schema.nodes.inlineCard;
+  if (!flatten(parent, false).some(({
+    node
+  }) => node.type === inlineCardType)) {
+    return null;
+  }
+  const coord = editorView.coordsAtPos(selection.$anchor.pos);
+  const nearPos = (_editorView$posAtCoor = editorView.posAtCoords({
+    left: coord.left,
+    top: direction === 'up' ? coord.top - lookupPixel : coord.bottom + lookupPixel
+  })) === null || _editorView$posAtCoor === void 0 ? void 0 : _editorView$posAtCoor.pos;
+  if (nearPos) {
+    const newNode = state.doc.nodeAt(nearPos);
+    if (newNode) {
+      if (newNode.type !== inlineCardType || findChildren(parent, node => node === newNode, false).length === 0 || newNode === selection.node) {
+        return null;
+      }
+      return nearPos;
+    }
+  }
+  return null;
+};
+const selectAboveBelowInlineCard = direction => {
+  return (state, dispatch, editorView) => {
+    if (!editorView || !dispatch) {
+      return false;
+    }
+    const pos = getClosestInlineCardPos(state, editorView, direction);
+    if (pos) {
+      dispatch(state.tr.setSelection(new NodeSelection(state.doc.resolve(pos))));
+      return true;
+    }
+    return false;
+  };
+};
+export function cardKeymap(featureFlags) {
+  const list = {};
+
+  // https://bugs.chromium.org/p/chromium/issues/detail?id=1227468 introduced since Chrome 91
+  if (browser.chrome && browser.chrome_version > 90 && featureFlags.chromeCursorHandlerFixedVersion && browser.chrome_version < featureFlags.chromeCursorHandlerFixedVersion) {
+    bindKeymapWithCommand(moveUp.common, selectAboveBelowInlineCard('up'), list);
+    bindKeymapWithCommand(moveDown.common, selectAboveBelowInlineCard('down'), list);
+  }
+  return keymap(list);
+}