@symply.io/basic-components 1.1.2 → 1.1.3-beta.1

package/NumberInput/index.js

@@ -31,7 +31,7 @@ function NumberInput(props) {
     var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
     var EXCEED_ERROR = "Your value exceeds the exceptable input range";
     if (maxValue < minValue)
-        throw new Error("Max should be bigger than min!");
+        throw new Error("Max should be bigger than the `miniValue`!");
     var _e = useInteractions({ maxValue: maxValue, minValue: minValue, value: value, onChange: onChange }), exceedError = _e.exceedError, tooltipOpen = _e.tooltipOpen, handleBlur = _e.handleBlur, handleChange = _e.handleChange, onOpenTooltip = _e.onOpenTooltip, onCloseTooltip = _e.onCloseTooltip;
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Tooltip, __assign({ title: tooltip !== null && tooltip !== void 0 ? tooltip : "", open: !!tooltip && tooltipOpen }, { children: _jsx(Field, __assign({ size: size, margin: "dense", type: "number", value: value === undefined || value === null ? "" : value, onFocus: onOpenTooltip, onBlur: function () {
                     onCloseTooltip();

package/NumberInput/useInteractions.js

@@ -35,6 +35,9 @@ function useInteractions(props) {
         else if (excludedValue.includes(strVal)) {
             onChange("");
         }
+        else {
+            onChange(Number(strVal).toString());
+        }
     }, [value, onChange]);
     var onOpenTooltip = useCallback(function () {
         setTooltipOpen(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.1.2",
+  "version": "1.1.3-beta.1",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",