reorganize packages, start converting overall app to react (very broken at the moment)

Packages/ohif-viewerbase/client/components/selectTree/mixin.js

@@ -0,0 +1,91 @@
+import { OHIF } from 'meteor/ohif:core';
+import { Template } from 'meteor/templating';
+import { ReactiveVar } from 'meteor/reactive-var';
+import _ from 'underscore';
+
+/*
+ * input: controls a tree selection component
+ */
+OHIF.mixins.selectTree = new OHIF.Mixin({
+    dependencies: 'group',
+    composition: {
+        onCreated() {
+            const instance = Template.instance();
+            const component = instance.component;
+            const rootComponent = instance.data.root || component;
+            const rootInstance = rootComponent.templateInstance;
+
+            // Store the component's current value
+            instance.currentValue = null;
+
+            // Create the component's value storage property
+            instance.data.currentNode = new ReactiveVar(null);
+
+            // Share the component in data property
+            instance.data.component = component;
+
+            // Override the default value method
+            component.value = value => {
+                const isGet = _.isUndefined(value);
+
+                // Return the current value
+                if (isGet) {
+                    return component.parseData(rootInstance.currentValue);
+                }
+
+                // Change the current value
+                rootInstance.currentValue = value;
+
+                // Trigger the change event
+                component.$element.trigger('change');
+            };
+
+            // Method to manipulate nodes
+            component.node = node => {
+                const isGet = _.isUndefined(node);
+
+                // Return the current node
+                if (isGet) {
+                    const currentNode = instance.data.currentNode.get();
+                    return currentNode ? currentNode.value : null;
+                }
+
+                // get the items array
+                const items = component.templateInstance.data.items;
+
+                // Get the node for the selected value
+                const currentNode = _.findWhere(items, {
+                    value: node
+                });
+
+                // Change the current node
+                instance.data.currentNode.set(currentNode);
+            };
+
+            // Return plain data for all the leaves inside current node
+            component.getLeaves = () => {
+                const recursiveSeek = (items, result=[]) => {
+                    _.each(items, item => {
+                        if (item.items) {
+                            recursiveSeek(item.items, result);
+                        } else {
+                            result.push(item);
+                        }
+                    });
+                    return result;
+                };
+
+                return recursiveSeek(instance.data.items);
+            };
+
+        },
+
+        onRendered() {
+            const instance = Template.instance();
+            const component = instance.component;
+
+            // Define the main element
+            component.$element = instance.$('.select-tree:first').first();
+        }
+    }
+});