mobxStoresToProps

mobxStoresToProps.js

import React, { Component } from 'react'
import { omit } from 'lodash-bound'
import { observer, inject } from 'mobx-react'

// usage:
//
// @mobxStoresToProps(['entityStore', 'userStore'], (entityStore, userStore, { conversationId }) => {
//   const conversation = entityStore.conversation.getById(conversationId)
//   const user = conversation.counterParty

//   return {
//     conversation,
//     user,
//     loadData(userId, organizationId) {
//       userStore.find(userId)
//       userStore.findProfileForOrganization(userId, organizationId)
//     }
//   }
// })

const mobxStoresToProps = (storeNames, factory) => WrappedComponent => {
  WrappedComponent = observer(WrappedComponent)

  @inject(...storeNames)
  @observer
  class MobxStoresToPropsWrapper extends Component {
    static displayName = `MobxStoresToPropsWrapper(${WrappedComponent.displayName || WrappedComponent.name})`

    render() {
      const propsWithoutStores = this.props::omit(storeNames)
      return <WrappedComponent {...propsWithoutStores} {...this._calcSelectors()} />
    }

    _calcSelectors() {
      const stores = storeNames.map(key => this.props[key])
      const state = factory(...stores, this.props)
      return state
    }
  }

  return MobxStoresToPropsWrapper
}

export default mobxStoresToProps