4.25.5

Author: unknown

.huskyrc.json

@@ -1,5 +1,5 @@
 {
   "hooks": {
-    "pre-commit": ""
+    "pre-commit": "lint-staged"
   }
 }

README.md

@@ -58,7 +58,7 @@ All fully responsive. All compatible with different browsers.
 
 # Version:
 
-- MDBReact 4.25.4
+- MDBReact 4.25.5
 - React 16.12.0
 
 # Quick start

README.txt

@@ -1,6 +1,6 @@
 Material Design for Bootstrap
 
-Version: MDB React 4.25.4
+Version: MDB React Pro 4.25.5
 
 Documentation:
 https://mdbootstrap.com/docs/react/

dist/css/mdb.css

@@ -1,6 +1,6 @@
 {
   "name": "mdbreact",
-  "version": "4.25.4",
+  "version": "4.25.5",
   "author": "MDBootstrap",
   "repository": "https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design",
   "main": "dist/mdbreact.js",
@@ -98,7 +98,7 @@
     "rollup": "^1.29.0",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-dts": "^1.2.0",
+    "rollup-plugin-dts": "1.2.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-peer-deps-external": "2.2.0",
     "rollup-plugin-postcss": "2.0.3",

dist/mdbreact.esm.js

@@ -16,13 +16,17 @@ class Input extends React.Component {
     // User wants to access the input ref, but we have to use it intenrally to.
     // Return Ref instance to share ref with parent
     // then user sets ref as a callback -> inputRef={ref => this.myInputRef = ref}
-    const { inputRef, focused } = this.props;
+    const { inputRef, focused, indeterminate } = this.props;
     inputRef && inputRef(this.inputElementRef.current);
     if (focused === true) {
       this.setState({ isFocused: focused }, () => {
         this.setFocus();
       });
     }
+
+    if (indeterminate) {
+      this.inputElementRef.current.indeterminate = true;
+    }
   }
 
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -88,6 +92,7 @@ class Input extends React.Component {
       disabled,
       error,
       filled,
+      focused,
       gap,
       getValue,
       group,
@@ -96,20 +101,20 @@ class Input extends React.Component {
       iconBrand,
       iconClass,
       iconLight,
-      onIconClick,
-      onIconMouseEnter,
-      onIconMouseLeave,
       iconRegular,
       iconSize,
       id,
+      indeterminate,
       inputRef,
-      noTag,
-      focused,
-      outline,
       label,
       labelClass,
       labelId,
       labelStyles,
+      noTag,
+      onIconClick,
+      onIconMouseEnter,
+      onIconMouseLeave,
+      outline,
       size,
       success,
       tag: Tag,
@@ -119,6 +124,7 @@ class Input extends React.Component {
       valueDefault,
       ...attributes
     } = this.props;
+
     const { innerValue, isFocused } = this.state;
     const isNotEmpty =
       (!!innerValue || !!hint || isFocused || innerValue === 0) && type !== 'checkbox' && type !== 'radio';
@@ -240,6 +246,7 @@ Input.propTypes = {
   iconRegular: PropTypes.bool,
   iconSize: PropTypes.string,
   id: PropTypes.string,
+  indeterminate: PropTypes.bool,
   inputRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.bool]),
   labelClass: PropTypes.string,
@@ -275,6 +282,7 @@ Input.defaultProps = {
   icon: '',
   iconBrand: false,
   focused: false,
+  indeterminate: false,
   iconClass: '',
   iconLight: false,
   onIconMouseEnter: () => {},
@@ -284,7 +292,7 @@ Input.defaultProps = {
   id: undefined,
   noTag: false,
   outline: false,
-  label: '',
+  label: ' ',
   labelClass: '',
   labelId: '',
   size: '',