tslint

Author: danieloprado

components/Abstract/SelectionBase.tsx

@@ -62,7 +62,7 @@ export default class FieldSelectionBase extends FieldCoreBase<IProps> {
       <FormControlLabel
         className={helperText ? classes.containerAlign : null}
         control={
-          checked ? //force recreation 
+          checked ? //force recreation
             <Component
               checked={true}
               disabled={disabled}

components/Autocomplete/index.tsx

@@ -126,6 +126,8 @@ export default class FieldAutocomplete extends FieldCoreBase<IProps, IState> {
     this.onChange(null);
   }
 
+  shouldRenderSuggestions = () => true;
+
   render() {
     const { term, suggestions } = this.state;
     const { classes, placeholder, disabled, label } = this.props;
@@ -144,7 +146,7 @@ export default class FieldAutocomplete extends FieldCoreBase<IProps, IState> {
           }}
           renderInputComponent={Input}
           renderSuggestionsContainer={SuggestionsContainer}
-          shouldRenderSuggestions={() => true}
+          shouldRenderSuggestions={this.shouldRenderSuggestions}
           onSuggestionsFetchRequested={this.handleSuggestionsFetchRequested}
           onSuggestionsClearRequested={this.handleSuggestionsClearRequested}
           getSuggestionValue={this.getSuggestionValue}

components/Checkbox.tsx

@@ -5,10 +5,12 @@ import FieldSelectionBase, { IPropsSelectionBase } from './Abstract/SelectionBas
 
 export default class FieldCheckbox extends React.PureComponent<IPropsSelectionBase> {
   render() {
-    return <FieldSelectionBase
-      {...this.props}
-      value={this.props.value || null}
-      Component={Checkbox}
-    />;
+    return (
+      <FieldSelectionBase
+        {...this.props}
+        value={this.props.value || null}
+        Component={Checkbox}
+      />
+    );
   }
 }

components/Color/index.tsx

@@ -19,9 +19,8 @@ export default class FieldColor extends FieldCoreBase<IProps, IState> {
     this.state = { ...this.state, showPicker: false };
   }
 
-  setShowPicker = (showPicker: boolean) => {
-    this.setState({ showPicker });
-  }
+  showPicker = () => this.setState({ showPicker: true });
+  hidePicker = () => this.setState({ showPicker: false });
 
   onChange = (event: any) => {
     getConfig().validationOn === 'onChange' && this.setState({ showError: true });
@@ -56,14 +55,14 @@ export default class FieldColor extends FieldCoreBase<IProps, IState> {
             touched: null,
             loading: null
           }}
-          onClick={() => this.setShowPicker(true)}
+          onClick={this.showPicker}
           InputProps={{ style: { color: value } }}
         />
         {showPicker && (
           <PickerDialog
             value={value || ''}
-            onDismiss={() => this.setShowPicker(false)}
-            onChange={e => this.onChange(e)}
+            onDismiss={this.hidePicker}
+            onChange={this.onChange}
           />
         )}
       </React.Fragment>

components/CustomMessage.tsx

@@ -1,3 +1,3 @@
-import CustomMessageComponent from '@react-form-fields/core/components/CustomMessage';
+import CustomMessage from '@react-form-fields/core/components/CustomMessage';
 
-export default CustomMessageComponent;
+export default CustomMessage;

components/Radio.tsx

@@ -5,9 +5,11 @@ import FieldSelectionBase, { IPropsSelectionBase } from './Abstract/SelectionBas
 
 export default class FieldRadio extends React.PureComponent<IPropsSelectionBase> {
   render() {
-    return <FieldSelectionBase
-      {...this.props}
-      Component={Radio}
-    />;
+    return (
+      <FieldSelectionBase
+        {...this.props}
+        Component={Radio}
+      />
+    );
   }
 }

components/Switch.tsx

@@ -5,10 +5,12 @@ import FieldSelectionBase, { IPropsSelectionBase } from './Abstract/SelectionBas
 
 export default class FieldSwitch extends React.PureComponent<IPropsSelectionBase> {
   render() {
-    return <FieldSelectionBase
-      {...this.props}
-      value={this.props.value || null}
-      Component={Switch}
-    />;
+    return (
+      <FieldSelectionBase
+        {...this.props}
+        value={this.props.value || null}
+        Component={Switch}
+      />
+    );
   }
 }

config.ts

@@ -11,7 +11,7 @@ declare module '@react-form-fields/core/config' {
 const defaultConfig: coreConfig.IConfig = {
   validationOn: 'onChange',
   dateFormat: 'dd/MM/yyyy'
-}
+};
 
 export function getConfig(): coreConfig.IConfig {
   return {

package.json

@@ -10,7 +10,7 @@
     "validation",
     "material"
   ],
-  "version": "1.10.0",
+  "version": "1.10.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -28,9 +28,14 @@
   "scripts": {
     "docs:dev": "(cd docs/project && yarn && yarn start)",
     "docs:build": "sh docs/build.sh",
-    "precommit": "yarn tsc --noEmit",
     "prepare": "yarn tsc"
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "concurrently -r \"yarn tslint -p tsconfig.json\" \"yarn tsc --noEmit\"",
+      "post-merge": "yarn"
+    }
+  },
   "dependencies": {
     "@react-form-fields/core": ">=1.1.0",
     "autosuggest-highlight": ">=3.0.0",
@@ -52,8 +57,12 @@
     "@types/react-autosuggest": "9.3.5",
     "@types/react-color": "2.13.6",
     "@types/validatorjs": "3.7.1",
-    "husky": "0.14.3",
+    "concurrently": "4.1.0",
+    "husky": "1.2.0",
     "react": ">=16.3.0",
+    "tslint": "5.11.0",
+    "tslint-eslint-rules": "5.4.0",
+    "tslint-react": "^3.6.0",
     "typescript": "3.0.1"
   }
 }

tslint.json

@@ -0,0 +1,91 @@
+{
+  "extends": "tslint-react",
+  "rules": {
+    "adjacent-overload-signatures": true,
+    "import-blacklist": [
+      true,
+      "@material-ui/core",
+      "@material-ui/icons",
+      "mdi-react",
+      "lodash"
+    ],
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "interface-name": [
+      true,
+      "always-prefix"
+    ],
+    "jsx-boolean-value": [
+      "never"
+    ],
+    "jsx-no-multiline-js": false,
+    "linebreak-style": [
+      false,
+      "LF"
+    ],
+    "max-file-line-count": [
+      true,
+      300
+    ],
+    "max-line-length": [
+      false,
+      150
+    ],
+    "no-consecutive-blank-lines": [
+      true
+    ],
+    "no-default-export": false,
+    "no-duplicate-variable": true,
+    "no-extra-semi": [
+      true
+    ],
+    "no-namespace": [
+      true,
+      "allow-declarations"
+    ],
+    "no-reference": true,
+    "no-require-imports": false,
+    "no-trailing-whitespace": true,
+    "no-var-keyword": [
+      true
+    ],
+    "object-literal-key-quotes": [
+      true,
+      "as-needed"
+    ],
+    "object-literal-shorthand": true,
+    "only-arrow-functions": [
+      false
+    ],
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "semicolon": [
+      true,
+      "always"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      },
+      {
+        "call-signature": "onespace",
+        "index-signature": "onespace",
+        "parameter": "onespace",
+        "property-declaration": "onespace",
+        "variable-declaration": "onespace"
+      }
+    ]
+  },
+  "rulesDirectory": [
+    "node_modules/tslint-eslint-rules/dist/rules"
+  ]
+}