Added Dummy test to configure dependencies.

daniel.gomez · daniel.gomez · commit f2174376e32d · 2016-07-21T10:54:20.000-03:00
TODO, all the Helper/Localizer/Factory should be moved to an Utils repo in order to use them as inter dependencies btw core and ui modules
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015", "stage-0", "react"],
+  "plugins": ["add-module-exports"]
+}
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
+/node_modules
 /.idea
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "description": "Bootstrap UI implementation for redux-autoform",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "mocha ./test --compilers js:babel-register"
   },
   "repository": {
     "type": "git",
@@ -21,5 +21,24 @@
   "bugs": {
     "url": "https://github.com/redux-autoform/redux-autoform-bootstrap-ui/issues"
   },
-  "homepage": "https://github.com/redux-autoform/redux-autoform-bootstrap-ui#readme"
+  "homepage": "https://github.com/redux-autoform/redux-autoform-bootstrap-ui#readme",
+  "dependencies": {
+    "bootstrap": "^3.3.6",
+    "react": "^15.1.0",
+    "react-bootstrap": "^0.30.0-rc.1",
+    "react-select": "^1.0.0-beta14",
+    "react-widgets": "^3.4.2",
+    "underscore": "^1.8.3"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.6.5",
+    "babel-core": "^6.7.4",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-polyfill": "^6.9.1",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-0": "^6.5.0",
+    "mocha": "^2.5.3"
+  }
 }
diff --git a/src/components/FormGroup.js b/src/components/FormGroup.js
@@ -1,5 +1,5 @@
 import React, { Component, PropTypes } from 'react';
-import FormGroupInline from './FormGroupInline';
+import FormGroupInline from './FormGroupInline.js';
 import FormGroupStacked from './FormGroupStacked';
 
 class FormGroup extends Component {
diff --git a/src/components/FormGroupInline.js b/src/components/FormGroupInline.js
@@ -2,7 +2,7 @@ import React, { Component, PropTypes } from 'react';
 import { FormGroup as BootstrapFormGroup } from 'react-bootstrap';
 import FormGroupInlineControlLabel from './FormGroupInlineControlLabel';
 import FormGroupInlineContent from './FormGroupInlineContent'
-import { getDisplayName } from '../../helpers/metadataHelper';
+import { getDisplayName } from '../helpers/metadataHelper'; // TODO Move to Util Repo
 
 class FormGroupInline extends Component {
     static propTypes = {
diff --git a/src/components/fieldComponents/CheckBox.js b/src/components/fieldComponents/CheckBox.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { getDisplayName } from '../../../helpers/metadataHelper';
+import { getDisplayName } from '../../helpers/metadataHelper'; // TODO Move to Util Repo
 import { Checkbox as BootstrapCheckbox } from 'react-bootstrap';
 import Col from 'react-bootstrap/lib/Col';
 
diff --git a/src/components/fieldComponents/DateTimePicker.js b/src/components/fieldComponents/DateTimePicker.js
@@ -1,6 +1,6 @@
 import React, { Component, PropTypes } from 'react';
 import {DateTimePicker as ReactWidgetsDateTimePicker} from 'react-widgets';
-import { getDateLocalizer } from '../../../localization/dateLocalizer';
+import { getDateLocalizer } from '../../localization/dateLocalizer'; // TODO Move to Util Repo
 import FormGroup from '../FormGroup';
 
 class DateTimePicker extends Component {
diff --git a/src/factory/BootstrapFactory.js b/src/factory/BootstrapFactory.js
@@ -1,4 +1,4 @@
-import ComponentFactory from './ComponentFactory';
+import ComponentFactory from './ComponentFactory'; //TODO Move to Util repo
 import { registerBaseComponents } from './helper/BootstrapComponentFactoryHelper';
 
 class BootstrapFactory extends ComponentFactory {
diff --git a/src/helpers/metadataHelper.js b/src/helpers/metadataHelper.js
@@ -0,0 +1,5 @@
+export function getDisplayName(displayName, name) {
+    if(displayName == null) return null;
+    else if(displayName == undefined || displayName == '') return name;
+    return displayName;
+}
diff --git a/src/localization/dateLocalizer.js b/src/localization/dateLocalizer.js
@@ -0,0 +1,21 @@
+var _dateLocalizer;
+
+/**
+ * Sets the date localizer
+ * @param localizer
+ */
+export function setDateLocalizer(localizer) {
+    if (!localizer) throw Error('\'localizer\' should be truthy');
+    _dateLocalizer = localizer;
+}
+
+/**
+ * Gets the date localizer
+ * @returns {*}
+ */
+export function getDateLocalizer() {
+    if(!_dateLocalizer)
+        throw Error('Localizer has not yet been set');
+    return _dateLocalizer;
+}
+
diff --git a/src/localization/momentLocalizer.js b/src/localization/momentLocalizer.js
@@ -0,0 +1,62 @@
+import { setDateLocalizer } from './dateLocalizer'
+
+export default function(moment) {
+    if (!moment) throw Error('\'moment\' should be truthy');
+
+    if (typeof moment !== 'function')
+        throw new TypeError('You must provide a valid moment object');
+
+    let localField = typeof moment().locale === 'function' ? 'locale' : 'lang';
+
+    if (!moment.localeData)
+        throw new TypeError('The Moment localizer depends on the `localeData` api, please provide a moment object v2.2.0 or higher');
+
+    let getMoment = (culture, value, format) => culture ? moment(value, format)[localField](culture) : moment(value, format);
+
+    let endOfDecade = (date) => moment(date).add(10, 'year').add(-1, 'millisecond').toDate();
+
+    let endOfCentury = (date) => moment(date).add(100, 'year').add(-1, 'millisecond').toDate();
+
+    let localizer = {
+        formats: {
+            date: 'L',
+            time: 'LT',
+            default: 'lll',
+            header: 'MMMM YYYY',
+            footer: 'LL',
+            weekday: 'dd',
+            dayOfMonth: 'DD',
+            month: 'MMM',
+            year: 'YYYY',
+
+            decade(date, culture, localizer) {
+                return localizer.format(date, 'YYYY', culture)
+                    + ' - ' + localizer.format(endOfDecade(date), 'YYYY', culture)
+            },
+
+            century(date, culture, localizer) {
+                return localizer.format(date, 'YYYY', culture)
+                    + ' - ' + localizer.format(endOfCentury(date), 'YYYY', culture)
+            }
+        },
+
+        firstOfWeek(culture) {
+            return moment.localeData(culture).firstDayOfWeek()
+        },
+
+        parse(value, format, culture) {
+            if (!value) return undefined; // localizers should return undefined for empty inputs
+            const m = getMoment(culture, value, format);
+            if (m.isValid()) return m.toDate();
+            return null; // localizers should return nul for invalid inputs
+        },
+
+        format(value, format, culture) {
+            return getMoment(culture, value).format(format)
+        }
+    };
+
+    setDateLocalizer(localizer);
+
+    return localizer;
+}
diff --git a/src/localization/numberLocalizer.js b/src/localization/numberLocalizer.js
@@ -0,0 +1,21 @@
+var _numberLocalizer;
+
+/**
+ * Sets the number localizer
+ * @param localizer
+ */
+export function setNumberLocalizer(localizer) {
+    if (!localizer) throw Error('\'localizer\' should be truthy');
+    _numberLocalizer = localizer;
+}
+
+/**
+ * Gets the number localizer
+ * @returns {*}
+ */
+export function getNumberLocalizer() {
+    if(!_numberLocalizer)
+        throw Error('Localizer has not yet been set');
+    return _numberLocalizer;
+}
+
diff --git a/src/localization/numbroLocalizer.js b/src/localization/numbroLocalizer.js
@@ -0,0 +1,37 @@
+import { setNumberLocalizer } from './numberLocalizer'
+
+export default function(numbro) {
+
+    if (!numbro) throw Error('\'numbro\' should be truthy');
+
+    if (typeof numbro !== 'function')
+        throw new TypeError('You must provide a valid numbro object');
+
+    let localizer = {
+
+        cultureData: numbro.cultureData(),
+
+        parse(value, format, culture) {
+            if(format) throw Error('numbro localizer\'s parse method does not support passing the format');
+            if(culture) throw Error('numbro localizer\'s parse method does not support passing the culture');
+
+            if (value == null || value == undefined || value == '') return undefined; // localizers should return undefined for empty inputs and null for invalid inputs
+
+            // numbro's unformat is very permissive, so we need to check for a valid number
+            if(/^[+-]?[0-9,\.]+$/.test(value)) { // ToDo: improve this regular expression
+                let result = numbro().unformat(value);
+                return isNaN(result) ? null : result; // numbro returns NaN sometimes. We need to make sure that the localizers always return null for invalid inputs
+            }
+            return null; // localizers should return null for invalid inputs
+        },
+
+        format(value, format, culture) {
+            if(culture) throw Error('numbro localizer\'s format method does not support passing the culture');
+            return numbro(value).format(format);
+        }
+    };
+
+    setNumberLocalizer(localizer);
+
+    return localizer;
+}
diff --git a/test/createFactory.js b/test/createFactory.js
@@ -0,0 +1,12 @@
+import { BootstrapFactory } from '../src/index';
+
+
+describe("Factory creation", function() {
+    it("User requests an edit factory", function(done) {
+        done()
+    })
+
+    it("User requests an details factory", function(done) {
+        done()
+    })
+});

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "presets": ["es2015", "stage-0", "react"],
 +  "plugins": ["add-module-exports"]
 +}
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import ComponentFactory from './ComponentFactory';`
	`1`	`+import ComponentFactory from './ComponentFactory'; //TODO Move to Util repo`
`2`	`2`	`import { registerBaseComponents } from './helper/BootstrapComponentFactoryHelper';`
`3`	`3`
`4`	`4`	`class BootstrapFactory extends ComponentFactory {`