@xelto.npm/xc2-lib 1.0.20 → 1.0.21

package/dist/index.cjs.js

@@ -56363,12 +56363,34 @@ function parseValue(value, type) {
     return '';
   }
   if (type === 'number') {
-    var parsedValue = parseFloat(value);
-    if (isNaN(parsedValue)) {
+    //protect from passing NaN to input
+    if (isNaN(value)) {
       return '';
     }
-    return parsedValue.toString();
+    return value;
+
+    //parsing as type number, removes leading zeros
+    //issue: if user enters 0.0, decimal will be removed
+    // if (isNaN(value)) {
+    //     return '';
+    // }
+    // return value.toString();
+
+    //parsing as type string, removes leading zeros
+    // const stringValue = value.toString();
+    // // Split on the decimal point
+    // const [whole, decimal] = stringValue.split('.');
+    // // Parse the whole number portion to remove leading zeroes (if any)
+    // const parsedWhole = parseFloat(whole).toString();
+    //
+    // if (parsedWhole === 'NaN') return ''
+    // // Return combined value
+    // if (decimal !== undefined) {
+    //     return `${parsedWhole}.${decimal}`;
+    // }
+    // return parsedWhole;
   }
+
   return value;
 }
 var TextField = function TextField(_ref2) {
@@ -56408,10 +56430,10 @@ var TextField = function TextField(_ref2) {
     endAdornment = _ref2$endAdornment === void 0 ? '' : _ref2$endAdornment,
     props = _objectWithoutProperties$1(_ref2, _excluded$b);
   // const parsedValue = type === 'number' ? parseFloat(value) || 0 : value;
-  var parsedValue = React__namespace.useMemo(function () {
+  var parsedValue = React.useMemo(function () {
     return parseValue(value, type);
   }, [value, type]);
-  return /*#__PURE__*/React__namespace.createElement(StyledTextField, _extends$1k({}, props, {
+  return /*#__PURE__*/React.createElement(StyledTextField, _extends$1k({}, props, {
     value: parsedValue,
     onChange: onChange,
     onClick: onClick,
@@ -56432,9 +56454,9 @@ var TextField = function TextField(_ref2) {
         min: min,
         max: max
       },
-      endAdornment: /*#__PURE__*/React__namespace.createElement(InputAdornment$1, {
+      endAdornment: /*#__PURE__*/React.createElement(InputAdornment$1, {
         position: "end"
-      }, endAdornment ? endAdornment : /*#__PURE__*/React__namespace.createElement(Icon, {
+      }, endAdornment ? endAdornment : /*#__PURE__*/React.createElement(Icon, {
         iconName: icon,
         color: disabled ? 'disabled' : error ? 'red' : 'red-navy',
         style: {

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useLayoutEffect, useContext, forwardRef, createElement as createElement$1, createContext, Fragment, useRef, Children, isValidElement, cloneElement, useReducer, useEffect, useState, memo, useCallback, useMemo } from 'react';
+import React__default, { useLayoutEffect, useContext, forwardRef, createElement as createElement$1, createContext, Fragment, useRef, Children, isValidElement, cloneElement, useReducer, useEffect, useMemo, useState, memo, useCallback } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 
@@ -56343,12 +56343,34 @@ function parseValue(value, type) {
     return '';
   }
   if (type === 'number') {
-    var parsedValue = parseFloat(value);
-    if (isNaN(parsedValue)) {
+    //protect from passing NaN to input
+    if (isNaN(value)) {
       return '';
     }
-    return parsedValue.toString();
+    return value;
+
+    //parsing as type number, removes leading zeros
+    //issue: if user enters 0.0, decimal will be removed
+    // if (isNaN(value)) {
+    //     return '';
+    // }
+    // return value.toString();
+
+    //parsing as type string, removes leading zeros
+    // const stringValue = value.toString();
+    // // Split on the decimal point
+    // const [whole, decimal] = stringValue.split('.');
+    // // Parse the whole number portion to remove leading zeroes (if any)
+    // const parsedWhole = parseFloat(whole).toString();
+    //
+    // if (parsedWhole === 'NaN') return ''
+    // // Return combined value
+    // if (decimal !== undefined) {
+    //     return `${parsedWhole}.${decimal}`;
+    // }
+    // return parsedWhole;
   }
+
   return value;
 }
 var TextField = function TextField(_ref2) {
@@ -56388,10 +56410,10 @@ var TextField = function TextField(_ref2) {
     endAdornment = _ref2$endAdornment === void 0 ? '' : _ref2$endAdornment,
     props = _objectWithoutProperties$1(_ref2, _excluded$b);
   // const parsedValue = type === 'number' ? parseFloat(value) || 0 : value;
-  var parsedValue = React.useMemo(function () {
+  var parsedValue = useMemo(function () {
     return parseValue(value, type);
   }, [value, type]);
-  return /*#__PURE__*/React.createElement(StyledTextField, _extends$1k({}, props, {
+  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends$1k({}, props, {
     value: parsedValue,
     onChange: onChange,
     onClick: onClick,
@@ -56412,9 +56434,9 @@ var TextField = function TextField(_ref2) {
         min: min,
         max: max
       },
-      endAdornment: /*#__PURE__*/React.createElement(InputAdornment$1, {
+      endAdornment: /*#__PURE__*/React__default.createElement(InputAdornment$1, {
         position: "end"
-      }, endAdornment ? endAdornment : /*#__PURE__*/React.createElement(Icon, {
+      }, endAdornment ? endAdornment : /*#__PURE__*/React__default.createElement(Icon, {
         iconName: icon,
         color: disabled ? 'disabled' : error ? 'red' : 'red-navy',
         style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",