Interface EventCollection

import { users } from '../data/users';

const list = models.utils.withActive(models.collection());

list.on(Events.ACTIVE_CHANGED, (curr, prev) => {
  console.log('active changed from', prev, 'to', curr);
});

list.add(1, 2, 3);
list.active(2); // "active changed from 1 to 2"

const list = models.utils.withFiltering(models.collection());
const isOdd = num => num % 2;

list.on(Events.FILTER_CHANGED, () => {
  console.log('filter changed');
});

list.add(1, 2, 3);
list.filterBy(isOdd); // "filter changed"

import { users } from '../data/users';

const list = models.utils.withGrouping(models.collection());

list.on(Events.GROUP_CHANGED, () => {
  console.log('group changed');
});

list.add(...users);
list.groupBy(['region']); // "group changed"

import { newUsers, allUsers, activeUsers } from '../data/users';

const list = models.utils.withUpdating(models.collection(), 'username');

list.on(Events.ITEMS_UPDATED, (modified) => {
  console.log('users updated', modified);
});

list.add(...newUsers);
list.upsert(...allUsers);
list.merge(...activeUsers);

const list = models.utils.withOrdering(models.collection());

list.on(Events.ORDER_CHANGED, () => {
  console.log('order changed');
});

list.add(1, 2, 3);
list.orderBy([], ['desc']); // "order changed"

import { users } from '../data/users';

const list = models.utils.withPaging(models.collection(), 2);

list.on(Events.PAGE_CHANGED, (pageIndex) => {
  console.log('page changed', pageIndex);
});

list.add(...users);
list.nextPage(); // "page changed 1"
list.prevPage(); // "page changed 0"

import { users } from '../data/users';

const list = models.utils.withSelection(models.collection());

list.on(Events.SELECTION_CHANGED, (selected) => {
  console.log('selection changed', selected);
});

list.add(1, 2, 3);
list.selected(); // []
list.selected(2, 3); // "selection changed [2, 3]"

const list = models.utils.withUnique(models.collection(1.0, 1.5, 2.0));

list.on(Events.UNIQUE_CHANGED, () => {
  console.log('items:', list.items());
});

list.uniqueBy(Math.floor); // "items: [1.0, 2.0]"