@@ -22,30 +20,31 @@ module.exports = React.createClass({
pt-BR
-
+
USD, 150, locale default -
{150}
-
- USD, -150, style: "accounting" -
{-150}
-
- USD, 150, style: "name" -
{150}
-
- USD, 150, style: "code" -
{150}
-
- USD, 1.491, round: "ceil" -
{1.491}
-
+
+ USD, -150, style: "accounting" -
{-150}
+
+ USD, 150, style: "name" -
{150}
+
+ USD, 150, style: "code" -
{150}
+
+ USD, 1.491, round: "ceil" -
{1.491}
+
EUR, 150, locale default -
{150}
-
- EUR, -150, style: "accounting" -
{-150}
-
- EUR, 150, style: "name" -
{150}
-
- EUR, 150, style: "code" -
{150}
-
- EUR, 1.491, round: "ceil" -
{1.491}
-
- EUR, 150, style: "code", with CSS class -
-
{150}
+
+ EUR, -150, style: "accounting" -
{-150}
+
+ EUR, 150, style: "name" -
{150}
+
+ EUR, 150, style: "code" -
{150}
+
+ EUR, 1.491, round: "ceil" -
{1.491}
+
+ EUR, 150, style: "code", with CSS class -
+
{150}
);
}
-});
+}
+export default LocalizedCurrencies;
diff --git a/examples/components/dates.js b/examples/components/dates.js
index 8a39e55..7248456 100644
--- a/examples/components/dates.js
+++ b/examples/components/dates.js
@@ -1,18 +1,16 @@
-var FormatDate = require('../react-globalize').FormatDate;
-var React = require('react');
+import React from "react";
+import { FormatDate } from "../react-globalize";
-module.exports = React.createClass({
- getInitialState: function() {
- return {
- locale: "en"
- };
- },
- handleChange: function( event ) {
+class LocalizedDates extends React.Component {
+ state = {
+ locale: "en",
+ };
+ handleChange = (event) => {
this.setState({
- locale: event.target.value
+ locale: event.target.value,
});
- },
- render: function() {
+ }
+ render() {
return (
@@ -22,20 +20,21 @@ module.exports = React.createClass({
pt-BR
-
+
pi, no options -
{Math.PI}
-
+
pi, maximumFractionDigits: 5 -
{Math.PI}
-
- pi, round: 'floor' -
{Math.PI}
-
+
+ pi, round: "floor" -
{Math.PI}
+
10000, minimumFractionDigits: 2 -
{10000}
-
- 0.5, style: 'percent' -
{0.5}
-
- 0.5, style: 'percent' with inline styles -
-
{0.5}
+
+ 0.5, style: "percent" -
{0.5}
+
+ 0.5, style: "percent" with inline styles -
+
{0.5}
);
}
-});
+}
+export default LocalizedNumbers;
diff --git a/examples/index.js b/examples/index.js
index 0d071e6..f036bdb 100644
--- a/examples/index.js
+++ b/examples/index.js
@@ -1,33 +1,34 @@
-var React = require('react');
-var Globalize = require('globalize');
-var LocalizedCurrencies = require('./components/currency');
-var LocalizedDates = require('./components/dates');
-var LocalizedMessages = require('./components/messages');
-var LocalizedNumbers = require('./components/numbers');
+import React from "react";
+import ReactDOM from "react-dom";
+import Globalize from "globalize";
+import LocalizedCurrencies from "./components/currency";
+import LocalizedDates from "./components/dates";
+import LocalizedMessages from "./components/messages";
+import LocalizedNumbers from "./components/numbers";
-var messages = {
+const messages = {
en: {
salutations: {
hi: "Hi",
- bye: "Bye"
+ bye: "Bye",
},
variables: {
hello: "Hello, {0} {1} {2}",
- hey: "Hey, {first} {middle} {last}"
+ hey: "Hey, {first} {middle} {last}",
},
party: [
"{hostGender, select,",
" female {{host} invites {guest} to her party}",
" male {{host} invites {guest} to his party}",
" other {{host} invites {guest} to their party}",
- "}"
+ "}",
],
task: [
"You have {count, plural,",
" =0 {no tasks}",
" one {one task}",
" other {{formattedCount} tasks}",
- "} remaining"
+ "} remaining",
],
likeIncludingMe: [
"{count, plural, offset:1",
@@ -35,21 +36,21 @@ var messages = {
" =1 {You liked this}",
" one {You and someone else liked this}",
" other {You and # others liked this}",
- "}"
- ]
+ "}",
+ ],
},
"pt-BR": {
// default message examples
- "Hi": "Oi",
- "Bye": "Tchau",
+ Hi: "Oi",
+ Bye: "Tchau",
"Hi|Bye": "Oi/Tchau",
salutations: {
hi: "Oi",
- bye: "Tchau"
+ bye: "Tchau",
},
variables: {
hello: "Olá, {0} {1} {2}",
- hey: "Ei, {first} {middle} {last}"
+ hey: "Ei, {first} {middle} {last}",
},
party: [
"{hostGender, select,",
@@ -68,14 +69,14 @@ var messages = {
" male {{host} convidam o {guest} para sua festa}",
" other {{host} convidam {guest} para sua festa}",
" }}",
- "}"
+ "}",
],
task: [
"{count, plural,",
" =0 {Você não tem nenhuma tarefa restante}",
" one {Você tem uma tarefa restante}",
" other {Você tem {formattedCount} tarefas restantes}",
- "}"
+ "}",
],
likeIncludingMe: [
"{count, plural, offset:1",
@@ -83,37 +84,38 @@ var messages = {
" =1 {Você curtiu isto}",
" one {Você e alguém mais curtiu isto}",
" other {Você e # outros curtiram isto}",
- "}"
- ]
- }
+ "}",
+ ],
+ },
};
Globalize.load(
- require( 'cldr-data/main/en/ca-gregorian' ),
- require( 'cldr-data/main/en/timeZoneNames' ),
- require( 'cldr-data/main/en/numbers' ),
- require( 'cldr-data/main/en/currencies' ),
- require( 'cldr-data/main/pt/ca-gregorian' ),
- require( 'cldr-data/main/pt/timeZoneNames' ),
- require( 'cldr-data/main/pt/numbers' ),
- require( 'cldr-data/main/pt/currencies' ),
- require( 'cldr-data/supplemental/currencyData' ),
- require( 'cldr-data/supplemental/plurals' ),
- require( 'cldr-data/supplemental/likelySubtags' ),
- require( 'cldr-data/supplemental/timeData' ),
- require( 'cldr-data/supplemental/weekData' )
+ require("cldr-data/main/en/ca-gregorian"),
+ require("cldr-data/main/en/timeZoneNames"),
+ require("cldr-data/main/en/numbers"),
+ require("cldr-data/main/en/currencies"),
+ require("cldr-data/main/pt/ca-gregorian"),
+ require("cldr-data/main/pt/timeZoneNames"),
+ require("cldr-data/main/pt/numbers"),
+ require("cldr-data/main/pt/currencies"),
+ require("cldr-data/supplemental/currencyData"),
+ require("cldr-data/supplemental/plurals"),
+ require("cldr-data/supplemental/likelySubtags"),
+ require("cldr-data/supplemental/timeData"),
+ require("cldr-data/supplemental/weekData"),
);
+
Globalize.loadMessages(messages);
-React.render(
-