Feature/modal

[sebastiansandqvist]

Overview

This PR adds a Modal component based on the modals in http://quartz.vhx.tv/js/components.

See JIRA task VHX-898

Usage

Like the Sidebar component, the Modal should be instantiated once, then opened or closed using the methods on its model.

// Instantiation, in the root of the application:
<Modal />

// Usage elsewhere in the application:
const MyModalContents = () => <div>Hello!</div>;

const actions = [
  { label: 'Cancel', callback: () => modalModel.close(), color: 'gray' },
  { label: 'Sign up', callback: () => alert('hi'), color: 'teal' },
];

const modalContents = {
  actions,
  Children: MyModalContents,
  title: 'Hello'
};

<Button onClick={() => modalModel.open(modalContents)}>
  Default Modal
</Button>

Changes from quartz (mithril)

• Removed hasActions prop which counted the number of actions. Now, this is calculated automatically based on the length of the actions array passed in.
• Actions are passed in as an array rather than using actions.left and actions.right or actions.single as props.
• onOpen and onClose no longer exist. To listen for changes, the model can be subscribed to directly.