xcv58/Tab-Manager-v2

import { MutableRefObject } from 'react'
import { action, computed, observable, makeObservable } from 'mobx'
import Store from 'stores'
 
export default class Focusable {
  store: Store
 
Similar blocks of code found in 2 locations. Consider refactoring.
  constructor(store: Store) {
    makeObservable(this, {
      id: observable,
      nodeRef: observable,
      setNodeRef: action,
      isFocused: computed,
    })
 
    this.store = store
  }
 
  id: number = null
 
  nodeRef: MutableRefObject<HTMLDivElement> = null
 
  setNodeRef = (nodeRef: MutableRefObject<HTMLDivElement>) => {
    this.nodeRef = nodeRef
  }
 
  get isFocused() {
    return this === this.store.focusStore.focusedItem
  }
 
  getBoundingClientRect = () => {
    if (this.nodeRef) {
      return this.nodeRef.current.getBoundingClientRect()
    }
  }
 
  activate: () => void
  select: () => void
  closeWindow: () => void
  toggleSelectAll: () => void
  toggleHide: () => void
}