8 | )}/>
9 | );
10 |
11 | export default RouteWithSubRoutes
12 |
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 |
5 | Please. Check it out.
6 |
7 | -Dave Gandy
8 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | }
10 | ],
11 | "start_url": "./index.html",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 |
5 | Please. Check it out.
6 |
7 | -Dave Gandy
8 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 |
6 | # testing
7 | /coverage
8 |
9 | # production
10 | /build
11 |
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 |
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 |
--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 |
5 | // This is a custom Jest transformer turning file imports into filenames.
6 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
7 |
8 | module.exports = {
9 | process(src, filename) {
10 | return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/src/reducers/rootReducer.js:
--------------------------------------------------------------------------------
1 | import { routerReducer } from 'react-router-redux';
2 | import { combineReducers } from 'redux';
3 | import { reducer as formReducer } from 'redux-form';
4 | import account from '../components/demo/initializeFromState/account';
5 |
6 | const rootReducer = combineReducers({
7 | routerReducer,
8 | account,
9 | form:formReducer,
10 | });
11 |
12 | export default rootReducer;
13 |
--------------------------------------------------------------------------------
/src/components/demo/initializeFromState/checkArray.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | const renderFields = (fields) => (
4 |
5 | {fields.cbArray.map((cb,index) =>
6 |
7 |
8 |
9 | )}
10 |
15 |
16 |
17 |
18 |
19 |
20 | );
21 |
22 | export default Routes;
23 |
--------------------------------------------------------------------------------
/src/style/node/morris.css:
--------------------------------------------------------------------------------
1 | .morris-hover {
2 | position:absolute;
3 | z-index:1;
4 | }
5 |
6 | .morris-hover.morris-default-style .morris-hover-row-label {
7 | font-weight:bold;
8 | margin:0.25em 0
9 | }
10 | .morris-hover.morris-default-style .morris-hover-point {
11 | white-space:nowrap;
12 | margin:0.1em 0
13 | }
14 | .morris-hover.morris-default-style {
15 | border-radius: 2px;
16 | padding: 10px 12px;
17 | color: #666;
18 | background:rgba(0, 0, 0, 0.7);
19 | border: none;
20 | color: #fff!important ;
21 | }
22 | .morris-hover-point {
23 | color: rgba(257, 257, 257, 0.8)!important ;
24 | }
25 |
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/less/icon-variables/variables-misc.less:
--------------------------------------------------------------------------------
1 | @alien: "\f075";
2 | @celsius: "\f03c";
3 | @fahrenheit: "\f045";
4 | @degrees: "\f042";
5 | @thermometer: "\f055";
6 | @thermometer-exterior: "\f053";
7 | @thermometer-internal: "\f054";
8 | @cloud-down: "\f03d";
9 | @cloud-up: "\f040";
10 | @cloud-refresh: "\f03e";
11 | @horizon: "\f047";
12 | @horizon-alt: "\f046";
13 | @sunrise: "\f051";
14 | @sunset: "\f052";
15 | @moonrise: "\f0c9";
16 | @moonset: "\f0ca";
17 | @refresh: "\f04c";
18 | @refresh-alt: "\f04b";
19 | @umbrella: "\f084";
20 | @barometer: "\f079";
21 | @humidity: "\f07a";
22 | @na: "\f07b";
23 | @train: "\f0cb";
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/sass/icon-variables/variables-misc.scss:
--------------------------------------------------------------------------------
1 | $alien: "\f075";
2 | $celsius: "\f03c";
3 | $fahrenheit: "\f045";
4 | $degrees: "\f042";
5 | $thermometer: "\f055";
6 | $thermometer-exterior: "\f053";
7 | $thermometer-internal: "\f054";
8 | $cloud-down: "\f03d";
9 | $cloud-up: "\f040";
10 | $cloud-refresh: "\f03e";
11 | $horizon: "\f047";
12 | $horizon-alt: "\f046";
13 | $sunrise: "\f051";
14 | $sunset: "\f052";
15 | $moonrise: "\f0c9";
16 | $moonset: "\f0ca";
17 | $refresh: "\f04c";
18 | $refresh-alt: "\f04b";
19 | $umbrella: "\f084";
20 | $barometer: "\f079";
21 | $humidity: "\f07a";
22 | $na: "\f07b";
23 | $train: "\f0cb";
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/less/icon-variables/variables-misc.less:
--------------------------------------------------------------------------------
1 | @alien: "\f075";
2 | @celsius: "\f03c";
3 | @fahrenheit: "\f045";
4 | @degrees: "\f042";
5 | @thermometer: "\f055";
6 | @thermometer-exterior: "\f053";
7 | @thermometer-internal: "\f054";
8 | @cloud-down: "\f03d";
9 | @cloud-up: "\f040";
10 | @cloud-refresh: "\f03e";
11 | @horizon: "\f047";
12 | @horizon-alt: "\f046";
13 | @sunrise: "\f051";
14 | @sunset: "\f052";
15 | @moonrise: "\f0c9";
16 | @moonset: "\f0ca";
17 | @refresh: "\f04c";
18 | @refresh-alt: "\f04b";
19 | @umbrella: "\f084";
20 | @barometer: "\f079";
21 | @humidity: "\f07a";
22 | @na: "\f07b";
23 | @train: "\f0cb";
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/sass/icon-variables/variables-misc.scss:
--------------------------------------------------------------------------------
1 | $alien: "\f075";
2 | $celsius: "\f03c";
3 | $fahrenheit: "\f045";
4 | $degrees: "\f042";
5 | $thermometer: "\f055";
6 | $thermometer-exterior: "\f053";
7 | $thermometer-internal: "\f054";
8 | $cloud-down: "\f03d";
9 | $cloud-up: "\f040";
10 | $cloud-refresh: "\f03e";
11 | $horizon: "\f047";
12 | $horizon-alt: "\f046";
13 | $sunrise: "\f051";
14 | $sunset: "\f052";
15 | $moonrise: "\f0c9";
16 | $moonset: "\f0ca";
17 | $refresh: "\f04c";
18 | $refresh-alt: "\f04b";
19 | $umbrella: "\f084";
20 | $barometer: "\f079";
21 | $humidity: "\f07a";
22 | $na: "\f07b";
23 | $train: "\f0cb";
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/.npmignore:
--------------------------------------------------------------------------------
1 | *.pyc
2 | *.egg-info
3 | *.db
4 | *.db.old
5 | *.swp
6 | *.db-journal
7 |
8 | .coverage
9 | .DS_Store
10 | .installed.cfg
11 | _gh_pages/*
12 |
13 | .idea/*
14 | .svn/*
15 | src/website/static/*
16 | src/website/media/*
17 |
18 | bin
19 | cfcache
20 | develop-eggs
21 | dist
22 | downloads
23 | eggs
24 | parts
25 | tmp
26 | .sass-cache
27 | node_modules
28 |
29 | src/website/settingslocal.py
30 | stunnel.log
31 |
32 | .ruby-version
33 |
34 | # don't need these in the npm package.
35 | src/
36 | _config.yml
37 | bower.json
38 | component.json
39 | composer.json
40 | CONTRIBUTING.md
41 | Gemfile
42 | Gemfile.lock
43 |
--------------------------------------------------------------------------------
/src/components/demo/remoteSubmit/RemoteSubmitButton.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { connect } from 'react-redux'
3 | import { submit } from 'redux-form'
4 |
5 | const style = {
6 | padding: '10px 20px',
7 | width: 140,
8 | display: 'block',
9 | margin: '20px auto',
10 | fontSize: '16px'
11 | }
12 |
13 | const RemoteSubmitButton = ({ dispatch }) => (
14 |
21 | )
22 | // ^^^^^^^^^^^^ name of the form
23 |
24 | export default connect()(RemoteSubmitButton)
25 |
--------------------------------------------------------------------------------
/src/components/demo/wizard/validate.js:
--------------------------------------------------------------------------------
1 | const validate = values => {
2 | const errors = {}
3 | if (!values.firstName) {
4 | errors.firstName = 'Required'
5 | }
6 | if (!values.lastName) {
7 | errors.lastName = 'Required'
8 | }
9 | if (!values.email) {
10 | errors.email = 'Required'
11 | } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
12 | errors.email = 'Invalid email address'
13 | }
14 | if (!values.sex) {
15 | errors.sex = 'Required'
16 | }
17 | if (!values.favoriteColor) {
18 | errors.favoriteColor = 'Required'
19 | }
20 | return errors
21 | }
22 |
23 | export default validate
24 |
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/.npmignore:
--------------------------------------------------------------------------------
1 | *.pyc
2 | *.egg-info
3 | *.db
4 | *.db.old
5 | *.swp
6 | *.db-journal
7 |
8 | .coverage
9 | .DS_Store
10 | .installed.cfg
11 | _gh_pages/*
12 |
13 | .idea/*
14 | .svn/*
15 | src/website/static/*
16 | src/website/media/*
17 |
18 | bin
19 | cfcache
20 | develop-eggs
21 | dist
22 | downloads
23 | eggs
24 | parts
25 | tmp
26 | .sass-cache
27 | node_modules
28 |
29 | src/website/settingslocal.py
30 | stunnel.log
31 |
32 | .ruby-version
33 |
34 | # don't need these in the npm package.
35 | src/
36 | _config.yml
37 | bower.json
38 | component.json
39 | composer.json
40 | CONTRIBUTING.md
41 | Gemfile
42 | Gemfile.lock
43 |
--------------------------------------------------------------------------------
/src/components/utils/validation/textareaField.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const textareaField = ({
4 | input,
5 | label,
6 | type,
7 | cols,
8 | rows,
9 | meta: { touched, error, warning }
10 | }) => (
11 |
12 |
13 |
14 | {touched &&
15 | ((error &&
{error}
) ||
16 | (warning &&
{warning}
))}
17 |
12 |
13 |
14 | {routes.map((route, i) => (
15 |
16 | ))}
17 |
18 |
19 |
20 | )
21 | }
22 | }
23 |
24 |
25 | export default ProjectContent;
26 |
--------------------------------------------------------------------------------
/src/plugins/images/tooltip/shape1.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/less/icon-variables/variables-day.less:
--------------------------------------------------------------------------------
1 | @day-sunny: "\f00d";
2 | @day-cloudy: "\f002";
3 | @day-cloudy-gusts: "\f000";
4 | @day-cloudy-windy: "\f001";
5 | @day-fog: "\f003";
6 | @day-hail: "\f004";
7 | @day-haze: "\f0b6";
8 | @day-lightning: "\f005";
9 | @day-rain: "\f008";
10 | @day-rain-mix: "\f006";
11 | @day-rain-wind: "\f007";
12 | @day-showers: "\f009";
13 | @day-sleet: "\f0b2";
14 | @day-sleet-storm: "\f068";
15 | @day-snow: "\f00a";
16 | @day-snow-thunderstorm: "\f06b";
17 | @day-snow-wind: "\f065";
18 | @day-sprinkle: "\f00b";
19 | @day-storm-showers: "\f00e";
20 | @day-sunny-overcast: "\f00c";
21 | @day-thunderstorm: "\f010";
22 | @day-windy: "\f085";
23 | @solar-eclipse: "\f06e";
24 | @hot: "\f072";
25 | @day-cloudy-high: "\f07d";
26 | @day-light-wind: "\f0c4";
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/sass/icon-variables/variables-day.scss:
--------------------------------------------------------------------------------
1 | $day-sunny: "\f00d";
2 | $day-cloudy: "\f002";
3 | $day-cloudy-gusts: "\f000";
4 | $day-cloudy-windy: "\f001";
5 | $day-fog: "\f003";
6 | $day-hail: "\f004";
7 | $day-haze: "\f0b6";
8 | $day-lightning: "\f005";
9 | $day-rain: "\f008";
10 | $day-rain-mix: "\f006";
11 | $day-rain-wind: "\f007";
12 | $day-showers: "\f009";
13 | $day-sleet: "\f0b2";
14 | $day-sleet-storm: "\f068";
15 | $day-snow: "\f00a";
16 | $day-snow-thunderstorm: "\f06b";
17 | $day-snow-wind: "\f065";
18 | $day-sprinkle: "\f00b";
19 | $day-storm-showers: "\f00e";
20 | $day-sunny-overcast: "\f00c";
21 | $day-thunderstorm: "\f010";
22 | $day-windy: "\f085";
23 | $solar-eclipse: "\f06e";
24 | $hot: "\f072";
25 | $day-cloudy-high: "\f07d";
26 | $day-light-wind: "\f0c4";
--------------------------------------------------------------------------------
/src/components/utils/MyDropify.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | const $ = window.$;
3 | require('dropify');
4 |
5 | class MyDropify extends Component {
6 | componentDidMount(){
7 | $('.dropify').dropify();
8 | }
9 | render() {
10 | const { input,dataAllowedFileExtensions } = this.props
11 | const onAttachmentChange = (e) => {
12 | e.preventDefault();
13 | const files = [...e.target.files];
14 | input.onChange(files);
15 | };
16 | return (
17 |
18 |
22 |
23 | )
24 | }
25 | }
26 |
27 | export default MyDropify;
28 |
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7 |
8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10 |
11 | // Hook for IE8-9
12 | // -------------------------
13 |
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 | filter: none;
20 | }
21 |
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/less/icon-variables/variables-day.less:
--------------------------------------------------------------------------------
1 | @day-sunny: "\f00d";
2 | @day-cloudy: "\f002";
3 | @day-cloudy-gusts: "\f000";
4 | @day-cloudy-windy: "\f001";
5 | @day-fog: "\f003";
6 | @day-hail: "\f004";
7 | @day-haze: "\f0b6";
8 | @day-lightning: "\f005";
9 | @day-rain: "\f008";
10 | @day-rain-mix: "\f006";
11 | @day-rain-wind: "\f007";
12 | @day-showers: "\f009";
13 | @day-sleet: "\f0b2";
14 | @day-sleet-storm: "\f068";
15 | @day-snow: "\f00a";
16 | @day-snow-thunderstorm: "\f06b";
17 | @day-snow-wind: "\f065";
18 | @day-sprinkle: "\f00b";
19 | @day-storm-showers: "\f00e";
20 | @day-sunny-overcast: "\f00c";
21 | @day-thunderstorm: "\f010";
22 | @day-windy: "\f085";
23 | @solar-eclipse: "\f06e";
24 | @hot: "\f072";
25 | @day-cloudy-high: "\f07d";
26 | @day-light-wind: "\f0c4";
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/sass/icon-variables/variables-day.scss:
--------------------------------------------------------------------------------
1 | $day-sunny: "\f00d";
2 | $day-cloudy: "\f002";
3 | $day-cloudy-gusts: "\f000";
4 | $day-cloudy-windy: "\f001";
5 | $day-fog: "\f003";
6 | $day-hail: "\f004";
7 | $day-haze: "\f0b6";
8 | $day-lightning: "\f005";
9 | $day-rain: "\f008";
10 | $day-rain-mix: "\f006";
11 | $day-rain-wind: "\f007";
12 | $day-showers: "\f009";
13 | $day-sleet: "\f0b2";
14 | $day-sleet-storm: "\f068";
15 | $day-snow: "\f00a";
16 | $day-snow-thunderstorm: "\f06b";
17 | $day-snow-wind: "\f065";
18 | $day-sprinkle: "\f00b";
19 | $day-storm-showers: "\f00e";
20 | $day-sunny-overcast: "\f00c";
21 | $day-thunderstorm: "\f010";
22 | $day-windy: "\f085";
23 | $solar-eclipse: "\f06e";
24 | $hot: "\f072";
25 | $day-cloudy-high: "\f07d";
26 | $day-light-wind: "\f0c4";
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7 |
8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10 |
11 | // Hook for IE8-9
12 | // -------------------------
13 |
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 | filter: none;
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/demo/remoteSubmit/submit.js:
--------------------------------------------------------------------------------
1 | import { SubmissionError } from 'redux-form'
2 |
3 | const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
4 |
5 | function submit(values) {
6 | return sleep(1000).then(() => {
7 | // simulate server latency
8 | if (!['john', 'paul', 'george', 'ringo'].includes(values.username)) {
9 | throw new SubmissionError({
10 | username: 'User does not exist',
11 | _error: 'Login failed!'
12 | })
13 | } else if (values.password !== 'redux-form') {
14 | throw new SubmissionError({
15 | password: 'Wrong password',
16 | _error: 'Login failed!'
17 | })
18 | } else {
19 | window.alert(`You submitted:\n\n${JSON.stringify(values, null, 2)}`)
20 | }
21 | })
22 | }
23 |
24 | export default submit
25 |
--------------------------------------------------------------------------------
/src/components/demo/submitValidation/submit.js:
--------------------------------------------------------------------------------
1 | import { SubmissionError } from 'redux-form'
2 |
3 | const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
4 |
5 | function submit(values) {
6 | return sleep(1000).then(() => {
7 | // simulate server latency
8 | if (!['john', 'paul', 'george', 'ringo'].includes(values.username)) {
9 | throw new SubmissionError({
10 | username: 'User does not exist',
11 | _error: 'Login failed!'
12 | })
13 | } else if (values.password !== 'redux-form') {
14 | throw new SubmissionError({
15 | password: 'Wrong password',
16 | _error: 'Login failed!'
17 | })
18 | } else {
19 | window.alert(`You submitted:\n\n${JSON.stringify(values, null, 2)}`)
20 | }
21 | })
22 | }
23 |
24 | export default submit
25 |
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/less/icon-classes/classes-beaufort.less:
--------------------------------------------------------------------------------
1 | .wi-wind-beaufort-0:before {content: @wind-beaufort-0;}
2 | .wi-wind-beaufort-1:before {content: @wind-beaufort-1;}
3 | .wi-wind-beaufort-2:before {content: @wind-beaufort-2;}
4 | .wi-wind-beaufort-3:before {content: @wind-beaufort-3;}
5 | .wi-wind-beaufort-4:before {content: @wind-beaufort-4;}
6 | .wi-wind-beaufort-5:before {content: @wind-beaufort-5;}
7 | .wi-wind-beaufort-6:before {content: @wind-beaufort-6;}
8 | .wi-wind-beaufort-7:before {content: @wind-beaufort-7;}
9 | .wi-wind-beaufort-8:before {content: @wind-beaufort-8;}
10 | .wi-wind-beaufort-9:before {content: @wind-beaufort-9;}
11 | .wi-wind-beaufort-10:before {content: @wind-beaufort-10;}
12 | .wi-wind-beaufort-11:before {content: @wind-beaufort-11;}
13 | .wi-wind-beaufort-12:before {content: @wind-beaufort-12;}
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/sass/icon-classes/classes-beaufort.scss:
--------------------------------------------------------------------------------
1 | .wi-wind-beaufort-0:before {content: $wind-beaufort-0;}
2 | .wi-wind-beaufort-1:before {content: $wind-beaufort-1;}
3 | .wi-wind-beaufort-2:before {content: $wind-beaufort-2;}
4 | .wi-wind-beaufort-3:before {content: $wind-beaufort-3;}
5 | .wi-wind-beaufort-4:before {content: $wind-beaufort-4;}
6 | .wi-wind-beaufort-5:before {content: $wind-beaufort-5;}
7 | .wi-wind-beaufort-6:before {content: $wind-beaufort-6;}
8 | .wi-wind-beaufort-7:before {content: $wind-beaufort-7;}
9 | .wi-wind-beaufort-8:before {content: $wind-beaufort-8;}
10 | .wi-wind-beaufort-9:before {content: $wind-beaufort-9;}
11 | .wi-wind-beaufort-10:before {content: $wind-beaufort-10;}
12 | .wi-wind-beaufort-11:before {content: $wind-beaufort-11;}
13 | .wi-wind-beaufort-12:before {content: $wind-beaufort-12;}
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/less/icon-classes/classes-beaufort.less:
--------------------------------------------------------------------------------
1 | .wi-wind-beaufort-0:before {content: @wind-beaufort-0;}
2 | .wi-wind-beaufort-1:before {content: @wind-beaufort-1;}
3 | .wi-wind-beaufort-2:before {content: @wind-beaufort-2;}
4 | .wi-wind-beaufort-3:before {content: @wind-beaufort-3;}
5 | .wi-wind-beaufort-4:before {content: @wind-beaufort-4;}
6 | .wi-wind-beaufort-5:before {content: @wind-beaufort-5;}
7 | .wi-wind-beaufort-6:before {content: @wind-beaufort-6;}
8 | .wi-wind-beaufort-7:before {content: @wind-beaufort-7;}
9 | .wi-wind-beaufort-8:before {content: @wind-beaufort-8;}
10 | .wi-wind-beaufort-9:before {content: @wind-beaufort-9;}
11 | .wi-wind-beaufort-10:before {content: @wind-beaufort-10;}
12 | .wi-wind-beaufort-11:before {content: @wind-beaufort-11;}
13 | .wi-wind-beaufort-12:before {content: @wind-beaufort-12;}
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/sass/icon-classes/classes-beaufort.scss:
--------------------------------------------------------------------------------
1 | .wi-wind-beaufort-0:before {content: $wind-beaufort-0;}
2 | .wi-wind-beaufort-1:before {content: $wind-beaufort-1;}
3 | .wi-wind-beaufort-2:before {content: $wind-beaufort-2;}
4 | .wi-wind-beaufort-3:before {content: $wind-beaufort-3;}
5 | .wi-wind-beaufort-4:before {content: $wind-beaufort-4;}
6 | .wi-wind-beaufort-5:before {content: $wind-beaufort-5;}
7 | .wi-wind-beaufort-6:before {content: $wind-beaufort-6;}
8 | .wi-wind-beaufort-7:before {content: $wind-beaufort-7;}
9 | .wi-wind-beaufort-8:before {content: $wind-beaufort-8;}
10 | .wi-wind-beaufort-9:before {content: $wind-beaufort-9;}
11 | .wi-wind-beaufort-10:before {content: $wind-beaufort-10;}
12 | .wi-wind-beaufort-11:before {content: $wind-beaufort-11;}
13 | .wi-wind-beaufort-12:before {content: $wind-beaufort-12;}
--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Do this as the first thing so that any code reading it knows the right env.
4 | process.env.BABEL_ENV = 'test';
5 | process.env.NODE_ENV = 'test';
6 | process.env.PUBLIC_URL = '';
7 |
8 | // Makes the script crash on unhandled rejections instead of silently
9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 | throw err;
13 | });
14 |
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 |
18 | const jest = require('jest');
19 | const argv = process.argv.slice(2);
20 |
21 | // Watch unless on CI or in coverage mode
22 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
23 | argv.push('--watch');
24 | }
25 |
26 |
27 | jest.run(argv);
28 |
--------------------------------------------------------------------------------
/src/components/utils/validation/selectField.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | const selectField = ({
3 | input,
4 | label,
5 | selects,
6 | meta: { touched, error, warning }
7 | }) => (
8 |
9 |
10 | {label}
11 |
18 |
19 | {touched &&
20 | ((error &&
{error}
) ||
21 | (warning &&
{warning}
))}
22 |
10 |
11 | {label}
12 |
13 | {asyncValidating &&
14 |
15 |
16 | }
17 |
18 | {touched &&
19 | ((error &&
{error}
) ||
20 | (warning &&
{warning}
))}
21 |
12 |
13 |
14 |
15 |
16 |
Wizard Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
14 |
15 | {
16 | this.props.radios.map((item, i) => (
17 |
23 | ))
24 | }
25 |
30 |
31 | )
32 | }
33 | }
34 |
35 | export default radioField;
36 |
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/less/mixins.less:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | .fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | .fa-icon-rotate(@degrees, @rotation) {
15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
16 | -webkit-transform: rotate(@degrees);
17 | -ms-transform: rotate(@degrees);
18 | transform: rotate(@degrees);
19 | }
20 |
21 | .fa-icon-flip(@horiz, @vert, @rotation) {
22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
23 | -webkit-transform: scale(@horiz, @vert);
24 | -ms-transform: scale(@horiz, @vert);
25 | transform: scale(@horiz, @vert);
26 | }
27 |
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/less/mixins.less:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | .fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | .fa-icon-rotate(@degrees, @rotation) {
15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
16 | -webkit-transform: rotate(@degrees);
17 | -ms-transform: rotate(@degrees);
18 | transform: rotate(@degrees);
19 | }
20 |
21 | .fa-icon-flip(@horiz, @vert, @rotation) {
22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
23 | -webkit-transform: scale(@horiz, @vert);
24 | -ms-transform: scale(@horiz, @vert);
25 | transform: scale(@horiz, @vert);
26 | }
27 |
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/scss/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | @mixin fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
16 | -webkit-transform: rotate($degrees);
17 | -ms-transform: rotate($degrees);
18 | transform: rotate($degrees);
19 | }
20 |
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
23 | -webkit-transform: scale($horiz, $vert);
24 | -ms-transform: scale($horiz, $vert);
25 | transform: scale($horiz, $vert);
26 | }
27 |
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/scss/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | @mixin fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
16 | -webkit-transform: rotate($degrees);
17 | -ms-transform: rotate($degrees);
18 | transform: rotate($degrees);
19 | }
20 |
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
23 | -webkit-transform: scale($horiz, $vert);
24 | -ms-transform: scale($horiz, $vert);
25 | transform: scale($horiz, $vert);
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/demo/fieldArrays/view.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import FieldArraysForm from './FieldArraysForm';
3 | import {Values} from 'redux-form-website-template'
4 |
5 | class FieldArray extends Component {
6 | onSubmit = (value) => {
7 | console.log("FieldArraysForm onSubmit: "+JSON.stringify(value));
8 | }
9 | render(){
10 | return (
11 |
12 |
13 |
14 |
15 |
16 |
Field Arrays Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
11 |
12 |
13 |
14 |
15 |
Remote Validation Form
16 |
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Normalizing Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Async Validation Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Sync Validation Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Submit Validation Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
27 |
28 | {routes.map((route, i) => (
29 |
30 | ))}
31 |
32 | )
33 | }
34 | }
35 |
36 | export { MainRouter };
37 |
--------------------------------------------------------------------------------
/src/components/demo/initializeFromState/view.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import InitializeFromStateForm from './InitializeFromStateForm';
3 | import {Values} from 'redux-form-website-template'
4 |
5 | class InitializeFromState extends Component {
6 | onSubmit = (value) => {
7 | console.log("Async onSubmit: "+JSON.stringify(value));
8 | }
9 | render(){
10 | return (
11 |
12 |
13 |
14 |
15 |
16 |
Initialize From State Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Selecting Form Values Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
12 |
13 |
14 |
15 |
16 |
Field-Level Validation Form
17 |
18 |
19 |
20 |
25 |
26 |
27 |
24 |
25 |
26 |
27 |
28 |
Simple Form
29 |
30 |
31 |
32 |
37 |
38 |
39 |
29 | {page === 1 && }
30 | {page === 2 &&
31 | }
35 | {page === 3 &&
36 | }
40 |
41 | )
42 | }
43 | }
44 |
45 | WizardForm.propTypes = {
46 | onSubmit: PropTypes.func.isRequired
47 | }
48 |
49 | export default WizardForm
50 |
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/less/icon-classes/classes-day.less:
--------------------------------------------------------------------------------
1 | .wi-day-sunny:before {content: @day-sunny;}
2 | .wi-day-cloudy:before {content: @day-cloudy;}
3 | .wi-day-cloudy-gusts:before {content: @day-cloudy-gusts;}
4 | .wi-day-cloudy-windy:before {content: @day-cloudy-windy;}
5 | .wi-day-fog:before {content: @day-fog;}
6 | .wi-day-hail:before {content: @day-hail;}
7 | .wi-day-haze:before {content: @day-haze;}
8 | .wi-day-lightning:before {content: @day-lightning;}
9 | .wi-day-rain:before {content: @day-rain;}
10 | .wi-day-rain-mix:before {content: @day-rain-mix;}
11 | .wi-day-rain-wind:before {content: @day-rain-wind;}
12 | .wi-day-showers:before {content: @day-showers;}
13 | .wi-day-sleet:before {content: @day-sleet;}
14 | .wi-day-sleet-storm:before {content: @day-sleet-storm;}
15 | .wi-day-snow:before {content: @day-snow;}
16 | .wi-day-snow-thunderstorm:before {content: @day-snow-thunderstorm;}
17 | .wi-day-snow-wind:before {content: @day-snow-wind;}
18 | .wi-day-sprinkle:before {content: @day-sprinkle;}
19 | .wi-day-storm-showers:before {content: @day-storm-showers;}
20 | .wi-day-sunny-overcast:before {content: @day-sunny-overcast;}
21 | .wi-day-thunderstorm:before {content: @day-thunderstorm;}
22 | .wi-day-windy:before {content: @day-windy;}
23 | .wi-solar-eclipse:before {content: @solar-eclipse;}
24 | .wi-hot:before {content: @hot;}
25 | .wi-day-cloudy-high:before {content: @day-cloudy-high;}
26 | .wi-day-light-wind:before {content: @day-light-wind;}
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/sass/icon-classes/classes-day.scss:
--------------------------------------------------------------------------------
1 | .wi-day-sunny:before {content: $day-sunny;}
2 | .wi-day-cloudy:before {content: $day-cloudy;}
3 | .wi-day-cloudy-gusts:before {content: $day-cloudy-gusts;}
4 | .wi-day-cloudy-windy:before {content: $day-cloudy-windy;}
5 | .wi-day-fog:before {content: $day-fog;}
6 | .wi-day-hail:before {content: $day-hail;}
7 | .wi-day-haze:before {content: $day-haze;}
8 | .wi-day-lightning:before {content: $day-lightning;}
9 | .wi-day-rain:before {content: $day-rain;}
10 | .wi-day-rain-mix:before {content: $day-rain-mix;}
11 | .wi-day-rain-wind:before {content: $day-rain-wind;}
12 | .wi-day-showers:before {content: $day-showers;}
13 | .wi-day-sleet:before {content: $day-sleet;}
14 | .wi-day-sleet-storm:before {content: $day-sleet-storm;}
15 | .wi-day-snow:before {content: $day-snow;}
16 | .wi-day-snow-thunderstorm:before {content: $day-snow-thunderstorm;}
17 | .wi-day-snow-wind:before {content: $day-snow-wind;}
18 | .wi-day-sprinkle:before {content: $day-sprinkle;}
19 | .wi-day-storm-showers:before {content: $day-storm-showers;}
20 | .wi-day-sunny-overcast:before {content: $day-sunny-overcast;}
21 | .wi-day-thunderstorm:before {content: $day-thunderstorm;}
22 | .wi-day-windy:before {content: $day-windy;}
23 | .wi-solar-eclipse:before {content: $solar-eclipse;}
24 | .wi-hot:before {content: $hot;}
25 | .wi-day-cloudy-high:before {content: $day-cloudy-high;}
26 | .wi-day-light-wind:before {content: $day-light-wind;}
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/less/icon-classes/classes-day.less:
--------------------------------------------------------------------------------
1 | .wi-day-sunny:before {content: @day-sunny;}
2 | .wi-day-cloudy:before {content: @day-cloudy;}
3 | .wi-day-cloudy-gusts:before {content: @day-cloudy-gusts;}
4 | .wi-day-cloudy-windy:before {content: @day-cloudy-windy;}
5 | .wi-day-fog:before {content: @day-fog;}
6 | .wi-day-hail:before {content: @day-hail;}
7 | .wi-day-haze:before {content: @day-haze;}
8 | .wi-day-lightning:before {content: @day-lightning;}
9 | .wi-day-rain:before {content: @day-rain;}
10 | .wi-day-rain-mix:before {content: @day-rain-mix;}
11 | .wi-day-rain-wind:before {content: @day-rain-wind;}
12 | .wi-day-showers:before {content: @day-showers;}
13 | .wi-day-sleet:before {content: @day-sleet;}
14 | .wi-day-sleet-storm:before {content: @day-sleet-storm;}
15 | .wi-day-snow:before {content: @day-snow;}
16 | .wi-day-snow-thunderstorm:before {content: @day-snow-thunderstorm;}
17 | .wi-day-snow-wind:before {content: @day-snow-wind;}
18 | .wi-day-sprinkle:before {content: @day-sprinkle;}
19 | .wi-day-storm-showers:before {content: @day-storm-showers;}
20 | .wi-day-sunny-overcast:before {content: @day-sunny-overcast;}
21 | .wi-day-thunderstorm:before {content: @day-thunderstorm;}
22 | .wi-day-windy:before {content: @day-windy;}
23 | .wi-solar-eclipse:before {content: @solar-eclipse;}
24 | .wi-hot:before {content: @hot;}
25 | .wi-day-cloudy-high:before {content: @day-cloudy-high;}
26 | .wi-day-light-wind:before {content: @day-light-wind;}
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/sass/icon-classes/classes-day.scss:
--------------------------------------------------------------------------------
1 | .wi-day-sunny:before {content: $day-sunny;}
2 | .wi-day-cloudy:before {content: $day-cloudy;}
3 | .wi-day-cloudy-gusts:before {content: $day-cloudy-gusts;}
4 | .wi-day-cloudy-windy:before {content: $day-cloudy-windy;}
5 | .wi-day-fog:before {content: $day-fog;}
6 | .wi-day-hail:before {content: $day-hail;}
7 | .wi-day-haze:before {content: $day-haze;}
8 | .wi-day-lightning:before {content: $day-lightning;}
9 | .wi-day-rain:before {content: $day-rain;}
10 | .wi-day-rain-mix:before {content: $day-rain-mix;}
11 | .wi-day-rain-wind:before {content: $day-rain-wind;}
12 | .wi-day-showers:before {content: $day-showers;}
13 | .wi-day-sleet:before {content: $day-sleet;}
14 | .wi-day-sleet-storm:before {content: $day-sleet-storm;}
15 | .wi-day-snow:before {content: $day-snow;}
16 | .wi-day-snow-thunderstorm:before {content: $day-snow-thunderstorm;}
17 | .wi-day-snow-wind:before {content: $day-snow-wind;}
18 | .wi-day-sprinkle:before {content: $day-sprinkle;}
19 | .wi-day-storm-showers:before {content: $day-storm-showers;}
20 | .wi-day-sunny-overcast:before {content: $day-sunny-overcast;}
21 | .wi-day-thunderstorm:before {content: $day-thunderstorm;}
22 | .wi-day-windy:before {content: $day-windy;}
23 | .wi-solar-eclipse:before {content: $solar-eclipse;}
24 | .wi-hot:before {content: $hot;}
25 | .wi-day-cloudy-high:before {content: $day-cloudy-high;}
26 | .wi-day-light-wind:before {content: $day-light-wind;}
--------------------------------------------------------------------------------
/src/style/icons/font-awesome/scss/_extras.scss:
--------------------------------------------------------------------------------
1 | /* EXTRAS
2 | * -------------------------- */
3 |
4 | /* Stacked and layered icon */
5 |
6 | /* Animated rotating icon */
7 | .#{$fa-css-prefix}-spin {
8 | -webkit-animation: spin 2s infinite linear;
9 | -moz-animation: spin 2s infinite linear;
10 | -o-animation: spin 2s infinite linear;
11 | animation: spin 2s infinite linear;
12 | }
13 |
14 | @-moz-keyframes spin {
15 | 0% { -moz-transform: rotate(0deg); }
16 | 100% { -moz-transform: rotate(359deg); }
17 | }
18 | @-webkit-keyframes spin {
19 | 0% { -webkit-transform: rotate(0deg); }
20 | 100% { -webkit-transform: rotate(359deg); }
21 | }
22 | @-o-keyframes spin {
23 | 0% { -o-transform: rotate(0deg); }
24 | 100% { -o-transform: rotate(359deg); }
25 | }
26 | @-ms-keyframes spin {
27 | 0% { -ms-transform: rotate(0deg); }
28 | 100% { -ms-transform: rotate(359deg); }
29 | }
30 | @keyframes spin {
31 | 0% { transform: rotate(0deg); }
32 | 100% { transform: rotate(359deg); }
33 | }
34 |
35 |
36 | // Icon rotations & flipping
37 | // -------------------------
38 |
39 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
40 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
41 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
42 |
43 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
44 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
45 |
--------------------------------------------------------------------------------
/src/style/less/icons/font-awesome/scss/_extras.scss:
--------------------------------------------------------------------------------
1 | /* EXTRAS
2 | * -------------------------- */
3 |
4 | /* Stacked and layered icon */
5 |
6 | /* Animated rotating icon */
7 | .#{$fa-css-prefix}-spin {
8 | -webkit-animation: spin 2s infinite linear;
9 | -moz-animation: spin 2s infinite linear;
10 | -o-animation: spin 2s infinite linear;
11 | animation: spin 2s infinite linear;
12 | }
13 |
14 | @-moz-keyframes spin {
15 | 0% { -moz-transform: rotate(0deg); }
16 | 100% { -moz-transform: rotate(359deg); }
17 | }
18 | @-webkit-keyframes spin {
19 | 0% { -webkit-transform: rotate(0deg); }
20 | 100% { -webkit-transform: rotate(359deg); }
21 | }
22 | @-o-keyframes spin {
23 | 0% { -o-transform: rotate(0deg); }
24 | 100% { -o-transform: rotate(359deg); }
25 | }
26 | @-ms-keyframes spin {
27 | 0% { -ms-transform: rotate(0deg); }
28 | 100% { -ms-transform: rotate(359deg); }
29 | }
30 | @keyframes spin {
31 | 0% { transform: rotate(0deg); }
32 | 100% { transform: rotate(359deg); }
33 | }
34 |
35 |
36 | // Icon rotations & flipping
37 | // -------------------------
38 |
39 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
40 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
41 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
42 |
43 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
44 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
45 |
--------------------------------------------------------------------------------
/src/components/demo/wizard/WizardFormSecondPage.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Field, reduxForm } from 'redux-form'
3 | import validate from './validate'
4 | import inputField from '../../utils/validation/inputField'
5 |
6 | const WizardFormSecondPage = props => {
7 | const { handleSubmit, previousPage } = props
8 | return (
9 |
29 | )
30 | }
31 |
32 | export default reduxForm({
33 | form: 'wizard', //Form name is same
34 | destroyOnUnmount: false,
35 | forceUnregisterOnUnmount: true, // <------ unregister fields on unmount
36 | validate
37 | })(WizardFormSecondPage)
38 |
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/less/icon-variables/variables-night.less:
--------------------------------------------------------------------------------
1 | @night-clear: "\f02e";
2 | @night-alt-cloudy: "\f086";
3 | @night-alt-cloudy-gusts: "\f022";
4 | @night-alt-cloudy-windy: "\f023";
5 | @night-alt-hail: "\f024";
6 | @night-alt-lightning: "\f025";
7 | @night-alt-rain: "\f028";
8 | @night-alt-rain-mix: "\f026";
9 | @night-alt-rain-wind: "\f027";
10 | @night-alt-showers: "\f029";
11 | @night-alt-sleet: "\f0b4";
12 | @night-alt-sleet-storm: "\f06a";
13 | @night-alt-snow: "\f02a";
14 | @night-alt-snow-thunderstorm: "\f06d";
15 | @night-alt-snow-wind: "\f067";
16 | @night-alt-sprinkle: "\f02b";
17 | @night-alt-storm-showers: "\f02c";
18 | @night-alt-thunderstorm: "\f02d";
19 | @night-cloudy: "\f031";
20 | @night-cloudy-gusts: "\f02f";
21 | @night-cloudy-windy: "\f030";
22 | @night-fog: "\f04a";
23 | @night-hail: "\f032";
24 | @night-lightning: "\f033";
25 | @night-partly-cloudy: "\f083";
26 | @night-rain: "\f036";
27 | @night-rain-mix: "\f034";
28 | @night-rain-wind: "\f035";
29 | @night-showers: "\f037";
30 | @night-sleet: "\f0b3";
31 | @night-sleet-storm: "\f069";
32 | @night-snow: "\f038";
33 | @night-snow-thunderstorm: "\f06c";
34 | @night-snow-wind: "\f066";
35 | @night-sprinkle: "\f039";
36 | @night-storm-showers: "\f03a";
37 | @night-thunderstorm: "\f03b";
38 | @lunar-eclipse: "\f070";
39 | @stars: "\f077";
40 | @storm-showers: "\f01d";
41 | @thunderstorm: "\f01e";
42 | @night-alt-cloudy-high: "\f07e";
43 | @night-cloudy-high: "\f080";
44 | @night-alt-partly-cloudy: "\f081";
--------------------------------------------------------------------------------
/src/style/icons/weather-icons/sass/icon-variables/variables-night.scss:
--------------------------------------------------------------------------------
1 | $night-clear: "\f02e";
2 | $night-alt-cloudy: "\f086";
3 | $night-alt-cloudy-gusts: "\f022";
4 | $night-alt-cloudy-windy: "\f023";
5 | $night-alt-hail: "\f024";
6 | $night-alt-lightning: "\f025";
7 | $night-alt-rain: "\f028";
8 | $night-alt-rain-mix: "\f026";
9 | $night-alt-rain-wind: "\f027";
10 | $night-alt-showers: "\f029";
11 | $night-alt-sleet: "\f0b4";
12 | $night-alt-sleet-storm: "\f06a";
13 | $night-alt-snow: "\f02a";
14 | $night-alt-snow-thunderstorm: "\f06d";
15 | $night-alt-snow-wind: "\f067";
16 | $night-alt-sprinkle: "\f02b";
17 | $night-alt-storm-showers: "\f02c";
18 | $night-alt-thunderstorm: "\f02d";
19 | $night-cloudy: "\f031";
20 | $night-cloudy-gusts: "\f02f";
21 | $night-cloudy-windy: "\f030";
22 | $night-fog: "\f04a";
23 | $night-hail: "\f032";
24 | $night-lightning: "\f033";
25 | $night-partly-cloudy: "\f083";
26 | $night-rain: "\f036";
27 | $night-rain-mix: "\f034";
28 | $night-rain-wind: "\f035";
29 | $night-showers: "\f037";
30 | $night-sleet: "\f0b3";
31 | $night-sleet-storm: "\f069";
32 | $night-snow: "\f038";
33 | $night-snow-thunderstorm: "\f06c";
34 | $night-snow-wind: "\f066";
35 | $night-sprinkle: "\f039";
36 | $night-storm-showers: "\f03a";
37 | $night-thunderstorm: "\f03b";
38 | $lunar-eclipse: "\f070";
39 | $stars: "\f077";
40 | $storm-showers: "\f01d";
41 | $thunderstorm: "\f01e";
42 | $night-alt-cloudy-high: "\f07e";
43 | $night-cloudy-high: "\f080";
44 | $night-alt-partly-cloudy: "\f081";
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/less/icon-variables/variables-night.less:
--------------------------------------------------------------------------------
1 | @night-clear: "\f02e";
2 | @night-alt-cloudy: "\f086";
3 | @night-alt-cloudy-gusts: "\f022";
4 | @night-alt-cloudy-windy: "\f023";
5 | @night-alt-hail: "\f024";
6 | @night-alt-lightning: "\f025";
7 | @night-alt-rain: "\f028";
8 | @night-alt-rain-mix: "\f026";
9 | @night-alt-rain-wind: "\f027";
10 | @night-alt-showers: "\f029";
11 | @night-alt-sleet: "\f0b4";
12 | @night-alt-sleet-storm: "\f06a";
13 | @night-alt-snow: "\f02a";
14 | @night-alt-snow-thunderstorm: "\f06d";
15 | @night-alt-snow-wind: "\f067";
16 | @night-alt-sprinkle: "\f02b";
17 | @night-alt-storm-showers: "\f02c";
18 | @night-alt-thunderstorm: "\f02d";
19 | @night-cloudy: "\f031";
20 | @night-cloudy-gusts: "\f02f";
21 | @night-cloudy-windy: "\f030";
22 | @night-fog: "\f04a";
23 | @night-hail: "\f032";
24 | @night-lightning: "\f033";
25 | @night-partly-cloudy: "\f083";
26 | @night-rain: "\f036";
27 | @night-rain-mix: "\f034";
28 | @night-rain-wind: "\f035";
29 | @night-showers: "\f037";
30 | @night-sleet: "\f0b3";
31 | @night-sleet-storm: "\f069";
32 | @night-snow: "\f038";
33 | @night-snow-thunderstorm: "\f06c";
34 | @night-snow-wind: "\f066";
35 | @night-sprinkle: "\f039";
36 | @night-storm-showers: "\f03a";
37 | @night-thunderstorm: "\f03b";
38 | @lunar-eclipse: "\f070";
39 | @stars: "\f077";
40 | @storm-showers: "\f01d";
41 | @thunderstorm: "\f01e";
42 | @night-alt-cloudy-high: "\f07e";
43 | @night-cloudy-high: "\f080";
44 | @night-alt-partly-cloudy: "\f081";
--------------------------------------------------------------------------------
/src/style/less/icons/weather-icons/sass/icon-variables/variables-night.scss:
--------------------------------------------------------------------------------
1 | $night-clear: "\f02e";
2 | $night-alt-cloudy: "\f086";
3 | $night-alt-cloudy-gusts: "\f022";
4 | $night-alt-cloudy-windy: "\f023";
5 | $night-alt-hail: "\f024";
6 | $night-alt-lightning: "\f025";
7 | $night-alt-rain: "\f028";
8 | $night-alt-rain-mix: "\f026";
9 | $night-alt-rain-wind: "\f027";
10 | $night-alt-showers: "\f029";
11 | $night-alt-sleet: "\f0b4";
12 | $night-alt-sleet-storm: "\f06a";
13 | $night-alt-snow: "\f02a";
14 | $night-alt-snow-thunderstorm: "\f06d";
15 | $night-alt-snow-wind: "\f067";
16 | $night-alt-sprinkle: "\f02b";
17 | $night-alt-storm-showers: "\f02c";
18 | $night-alt-thunderstorm: "\f02d";
19 | $night-cloudy: "\f031";
20 | $night-cloudy-gusts: "\f02f";
21 | $night-cloudy-windy: "\f030";
22 | $night-fog: "\f04a";
23 | $night-hail: "\f032";
24 | $night-lightning: "\f033";
25 | $night-partly-cloudy: "\f083";
26 | $night-rain: "\f036";
27 | $night-rain-mix: "\f034";
28 | $night-rain-wind: "\f035";
29 | $night-showers: "\f037";
30 | $night-sleet: "\f0b3";
31 | $night-sleet-storm: "\f069";
32 | $night-snow: "\f038";
33 | $night-snow-thunderstorm: "\f06c";
34 | $night-snow-wind: "\f066";
35 | $night-sprinkle: "\f039";
36 | $night-storm-showers: "\f03a";
37 | $night-thunderstorm: "\f03b";
38 | $lunar-eclipse: "\f070";
39 | $stars: "\f077";
40 | $storm-showers: "\f01d";
41 | $thunderstorm: "\f01e";
42 | $night-alt-cloudy-high: "\f07e";
43 | $night-cloudy-high: "\f080";
44 | $night-alt-partly-cloudy: "\f081";
--------------------------------------------------------------------------------
/src/components/demo/fieldArrays/renderMembers.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Field,FieldArray } from 'redux-form'
3 | import inputField from '../../utils/validation/inputField';
4 | import renderHobbies from './renderHobbies';
5 |
6 | const renderMembers = ({ fields, meta: { error, submitFailed } }) => (
7 |
36 | )
37 |
38 | export default renderMembers;
39 |
--------------------------------------------------------------------------------
/src/components/demo/fieldArrays/FieldArraysForm.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Field, FieldArray, reduxForm } from 'redux-form'
3 | import { connect } from 'react-redux'
4 | import inputField from '../../utils/validation/inputField';
5 | import renderMembers from './renderMembers';
6 | import validate from './validate';
7 |
8 | let FieldArraysForm = props => {
9 | const { handleSubmit, pristine, reset, submitting } = props
10 | return (
11 |
26 | )
27 | }
28 |
29 | FieldArraysForm = reduxForm({
30 | form: 'fieldArrays', // a unique identifier for this form
31 | validate
32 | })(FieldArraysForm)
33 |
34 | FieldArraysForm = connect(
35 | state => ({
36 | initialValues: {
37 | members:[
38 | {
39 | firstName:'abc',
40 | lastName:'123'
41 | }
42 | ]
43 | }
44 | }),
45 | )(FieldArraysForm)
46 |
47 | export default FieldArraysForm
--------------------------------------------------------------------------------
/src/store/configureStore.dev.js:
--------------------------------------------------------------------------------
1 | import {applyMiddleware, createStore, compose} from 'redux';
2 | import {routerMiddleware} from 'react-router-redux';
3 | import {history} from '../router/history';
4 |
5 | import { createLogger } from 'redux-logger';
6 | import thunk from 'redux-thunk';
7 | // import promise from 'redux-promise';
8 |
9 | import Perf from 'react-addons-perf'
10 |
11 | import rootReducer from '../reducers/rootReducer';
12 |
13 | // Create a history of your choosing (we're using a browser history in this case)
14 | // Build the middleware for intercepting and dispatching navigation actions
15 | const historyMiddleware = routerMiddleware(history);
16 |
17 | const logger = createLogger({
18 | // ...options
19 | options:{
20 | timestamp:true
21 | }
22 | });
23 |
24 | // Be sure to ONLY add this middleware in development!
25 | // const middlewares = process.env.NODE_ENV !== 'production' ?
26 | // [require('redux-immutable-state-invariant').default(), thunk,historyMiddleware,logger] :
27 | // [thunk,historyMiddleware,logger];
28 | const middlewares = [
29 | // require('redux-immutable-state-invariant').default(),
30 | thunk,
31 | historyMiddleware,
32 | logger
33 | ];
34 |
35 | const win = window;
36 | win.Perf = Perf
37 | const storeEnhancers = compose(
38 | applyMiddleware(...middlewares),
39 | (win && win.devToolsExtension) ? win.devToolsExtension() : (f) => f,
40 | );
41 |
42 | const configureStore = preloadedState => {
43 | const store = createStore(rootReducer, preloadedState, storeEnhancers);
44 | return store;
45 | }
46 | export default configureStore;
47 |
--------------------------------------------------------------------------------