v2.0.0

Author: danieloprado

components/Abstract/SelectionBase.tsx

@@ -8,7 +8,7 @@ import { getConfig } from '../../config';
 import { WithStyles } from '../../decorators/withStyles';
 
 export interface IPropsSelectionBase extends IPropsFieldBase {
-  onChange: (value: any) => void;
+  onChange: (value: any, event: React.ChangeEvent<any>) => void;
   label?: string;
   disabled?: boolean;
   checked: boolean;
@@ -60,10 +60,10 @@ export default class FieldSelectionBase extends FieldCoreBase<IProps> {
     }
 
     getConfig().validationOn === 'onChange' && this.setState({ showError: true });
-    this.props.onChange(value);
+    this.props.onChange(value, event);
   }
 
-  onBlur = (e: any) => {
+  onBlur = () => {
     getConfig().validationOn === 'onBlur' && this.setState({ showError: true });
   }
 

components/Autocomplete/styles.tsx

@@ -18,7 +18,7 @@ const styles: AppStyle = theme => ({
     overflow: 'hidden',
   },
   chip: {
-    margin: `${theme.spacing.unit / 2}px ${theme.spacing.unit / 4}px`,
+    margin: `${theme.spacing(1) / 2}px ${theme.spacing(1) / 4}px`,
   },
   chipFocused: {
     backgroundColor: emphasize(
@@ -27,7 +27,7 @@ const styles: AppStyle = theme => ({
     ),
   },
   noOptionsMessage: {
-    padding: `${theme.spacing.unit}px ${theme.spacing.unit * 2}px`,
+    padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,
   },
   singleValue: {
     fontSize: 16,
@@ -43,7 +43,7 @@ const styles: AppStyle = theme => ({
     borderRadius: theme.shape.borderRadius,
   },
   divider: {
-    height: theme.spacing.unit * 2,
+    height: theme.spacing(2),
   },
 });
 

components/Html/index.tsx

@@ -126,7 +126,7 @@ export default class FieldHtml extends FieldCoreBase<IProps, IState> {
         <div className={classes.label}>
           <InputLabel error={!!this.errorMessage} required={this.isRequired} focused={focused}>{label}</InputLabel>
           {helperText || this.errorMessage ?
-            <Typography variant='caption' color={this.errorMessage ? 'error' : 'default'}>
+            <Typography variant='caption' color={this.errorMessage ? 'error' : null}>
               {this.errorMessage || helperText}
             </Typography>
             : null

decorators/withStyles.ts

@@ -1,16 +1,20 @@
-import { StyleRules, StyleRulesCallback, Theme } from '@material-ui/core/styles';
-import withStyles, { WithStylesOptions } from '@material-ui/core/styles/withStyles';
+import { Theme } from '@material-ui/core/styles';
+import withStyles, { Styles, WithStylesOptions } from '@material-ui/core/styles/withStyles';
 
-export function WithStyles(
-  styles: StyleRules<any> | StyleRulesCallback<any>,
-  options?: WithStylesOptions
+export function WithStyles<
+  ClassKey extends string,
+  Options extends WithStylesOptions<Theme> = {},
+  Props extends object = {}
+>(
+  styles: Styles<Theme, Props, ClassKey>,
+  options?: Options
 ) {
   return function <T>(target: T): T {
     return withStyles(styles, options)(target as any) as any;
   };
 }
 
-export type AppStyle<Classkeys extends string = string> = StyleRules<Classkeys> | StyleRulesCallback<Classkeys>;
+export type AppStyle<Classkeys extends string = string> = Styles<Theme, {}, Classkeys>;
 
 export interface IStyledProps {
   classes?: any;

package.json

@@ -10,7 +10,7 @@
     "validation",
     "material"
   ],
-  "version": "1.19.13",
+  "version": "2.0.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -39,38 +39,38 @@
     }
   },
   "dependencies": {
-    "@date-io/date-fns": "^1.1.0",
+    "@date-io/date-fns": "^1.3.7",
     "@react-form-fields/core": "^1.5.4",
-    "@types/classnames": "^2.2.7",
-    "@types/jquery": "^3.3.29",
-    "@types/react-autosuggest": "9.3.7",
-    "@types/react-color": "2.17.0",
-    "@types/react-select": "^2.0.15",
+    "@types/classnames": "^2.2.8",
+    "@types/jquery": "^3.3.30",
+    "@types/react-autosuggest": "9.3.9",
+    "@types/react-color": "3.0.1",
+    "@types/react-select": "^2.0.19",
     "@types/validatorjs": "3.15.0",
     "classnames": "^2.2.6",
     "date-fns": "2.0.0-alpha.21",
-    "jquery": ">=1.8",
+    "jquery": ">=3.4",
     "material-ui-pickers": "^2.2.4",
-    "react-color": ">=2.17.0",
-    "react-select": "^2.4.2",
-    "trumbowyg": "^2.15.1",
-    "tslib": ">=1.9.3",
+    "react-color": ">=2.17.3",
+    "react-select": "^3.0.4",
+    "trumbowyg": "^2.18.0",
+    "tslib": ">=1.10.0",
     "validatorjs": ">=3.15.1"
   },
   "peerDependencies": {
-    "@material-ui/core": ">=3.9.2",
-    "@material-ui/icons": ">=3.0.2",
-    "react": ">=16.0.0"
+    "@material-ui/core": ">=4.1.2",
+    "@material-ui/icons": ">=4.2.1",
+    "react": ">=16.8.6"
   },
   "devDependencies": {
-    "@material-ui/core": ">=3.9.2",
-    "@material-ui/icons": ">=3.0.2",
+    "@material-ui/core": ">=4.1.2",
+    "@material-ui/icons": ">=4.2.1",
     "concurrently": "4.1.0",
-    "husky": "1.3.1",
+    "husky": "2.5.0",
     "react": ">=16.8.4",
-    "tslint": "5.14.0",
+    "tslint": "5.18.0",
     "tslint-eslint-rules": "5.4.0",
-    "tslint-react": "3.6.0",
-    "typescript": "3.3.4000"
+    "tslint-react": "4.0.0",
+    "typescript": "3.5.2"
   }
 }