diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..1f22710 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,21 @@ +# EditorConfig helps developers define and maintain consistent +# coding styles between different editors and IDEs +# editorconfig.org + +root = true + + +[*] + +# change these settings to your own preference +indent_style = space +indent_size = 2 + +# we recommend you to keep these unchanged +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 0000000..1a4b7dd --- /dev/null +++ b/.eslintrc @@ -0,0 +1,326 @@ +{ + "parser": "babel-eslint", + + "env": { + "browser": true, + "node": true, + "es6": true + }, + + "parserOptions": { + "sourceType": "module", + "ecmaFeatures": { + "jsx": true + } + }, + + "plugins": [ + "ava", + "babel", + "import", + "react", + "react-native", + ], + + "globals": { + "ReactClass": false, + "ReactPropsCheckType": false, + "ReactPropsChainableTypeChecker": false, + "ReactPropTypes": false, + "SyntheticEvent": false, + }, + + "rules": { + "comma-dangle": [1,"always-multiline"], + "max-depth": 0, + "max-len": 0, + "max-params": 0, + "max-statements-per-line": 0, + "max-statements": 0, + "no-cond-assign": 2, + "no-console": 1, + "no-constant-condition": 2, + "no-control-regex": 2, + "no-debugger": 2, + "no-dupe-args": 2, + "no-dupe-keys": 2, + "no-duplicate-case": 2, + "no-duplicate-imports": 2, + "no-empty-character-class": 2, + "no-empty-pattern": 2, + "no-empty": 2, + "no-ex-assign": 2, + "no-extra-boolean-cast": 2, + "no-extra-label": 2, + "no-extra-parens": 0, + "no-extra-semi": 2, + "no-func-assign": 2, + "no-inner-declarations": 2, + "no-invalid-regexp": 2, + "no-irregular-whitespace": 2, + "no-negated-in-lhs": 2, + "no-obj-calls": 2, + "no-regex-spaces": 2, + "no-restricted-globals": 0, + "no-sparse-arrays": 2, + "no-unexpected-multiline": 2, + "no-unreachable": 2, + "template-curly-spacing": 1, + "use-isnan": 2, + "valid-jsdoc": 1, + "valid-typeof": 2, + + "accessor-pairs": 0, + "block-scoped-var": 2, + "complexity": 0, + "consistent-return": 2, + "curly": [2, "multi-line"], + "default-case": 0, + "dot-location": [1, "property"], + "dot-notation": 2, + "eqeqeq": 2, + "guard-for-in": 0, + "no-alert": 2, + "no-caller": 2, + "no-case-declarations": 1, + "no-div-regex": 0, + "no-else-return": 0, + "no-eq-null": 2, + "no-eval": 2, + "no-extend-native": 2, + "no-extra-bind": 2, + "no-fallthrough": 1, + "no-floating-decimal": 2, + "no-implicit-coercion": 0, + "no-implicit-globals": 0, + "no-implied-eval": 2, + "no-iterator": 2, + "no-labels": 2, + "no-lone-blocks": 2, + "no-loop-func": 2, + "no-multi-spaces": 1, + "no-multi-str": 2, + "no-native-reassign": 2, + "no-negated-condition": 0, + "no-new-func": 2, + "no-new-wrappers": 2, + "no-new": 2, + "no-octal-escape": 2, + "no-octal": 2, + "no-param-reassign": 1, + "no-process-env": 0, + "no-proto": 2, + "no-redeclare": 2, + "no-return-assign": 2, + "no-script-url": 2, + "no-self-assign": 2, + "no-self-compare": 2, + "no-sequences": 2, + "no-unmodified-loop-condition": 2, + "no-unused-expressions": 2, + "no-unused-labels": 2, + "no-useless-call": 2, + "no-useless-concat": 2, + "no-useless-constructor": 2, + "no-useless-escape": 2, + "no-void": 2, + "no-warning-comments": 0, + "no-with": 2, + "radix": 1, + "vars-on-top": 1, + "wrap-iife": 1, + "yoda": [1, "never"], + + "strict": 0, + + "init-declarations": 0, + "no-catch-shadow": 2, + "no-delete-var": 2, + "no-label-var": 2, + "no-shadow-restricted-names": 2, + "no-shadow": 2, + "no-undef-init": 2, + "no-undef": 2, + "no-undefined": 2, + "no-unused-vars": 2, + "no-use-before-define": 0, + "no-whitespace-before-property": 1, + + "handle-callback-err": 1, + "no-mixed-requires": 1, + "no-new-require": 0, + "no-path-concat": 0, + "no-process-exit": 0, + "no-restricted-imports": 0, + "no-restricted-modules": 0, + "no-restricted-syntax": 0, + "no-sync": 0, + + "array-bracket-spacing": 0, + "array-callback-return": 2, + "arrow-body-style": 0, + "block-spacing": [1, "always"], + "brace-style": [1, "1tbs", { "allowSingleLine": true }], + "camelcase": 0, + "comma-spacing": [1, { "before": false, "after": true }], + "comma-style": [1, "last"], + "computed-property-spacing": [1, "never"], + "consistent-this": [1, "self"], + "eol-last": 1, + "func-names": 0, + "func-style": 0, + "id-length": 0, + "id-match": 0, + "indent": [1, 2], + "jsx-quotes": [1, "prefer-single"], + "key-spacing": [1, { "beforeColon": false, "afterColon": true }], + "keyword-spacing": 1, + "linebreak-style": 1, + "lines-around-comment": 0, + "max-nested-callbacks": [1, 3], + "new-cap": 0, + "new-parens": 2, + "newline-after-var": 0, + "newline-before-return": 0, + "no-array-constructor": 1, + "no-confusing-arrow": 0, + "no-continue": 0, + "no-inline-comments": 0, + "no-lonely-if": 0, + "no-mixed-spaces-and-tabs": [1, "smart-tabs"], + "no-multiple-empty-lines": 1, + "no-nested-ternary": 1, + "no-new-object": 1, + "no-new-symbol": 2, + "no-spaced-func": 1, + "no-ternary": 0, + "no-trailing-spaces": 1, + "no-underscore-dangle": 0, + "no-unneeded-ternary": 1, + "object-curly-spacing": 0, + "one-var-declaration-per-line": 0, + "one-var": 0, + "operator-assignment": 1, + "operator-linebreak": [2, "after"], + "padded-blocks": 0, + "quote-props": [1, "as-needed"], + "quotes": [1, "single", "avoid-escape"], + "semi-spacing": [2, { "before": false, "after": true }], + "semi": 2, + "sort-imports": 0, + "sort-vars": 0, + "space-before-blocks": 1, + "space-in-parens": [1, "never"], + "space-infix-ops": [1, { "int32Hint": false} ], + "space-unary-ops": [1, { "words": true, "nonwords": false }], + "spaced-comment": [1, "always"], + "wrap-regex": 0, + + "arrow-parens": 0, + "arrow-spacing": [2, { "before": true, "after": true }], + "constructor-super": 2, + "generator-star-spacing": 0, + "no-class-assign": 2, + "no-const-assign": 2, + "no-dupe-class-members": 2, + "no-this-before-super": 2, + "no-var": 1, + "object-shorthand": 0, + "prefer-arrow-callback": 1, + "prefer-const": 1, + "prefer-reflect": 0, + "prefer-rest-params": 1, + "prefer-spread": 1, + "prefer-template": 0, + "require-jsdoc": 0, + "require-yield": 0, + + "ava/assertion-message": [0, "always"], + "ava/max-asserts": [0, 5], + "ava/no-cb-test": 0, + "ava/no-identical-title": 2, + "ava/no-ignored-test-files": 2, + "ava/no-invalid-end": 2, + "ava/no-only-test": 2, + "ava/no-skip-assert": 2, + "ava/no-skip-test": 2, + "ava/no-statement-after-end": 2, + "ava/no-todo-test": 1, + "ava/no-unknown-modifiers": 2, + "ava/prefer-power-assert": 0, + "ava/test-ended": 2, + "ava/test-title": [2, "if-multiple"], + "ava/use-t-well": 2, + "ava/use-t": 2, + "ava/use-test": 2, + "ava/use-true-false": 2, + + "babel/generator-star-spacing": [2, "before"], + "babel/new-cap": 0, + "babel/array-bracket-spacing": [1, "always"], + "babel/object-curly-spacing": [1, "always"], + "babel/object-shorthand": 1, + "babel/arrow-parens": 0, + "babel/no-await-in-loop": 2, + "babel/flow-object-type": [1, "semicolon"], + + "import/no-unresolved": 2, + "import/named": 2, + "import/default": 0, + "import/namespace": 0, + "import/export": 2, + "import/no-named-as-default": 0, + "import/no-named-as-default-member": 0, + "import/no-deprecated": 0, + "import/no-extraneous-dependencies": 0, + "import/no-commonjs": 1, + "import/no-amd": 1, + "import/no-nodejs-modules": 0, + "import/imports-first": 2, + "import/no-duplicates": 2, + "import/no-namespace": 0, + "import/extensions": [2, { "js": "never", "json": "always" }], + "import/order": 0, + + "react/display-name": 0, + "react/forbid-prop-types": 0, + "react/no-danger": 1, + "react/no-deprecated": 1, + "react/no-did-mount-set-state": 2, + "react/no-did-update-set-state": 2, + "react/no-direct-mutation-state": 2, + "react/no-is-mounted": 2, + "react/no-multi-comp": 0, + "react/no-set-state": 0, + "react/no-string-refs": 2, + "react/no-unknown-property": 1, + "react/prefer-es6-class": 1, + "react/prop-types": 1, + "react/react-in-jsx-scope": 1, + "react/require-render-return": 2, + "react/self-closing-comp": 1, + "react/sort-comp": 1, + "react/sort-prop-types": 0, + "react/jsx-boolean-value": [1, "never"], + "react/jsx-closing-bracket-location": 1, + "react/jsx-curly-spacing": [1, "never"], + "react/jsx-equals-spacing": 1, + "react/jsx-first-prop-new-line": [1, "multiline"], + "react/jsx-handler-names": 0, + "react/jsx-indent-props": [1, 2], + "react/jsx-key": 2, + "react/jsx-max-props-per-line": [1, { "maximum": 2 }], + "react/jsx-no-bind": 1, + "react/jsx-no-duplicate-props": 2, + "react/jsx-no-literals": 0, + "react/jsx-no-undef": 2, + "react/jsx-pascal-case": 2, + "react/jsx-sort-props": 0, + "react/jsx-uses-react": 1, + "react/jsx-uses-vars": 1, + "react/jsx-wrap-multilines": 1, + + "react-native/no-unused-styles": 1, + "react-native/split-platform-components": 1, + } +} diff --git a/ReactNativePaperExample/.babelrc b/example/.babelrc similarity index 100% rename from ReactNativePaperExample/.babelrc rename to example/.babelrc diff --git a/ReactNativePaperExample/.buckconfig b/example/.buckconfig similarity index 100% rename from ReactNativePaperExample/.buckconfig rename to example/.buckconfig diff --git a/ReactNativePaperExample/.flowconfig b/example/.flowconfig similarity index 100% rename from ReactNativePaperExample/.flowconfig rename to example/.flowconfig diff --git a/ReactNativePaperExample/.gitignore b/example/.gitignore similarity index 100% rename from ReactNativePaperExample/.gitignore rename to example/.gitignore diff --git a/ReactNativePaperExample/.watchmanconfig b/example/.watchmanconfig similarity index 100% rename from ReactNativePaperExample/.watchmanconfig rename to example/.watchmanconfig diff --git a/ReactNativePaperExample/__tests__/index.android.js b/example/__tests__/index.android.js similarity index 100% rename from ReactNativePaperExample/__tests__/index.android.js rename to example/__tests__/index.android.js diff --git a/ReactNativePaperExample/__tests__/index.ios.js b/example/__tests__/index.ios.js similarity index 100% rename from ReactNativePaperExample/__tests__/index.ios.js rename to example/__tests__/index.ios.js diff --git a/ReactNativePaperExample/android/app/BUCK b/example/android/app/BUCK similarity index 100% rename from ReactNativePaperExample/android/app/BUCK rename to example/android/app/BUCK diff --git a/ReactNativePaperExample/android/app/build.gradle b/example/android/app/build.gradle similarity index 100% rename from ReactNativePaperExample/android/app/build.gradle rename to example/android/app/build.gradle diff --git a/ReactNativePaperExample/android/app/proguard-rules.pro b/example/android/app/proguard-rules.pro similarity index 100% rename from ReactNativePaperExample/android/app/proguard-rules.pro rename to example/android/app/proguard-rules.pro diff --git a/ReactNativePaperExample/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml similarity index 100% rename from ReactNativePaperExample/android/app/src/main/AndroidManifest.xml rename to example/android/app/src/main/AndroidManifest.xml diff --git a/ReactNativePaperExample/android/app/src/main/java/com/reactnativepaperexample/MainActivity.java b/example/android/app/src/main/java/com/reactnativepaperexample/MainActivity.java similarity index 100% rename from ReactNativePaperExample/android/app/src/main/java/com/reactnativepaperexample/MainActivity.java rename to example/android/app/src/main/java/com/reactnativepaperexample/MainActivity.java diff --git a/ReactNativePaperExample/android/app/src/main/java/com/reactnativepaperexample/MainApplication.java b/example/android/app/src/main/java/com/reactnativepaperexample/MainApplication.java similarity index 100% rename from ReactNativePaperExample/android/app/src/main/java/com/reactnativepaperexample/MainApplication.java rename to example/android/app/src/main/java/com/reactnativepaperexample/MainApplication.java diff --git a/ReactNativePaperExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png rename to example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png diff --git a/ReactNativePaperExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png rename to example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png diff --git a/ReactNativePaperExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png rename to example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png diff --git a/ReactNativePaperExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png rename to example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png diff --git a/ReactNativePaperExample/android/app/src/main/res/values/strings.xml b/example/android/app/src/main/res/values/strings.xml similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/values/strings.xml rename to example/android/app/src/main/res/values/strings.xml diff --git a/ReactNativePaperExample/android/app/src/main/res/values/styles.xml b/example/android/app/src/main/res/values/styles.xml similarity index 100% rename from ReactNativePaperExample/android/app/src/main/res/values/styles.xml rename to example/android/app/src/main/res/values/styles.xml diff --git a/ReactNativePaperExample/android/build.gradle b/example/android/build.gradle similarity index 100% rename from ReactNativePaperExample/android/build.gradle rename to example/android/build.gradle diff --git a/ReactNativePaperExample/android/gradle.properties b/example/android/gradle.properties similarity index 100% rename from ReactNativePaperExample/android/gradle.properties rename to example/android/gradle.properties diff --git a/ReactNativePaperExample/android/gradle/wrapper/gradle-wrapper.jar b/example/android/gradle/wrapper/gradle-wrapper.jar similarity index 100% rename from ReactNativePaperExample/android/gradle/wrapper/gradle-wrapper.jar rename to example/android/gradle/wrapper/gradle-wrapper.jar diff --git a/ReactNativePaperExample/android/gradle/wrapper/gradle-wrapper.properties b/example/android/gradle/wrapper/gradle-wrapper.properties similarity index 100% rename from ReactNativePaperExample/android/gradle/wrapper/gradle-wrapper.properties rename to example/android/gradle/wrapper/gradle-wrapper.properties diff --git a/ReactNativePaperExample/android/gradlew b/example/android/gradlew similarity index 100% rename from ReactNativePaperExample/android/gradlew rename to example/android/gradlew diff --git a/ReactNativePaperExample/android/gradlew.bat b/example/android/gradlew.bat similarity index 100% rename from ReactNativePaperExample/android/gradlew.bat rename to example/android/gradlew.bat diff --git a/ReactNativePaperExample/android/keystores/BUCK b/example/android/keystores/BUCK similarity index 100% rename from ReactNativePaperExample/android/keystores/BUCK rename to example/android/keystores/BUCK diff --git a/ReactNativePaperExample/android/keystores/debug.keystore.properties b/example/android/keystores/debug.keystore.properties similarity index 100% rename from ReactNativePaperExample/android/keystores/debug.keystore.properties rename to example/android/keystores/debug.keystore.properties diff --git a/ReactNativePaperExample/android/settings.gradle b/example/android/settings.gradle similarity index 100% rename from ReactNativePaperExample/android/settings.gradle rename to example/android/settings.gradle diff --git a/ReactNativePaperExample/index.android.js b/example/index.android.js similarity index 91% rename from ReactNativePaperExample/index.android.js rename to example/index.android.js index d78f407..a320034 100644 --- a/ReactNativePaperExample/index.android.js +++ b/example/index.android.js @@ -1,15 +1,11 @@ -/** - * Sample React Native App - * https://github.com/facebook/react-native - * @flow - */ +/* @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, - View + View, } from 'react-native'; export default class ReactNativePaperExample extends Component { diff --git a/ReactNativePaperExample/index.ios.js b/example/index.ios.js similarity index 91% rename from ReactNativePaperExample/index.ios.js rename to example/index.ios.js index cdde515..cab33ee 100644 --- a/ReactNativePaperExample/index.ios.js +++ b/example/index.ios.js @@ -1,15 +1,11 @@ -/** - * Sample React Native App - * https://github.com/facebook/react-native - * @flow - */ +/* @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, - View + View, } from 'react-native'; export default class ReactNativePaperExample extends Component { diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample.xcodeproj/project.pbxproj b/example/ios/ReactNativePaperExample.xcodeproj/project.pbxproj similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample.xcodeproj/project.pbxproj rename to example/ios/ReactNativePaperExample.xcodeproj/project.pbxproj diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample.xcodeproj/xcshareddata/xcschemes/ReactNativePaperExample.xcscheme b/example/ios/ReactNativePaperExample.xcodeproj/xcshareddata/xcschemes/ReactNativePaperExample.xcscheme similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample.xcodeproj/xcshareddata/xcschemes/ReactNativePaperExample.xcscheme rename to example/ios/ReactNativePaperExample.xcodeproj/xcshareddata/xcschemes/ReactNativePaperExample.xcscheme diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/AppDelegate.h b/example/ios/ReactNativePaperExample/AppDelegate.h similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/AppDelegate.h rename to example/ios/ReactNativePaperExample/AppDelegate.h diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/AppDelegate.m b/example/ios/ReactNativePaperExample/AppDelegate.m similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/AppDelegate.m rename to example/ios/ReactNativePaperExample/AppDelegate.m diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/Base.lproj/LaunchScreen.xib b/example/ios/ReactNativePaperExample/Base.lproj/LaunchScreen.xib similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/Base.lproj/LaunchScreen.xib rename to example/ios/ReactNativePaperExample/Base.lproj/LaunchScreen.xib diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/Images.xcassets/AppIcon.appiconset/Contents.json b/example/ios/ReactNativePaperExample/Images.xcassets/AppIcon.appiconset/Contents.json similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/Images.xcassets/AppIcon.appiconset/Contents.json rename to example/ios/ReactNativePaperExample/Images.xcassets/AppIcon.appiconset/Contents.json diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/Info.plist b/example/ios/ReactNativePaperExample/Info.plist similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/Info.plist rename to example/ios/ReactNativePaperExample/Info.plist diff --git a/ReactNativePaperExample/ios/ReactNativePaperExample/main.m b/example/ios/ReactNativePaperExample/main.m similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExample/main.m rename to example/ios/ReactNativePaperExample/main.m diff --git a/ReactNativePaperExample/ios/ReactNativePaperExampleTests/Info.plist b/example/ios/ReactNativePaperExampleTests/Info.plist similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExampleTests/Info.plist rename to example/ios/ReactNativePaperExampleTests/Info.plist diff --git a/ReactNativePaperExample/ios/ReactNativePaperExampleTests/ReactNativePaperExampleTests.m b/example/ios/ReactNativePaperExampleTests/ReactNativePaperExampleTests.m similarity index 100% rename from ReactNativePaperExample/ios/ReactNativePaperExampleTests/ReactNativePaperExampleTests.m rename to example/ios/ReactNativePaperExampleTests/ReactNativePaperExampleTests.m diff --git a/ReactNativePaperExample/package.json b/example/package.json similarity index 80% rename from ReactNativePaperExample/package.json rename to example/package.json index 2c712db..502f28b 100644 --- a/ReactNativePaperExample/package.json +++ b/example/package.json @@ -1,5 +1,5 @@ { - "name": "ReactNativePaperExample", + "name": "react-native-paper-example", "version": "0.0.1", "private": true, "scripts": { @@ -8,10 +8,8 @@ }, "dependencies": { "react": "15.3.2", - "react-native": "0.35.0" - }, - "jest": { - "preset": "jest-react-native" + "react-native": "0.35.0", + "react-native-paper": "file:../" }, "devDependencies": { "babel-jest": "16.0.0", @@ -19,5 +17,8 @@ "jest": "16.0.2", "jest-react-native": "16.0.0", "react-test-renderer": "15.3.2" + }, + "jest": { + "preset": "jest-react-native" } } diff --git a/src/styles/DefaultTheme.js b/src/styles/DefaultTheme.js index 3bb43bd..a0618ec 100644 --- a/src/styles/DefaultTheme.js +++ b/src/styles/DefaultTheme.js @@ -3,15 +3,15 @@ import { indigo500, indigo700, - pinkA200 + pinkA200, } from './colors'; const DefaultTheme = () => { - return { - primaryColor: indigo500, - primaryDarkColor: indigo700, - accentColor: pinkA200, - }; + return { + primaryColor: indigo500, + primaryDarkColor: indigo700, + accentColor: pinkA200, + }; }; export default DefaultTheme; diff --git a/src/styles/ThemeProvider.js b/src/styles/ThemeProvider.js index a87d0bd..94f04dd 100644 --- a/src/styles/ThemeProvider.js +++ b/src/styles/ThemeProvider.js @@ -2,7 +2,7 @@ import { Component, - PropTypes + PropTypes, } from 'react'; import DefaultTheme from './DefaultTheme';