[email protected]

Author: PatrickSachs

packages/bulma/CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to this library will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this library adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## 2.0.1
+
+* TextFields in `number` mode now return parsed floats if possible @PatrickSachs.
+* Removed core inputs, use normal ones instead @PatrickSachs.
+
+## 2.0.0
+
+* Updated core to version 2 @PatrickSachs.
+
 ## 1.0.2
 
 * TagLists have a new prop `limit` that determines the maximum amount of tags that can be added @PatrickSachs.

packages/bulma/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-formilicious/bulma",
-  "version": "1.0.2",
+  "version": "2.0.1",
   "description": "react-formilicious for the Bulma CSS framework. 🎨",
   "author": "PatrickSachs",
   "license": "MIT",
@@ -14,7 +14,7 @@
     "pack": "create-react-prototype pack"
   },
   "peerDependencies": {
-    "@react-formilicious/core": "^1.0.0",
+    "@react-formilicious/core": "^2.0.0",
     "react": ">=16.2.0",
     "react-dom": ">=16.2.0"
   },

packages/bulma/package.json

@@ -6,20 +6,37 @@ export default class TextField extends React.Component {
     return "";
   }
 
+  constructor(p) {
+    super(p);
+    this.onChange = this.onChange.bind(this);
+  }
+
   getType(mode) {
-    switch(mode) {
+    switch (mode) {
       case "datetime": return "datetime-local";
       case undefined: return "text";
       default: return mode;
     }
   }
 
+  onChange(e) {
+    let value = e.target.value;
+    if (this.props.mode === "number") {
+      // Try to parse number
+      const parsed = Number.parseFloat(value);
+      if (!Number.isNaN(parsed)) {
+        value = parsed;
+      }
+    }
+    this.props.onChange(value);
+  }
+
   render() {
     const {
       name, mode, placeholder, step,
       field: { validated, message },
       system: { waiting },
-      onChange, value
+      value
     } = this.props;
 
     return (
@@ -28,7 +45,7 @@ export default class TextField extends React.Component {
         <div className="contol">
           <input
             className="input"
-            onChange={e => onChange(e.target.value)}
+            onChange={this.onChange}
             type={this.getType(mode)}
             disabled={waiting}
             value={value}