Class InsertBox

packages/editor/src/components/insert_box.tsx:150–589

@observer
export class InsertBox extends React.Component<InsertBoxProps, InsertBoxState> {
  private inputRef: React.RefObject<HTMLInputElement>
  private suggestionsRef: React.RefObject<HTMLUListElement>

  constructor(props: InsertBoxProps) {
    super(props)
    this.inputRef = React.createRef()
    this.suggestionsRef = React.createRef()

    this.state = {
      userInput: '',
      autoWidth: this.getWidth(''),
      cursorPosition: null,
      filteredSuggestions: [],
      autocompleters: [],
      staticSuggestions: [],
      staticSuggestionKeys: new Set(),
      activeSuggestion: 0,
    }
  }

  static getDerivedStateFromProps(props: InsertBoxProps, state: InsertBoxState) {
    const { cursorPosition, selection } = props

    if (cursorPosition !== state.cursorPosition) {
      const cursors = selection.getAutocompleteNodeCursors()
      const staticSuggestions: RenderedSuggestion[] = []
      const autocompleters: CursorAutocompleter[] = []
      const categorySet = new Set<NodeCategory>()

      for (const cursor of cursors) {
        const childSetBlock = cursor.listBlock
        const category = childSetBlock.childSet.nodeCategory
        if (!childSetBlock.allowInsert() || category in categorySet) {
          continue
        }

        const autocompleter = new CursorAutocompleter(cursor, categorySet)
        categorySet.add(category)
        getAutocompleteRegistry()
          .getAdapatableCategories(category)
          .forEach((cat) => categorySet.add(cat))
        autocompleters.push(autocompleter)
        staticSuggestions.push(...autocompleter.getStaticSuggestions())
      }

      const staticSuggestionKeys: Set<string> = new Set()
      staticSuggestions.forEach((suggestion) => {
        staticSuggestionKeys.add(suggestion.key)
      })

      const userInput = selection.state === SelectionState.Cursor ? '' : state.userInput

      return {
        filteredSuggestions: [],
        userInput: userInput,
        cursorPosition: cursorPosition,
        staticSuggestions: staticSuggestions,