r-orgchart initial work

Author: kristina-sicaja

.babelrc

@@ -0,0 +1,8 @@
+{
+    "presets": ["stage-2", "env"],
+    "plugins": [
+        "transform-object-rest-spread",
+        "transform-react-jsx",
+        "transform-class-properties"
+    ]
+}

.gitignore

@@ -0,0 +1 @@
+/node_modules

.nvmrc

@@ -0,0 +1 @@
+v6.10

README.md

@@ -0,0 +1,45 @@
+# R-orgchart
+
+R-orgchart is simple library for displaying and creating orgcharts in React.
+
+
+### Installation:
+
+```sh
+$ npm install -s r-orgchart
+```
+
+### Use:
+```javascript
+import Rorgchart from 'r-orgchart';
+...
+<Rorgchart />
+```
+
+### Props:
+| Prop | Default | Description
+| ------ | ------ | ------
+| data |  array with root object: *[{id: 1, title: 'Root', ParentId: null}]* | Array of objects you wish to display. Each object must contain id, title and ParentId.
+| readonly | false | By default, orgchart can be edited and nodes deleted. If you send this props, it will be readonly.
+| disableRootEdit | false | Disable edit of root node.
+| addNewChild | default function | There is default function for adding new node, but you can send your own if you wish - argument: parentId.
+| deleteNode | default function | There is default function for deleting node, but you can send your own if you wish - argument: node.
+| editNode | default function | There is default function for editing node, but you can send your own if you wish - argument: node (edited).
+| animation | true | Turn on/off animation (visible when there is only a root node).
+| nodeStyle | - | Custom style for node box.
+| nodeClassName | - | CSS className for node box.
+| btnsStyle | - | Custom style for buttons box.
+| btnsClassName | - | CSS className for buttons box.
+| lineColor | - | Custom color for lines connecting nodes.
+
+
+### Exporting data:
+To get back data array with all changes, you can call function exportData using a ref:
+
+```javascript
+    ...
+    this.refs.rorgchart.exportData();
+    ...
+    <Rorgchart ref="rorgchart" />
+    ...
+```

package.json

@@ -0,0 +1,46 @@
+{
+  "name": "r-orgchart",
+  "version": "0.0.5",
+  "description": "R-orgchart is a simple library for displaying and creating orgcharts in React.",
+  "keywords": [
+    "r-orgchart",
+    "orgchart",
+    "org chart",
+    "react",
+    "react-orgchart",
+    "chart",
+    "tree-view"
+  ],
+  "author": "Kristina Sičaja <kristina@kodbiro.com> (http://www.kodbiro.com/)",
+  "license": "MIT",
+  "main": "build/index.js",
+  "peerDependencies": {
+    "react": "^15.5.4"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome": "^1.1.8",
+    "@fortawesome/fontawesome-free-solid": "^5.0.13",
+    "@fortawesome/react-fontawesome": "0.0.18",
+    "lodash": "^4.17.10",
+    "react": "^15.5.4",
+    "react-addons-update": "^15.6.2",
+    "webpack": "^2.6.1"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "webpack --watch",
+    "build": "webpack"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.24.1",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
+    "babel-plugin-transform-react-jsx": "^6.24.1",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "css-loader": "^0.28.11",
+    "style-loader": "^0.20.3"
+  }
+}