Examples: Update examples to use new mixin API and switch back to using local files

Author: kborchers

examples/modules/currency.js

@@ -1,7 +1,14 @@
-var ReactGlobalize = require('react-globalize');
+var ReactGlobalize = require('../react-globalize');
 var React = require('react');
-var Globalize = require('globalize');
-var FormatCurrency = ReactGlobalize.FormatCurrency;
+
+var FormatCurrency = React.createClass({
+    mixins: [ReactGlobalize.formatCurrency],
+    render: function() {
+        return (
+            <span>{this.state.formattedValue}</span>
+        );
+    }
+});
 
 module.exports = React.createClass({
     getInitialState: function() {

examples/modules/dates.js

@@ -1,7 +1,14 @@
-var ReactGlobalize = require('react-globalize');
+var ReactGlobalize = require('../react-globalize');
 var React = require('react');
-var Globalize = require('globalize');
-var FormatDate = ReactGlobalize.FormatDate;
+
+var FormatDate = React.createClass({
+    mixins: [ReactGlobalize.formatDate],
+    render: function() {
+        return (
+            <span>{this.state.formattedValue}</span>
+        );
+    }
+});
 
 module.exports = React.createClass({
     getInitialState: function() {

examples/modules/messages.js

@@ -1,7 +1,15 @@
-var ReactGlobalize = require('react-globalize');
+var ReactGlobalize = require('../react-globalize');
 var React = require('react');
 var Globalize = require('globalize');
-var FormatMessage = ReactGlobalize.FormatMessage;
+
+var FormatMessage = React.createClass({
+    mixins: [ReactGlobalize.formatMessage],
+    render: function() {
+        return (
+            <span>{this.state.formattedValue}</span>
+        );
+    }
+});
 
 module.exports = React.createClass({
     getInitialState: function() {

examples/modules/numbers.js

@@ -1,7 +1,14 @@
-var ReactGlobalize = require('react-globalize');
+var ReactGlobalize = require('../react-globalize');
 var React = require('react');
-var Globalize = require('globalize');
-var FormatNumber = ReactGlobalize.FormatNumber;
+
+var FormatNumber = React.createClass({
+    mixins: [ReactGlobalize.formatNumber],
+    render: function() {
+        return (
+            <span>{this.state.formattedValue}</span>
+        );
+    }
+});
 
 module.exports = React.createClass({
     getInitialState: function() {

examples/package.json

@@ -9,11 +9,9 @@
   },
   "dependencies": {
     "cldr-data": "~26.0.9",
-    "react": "~0.12.2",
-    "globalize": "~1.0.0-alpha.17",
-    "react-globalize": "~0.1.1"
+    "react": "~0.12.2"
   },
   "scripts": {
-    "build": "browserify --debug --transform reactify index.js > app.js"
+    "build": "cp -f ../index.js react-globalize.js && browserify --debug --transform reactify index.js > app.js"
   }
 }