Root menu item implementation modularized with MenuItem

RootMenuItem.js

'use strict'

import CONSTANTS from 'scripts/constants/Constants'
import MenuItem from 'scripts/context-menus/MenuItem'
// The following contains other menu items created and exported in their own files
// They too will either contain a callback or even more child menu items
import PreviewPageMenuItem from 'scripts/context-menus/PreviewPageMenuItem'
import EditPageMenuItem from 'scripts/context-menus/EditPageMenuItem'
import ForumsMenuItem from 'scripts/context-menus/ForumsMenuItem'
import Separator from 'scripts/context-menus/Separator' // This is a factory for creating menu items that functions as separator

const rootProps = {
  id: CONSTANTS.ContextMenus.Root.ID,
  title: CONSTANTS.ContextMenus.Root.TITLE,
  contexts: [ "all" ],
  childMenuItems: [
    EditPageMenuItem, 
    PreviewPageMenuItem, 
    Separator('sep1'), 
    ForumsMenuItem
  ]
}

const RootMenuItem = new MenuItem(rootProps)
export default RootMenuItem