From 1091b22c18a26eb73e7a7ceb6da774320d5e965e Mon Sep 17 00:00:00 2001 From: "Mujtaba F. Radhi" Date: Sun, 26 Apr 2020 04:22:08 +0300 Subject: [PATCH 1/3] Added option disableLabelAnimation --- src/components/field/index.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/field/index.js b/src/components/field/index.js index 281b7451..39f59d90 100644 --- a/src/components/field/index.js +++ b/src/components/field/index.js @@ -28,6 +28,9 @@ function labelStateFromProps(props, state) { let { placeholder, defaultValue } = props; let { text, receivedFocus } = state; + if (props.disableLabelAnimation) { + return true; + } return !!(placeholder || text || (!receivedFocus && defaultValue)); } From 90e9972506df292dccb113c29dd6bfcba9a78801 Mon Sep 17 00:00:00 2001 From: "Mujtaba F. Radhi" Date: Sun, 26 Apr 2020 04:24:47 +0300 Subject: [PATCH 2/3] Added disableLabelAnimation option --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 4083fb2f..99f3b05d 100644 --- a/readme.md +++ b/readme.md @@ -102,6 +102,7 @@ class Example extends Component { lineType | Text field line type | String | solid disabledLineType | Text field line type in disabled state | String | dotted animationDuration | Text field animation duration in ms | Number | 225 + disableLabelAnimation | Keep label in floating state | Boolean | false characterRestriction | Text field soft limit for character counter | Number | - disabled | Text field availability | Boolean | false editable | Text field text can be edited | Boolean | true From a920d3e892a9687d3f781226c0087861eb6911f2 Mon Sep 17 00:00:00 2001 From: "Mujtaba F. Radhi" Date: Sun, 26 Apr 2020 04:32:16 +0300 Subject: [PATCH 3/3] Updated disableLabelAnimation option --- src/components/field/index.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/field/index.js b/src/components/field/index.js index 39f59d90..f0bf9c59 100644 --- a/src/components/field/index.js +++ b/src/components/field/index.js @@ -25,10 +25,10 @@ function startAnimation(animation, options, callback) { } function labelStateFromProps(props, state) { - let { placeholder, defaultValue } = props; + let { placeholder, defaultValue, disableLabelAnimation } = props; let { text, receivedFocus } = state; - if (props.disableLabelAnimation) { + if (disableLabelAnimation) { return true; } return !!(placeholder || text || (!receivedFocus && defaultValue)); @@ -66,6 +66,7 @@ export default class TextField extends PureComponent { disabledLineType: 'dotted', disabled: false, + disableLabelAnimation: false, }; static propTypes = { @@ -111,6 +112,7 @@ export default class TextField extends PureComponent { disabledLineType: Line.propTypes.lineType, disabled: PropTypes.bool, + disableLabelAnimation: PropTypes.bool, formatText: PropTypes.func,