How to use the ember-inspector/views/list-item.extend function in ember-inspector

* @namespace Views
 */
export default ListView.extend({
  /**
   * Passed as an attribute
   *
   * @property pinnedObjectId
   * @type {String}
   */
  pinnedObjectId: null,

  /**
   * @property itemViewClass
   * @type {Ember.View}
   */
  itemViewClass: ListItemView.extend({
    /**
     * @property templateName
     * @type {String}
     * @default 'view_item'
     */
    templateName: 'view_item',

    /**
     * @property node
     * @type {Ember.Controller}
     */
    node: readOnly('content'),

    /**
     * Needed for tests
     *

import ListView from 'ember-inspector/views/list';
import ListItemView from 'ember-inspector/views/list-item';

/**
 * @module Views
 * @extends Views.List
 * @class InstanceList
 * @namespace Views
 */
export default ListView.extend({
  /**
   * @property itemViewClass
   * @type {Ember.View}
   */
  itemViewClass: ListItemView.extend({
    /**
     * @property templateName
     * @type {String}
     * @default 'instance_item'
     */
    templateName: 'instance_item'
  })
});

import ListItemView from 'ember-inspector/views/list-item';

const { computed: { readOnly } } = Ember;

/**
 * @module Views
 * @extends Views.List
 * @class RouteList
 * @namespace Views
 */
export default ListView.extend({
  /**
   * @property itemViewClass
   * @type {Ember.View}
   */
  itemViewClass: ListItemView.extend({
    /**
     * @property templateName
     * @type {String}
     * @default 'route_item'
     */
    templateName: 'route_item',

    /**
     * TODO: Need a better way to pass this
     *
     * @property currentRoute
     * @type {String}
     */
    currentRoute: readOnly('parentView.currentRoute')
  })
});

import ListView from 'ember-inspector/views/list';
import ListItemView from "ember-inspector/views/list-item";

/**
 * @module Views
 * @extends Views.List
 * @class PromiseList
 * @namespace Views
 */
export default ListView.extend({
  /**
   * @property itemViewClass
   * @type {Ember.View}
   */
  itemViewClass: ListItemView.extend({
    /**
     * @property templateName
     * @type {String}
     * @default 'promise_item'
     */
    templateName: 'promise_item'
  })
});

import ListItemView from 'ember-inspector/views/list-item';

const { computed: { readOnly } } = Ember;

/**
 * @module Views
 * @extends Views.List
 * @class RecordList
 * @namespace Views
 */
export default ListView.extend({
  /**
   * @property itemViewClass
   * @type {Ember.View}
   */
  itemViewClass: ListItemView.extend({
    /**
     * @property templateName
     * @type {String}
     * @default 'record_item'
     */
    templateName: 'record_item',

    /**
     * TODO: Need a better way to pass this
     *
     * @property columns
     * @type {Array}
     */
    columns: readOnly('parentView.columns')
  })
});