Adds Modal and ErrorMessage components

(moved from Community App)

Author: birdofpreyru

.gitignore

@@ -2,4 +2,5 @@ __coverage__
 .build-info
 .sass-cache
 dist
-node_modules
+node_modules
+topcoder-react-ui-kit-*.tgz

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Topcoder React UI Kit Changelog
 
+### v0.5.4
+Adds **Modal**, and **ErrorMessage** component.
+
 ### v0.4.0
 Update to the latest **topcoder-react-utils**, and also better way to pack
 the library for release.

README.md

@@ -59,6 +59,8 @@ theming according to the TC UI Kit design specs.
 
 - [**`Avatar`**](docs/avatar.md) — Themed avatar;
 - [**`Buttons`**](docs/buttons.md) — Themed buttons;
+- [**`ErrorMessage`**](docs/ErrorMessage.md) — Standard error message;
+- [**`Modal`**](docs/Modal.md) — Standard modal component;
 - [**`Tags`**](docs/tags.md) — Small tags for technologies, event types,
   etc. Technically, they are buttons styled in a different way.
 

__tests__/__snapshots__/index.js.snap

@@ -11,7 +11,9 @@ Object {
   "DesignTrackTag": [Function],
   "DevelopmentTrackEventTag": [Function],
   "DevelopmentTrackTag": [Function],
+  "ErrorMessage": [Function],
   "GhostButton": [Function],
+  "Modal": [Function],
   "PrimaryButton": [Function],
   "SecondaryButton": [Function],
   "Tag": [Function],

docs/ErrorMessage.md

@@ -0,0 +1,18 @@
+# ErrorMessage
+
+The standard error message (a modal).
+
+_TODO: This document should be improved_
+
+Import it as
+```js
+import { ErrorMessage } from 'topcoder-react-ui-kit';
+```
+
+### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | String | | Error name (a brief description). |
+| details | String | Empty string| Optional. A more verbose description of the problem. |
+| onOk | Function | | Callback to trigger when user clicks _Ok_ button in the message.

docs/Modal.md

@@ -0,0 +1,4 @@
+# Modal
+
+Same as **Modal** from **topcoder-react-utils**, just a convenience alias,
+and also to guarantee necessary styling according to TC UI Kit.