@rubenpazch/numeric-picker 2.0.0 → 3.0.0

package/dist/index.cjs.js

@@ -424,18 +424,18 @@ function requireJsxRuntime () {
 
 var jsxRuntimeExports = requireJsxRuntime();
 
-function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decimals = 2, currency = 'S/.', label, required = false, disabled = false, placeholder = '0.00', }) {
-    const [displayValue, setDisplayValue] = require$$0.useState(String(value || ''));
+function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decimals = 2, currency = "S/.", label, required = false, disabled = false, placeholder = "0.00", }) {
+    const [displayValue, setDisplayValue] = require$$0.useState(String(value || ""));
     require$$0.useEffect(() => {
-        setDisplayValue(String(value || ''));
+        setDisplayValue(String(value || ""));
     }, [value]);
     const handleInputChange = (newValue) => {
         // Remove currency symbol if present
-        let cleanValue = newValue.replace(/[^\d.-]/g, '');
+        let cleanValue = newValue.replace(/[^\d.-]/g, "");
         // Validate and format
-        if (cleanValue === '' || cleanValue === '-') {
+        if (cleanValue === "" || cleanValue === "-") {
             setDisplayValue(cleanValue);
-            onChange('');
+            onChange("");
             return;
         }
         const numValue = parseFloat(cleanValue);
@@ -472,7 +472,7 @@ function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decim
         setDisplayValue(formatted);
         onChange(formatted);
     };
-    return (jsxRuntimeExports.jsxs("div", { className: "w-full", children: [label && (jsxRuntimeExports.jsxs("label", { className: "block text-sm font-semibold text-gray-700 mb-1", children: [label, required && jsxRuntimeExports.jsx("span", { className: "text-red-600", children: " *" })] })), jsxRuntimeExports.jsxs("div", { className: "relative", children: [jsxRuntimeExports.jsx("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-600 font-medium pointer-events-none", children: currency }), jsxRuntimeExports.jsx("input", { type: "text", value: displayValue, onChange: (e) => handleInputChange(e.target.value), disabled: disabled, placeholder: placeholder, className: "w-full pl-12 pr-12 py-2.5 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed transition" }), jsxRuntimeExports.jsxs("div", { className: "absolute right-1 top-1/2 transform -translate-y-1/2 flex flex-col gap-0.5", children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: increment, disabled: disabled || parseFloat(displayValue || '0') >= max, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Increment", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V15a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z", clipRule: "evenodd" }) }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: decrement, disabled: disabled || parseFloat(displayValue || '0') <= min, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Decrement", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V5a1 1 0 012 0v9.586l4.293-4.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: "w-full", children: [label && (jsxRuntimeExports.jsxs("label", { className: "block text-sm font-semibold text-gray-700 mb-1", children: [label, required && jsxRuntimeExports.jsx("span", { className: "text-red-600", children: " *" })] })), jsxRuntimeExports.jsxs("div", { className: "relative", children: [jsxRuntimeExports.jsx("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-600 font-medium pointer-events-none", children: currency }), jsxRuntimeExports.jsx("input", { type: "text", value: displayValue, onChange: (e) => handleInputChange(e.target.value), disabled: disabled, placeholder: placeholder, className: "w-full pl-12 pr-12 py-2.5 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed transition" }), jsxRuntimeExports.jsxs("div", { className: "absolute right-1 top-1/2 transform -translate-y-1/2 flex flex-col gap-0.5", children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: increment, disabled: disabled || parseFloat(displayValue || "0") >= max, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Increment", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V15a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z", clipRule: "evenodd" }) }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: decrement, disabled: disabled || parseFloat(displayValue || "0") <= min, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Decrement", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V5a1 1 0 012 0v9.586l4.293-4.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] })] }));
 }
 
 module.exports = NumericPicker;

package/dist/index.esm.js

@@ -422,18 +422,18 @@ function requireJsxRuntime () {
 
 var jsxRuntimeExports = requireJsxRuntime();
 
-function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decimals = 2, currency = 'S/.', label, required = false, disabled = false, placeholder = '0.00', }) {
-    const [displayValue, setDisplayValue] = useState(String(value || ''));
+function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decimals = 2, currency = "S/.", label, required = false, disabled = false, placeholder = "0.00", }) {
+    const [displayValue, setDisplayValue] = useState(String(value || ""));
     useEffect(() => {
-        setDisplayValue(String(value || ''));
+        setDisplayValue(String(value || ""));
     }, [value]);
     const handleInputChange = (newValue) => {
         // Remove currency symbol if present
-        let cleanValue = newValue.replace(/[^\d.-]/g, '');
+        let cleanValue = newValue.replace(/[^\d.-]/g, "");
         // Validate and format
-        if (cleanValue === '' || cleanValue === '-') {
+        if (cleanValue === "" || cleanValue === "-") {
             setDisplayValue(cleanValue);
-            onChange('');
+            onChange("");
             return;
         }
         const numValue = parseFloat(cleanValue);
@@ -470,7 +470,7 @@ function NumericPicker({ value, onChange, min = 0, max = 999999, step = 1, decim
         setDisplayValue(formatted);
         onChange(formatted);
     };
-    return (jsxRuntimeExports.jsxs("div", { className: "w-full", children: [label && (jsxRuntimeExports.jsxs("label", { className: "block text-sm font-semibold text-gray-700 mb-1", children: [label, required && jsxRuntimeExports.jsx("span", { className: "text-red-600", children: " *" })] })), jsxRuntimeExports.jsxs("div", { className: "relative", children: [jsxRuntimeExports.jsx("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-600 font-medium pointer-events-none", children: currency }), jsxRuntimeExports.jsx("input", { type: "text", value: displayValue, onChange: (e) => handleInputChange(e.target.value), disabled: disabled, placeholder: placeholder, className: "w-full pl-12 pr-12 py-2.5 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed transition" }), jsxRuntimeExports.jsxs("div", { className: "absolute right-1 top-1/2 transform -translate-y-1/2 flex flex-col gap-0.5", children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: increment, disabled: disabled || parseFloat(displayValue || '0') >= max, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Increment", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V15a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z", clipRule: "evenodd" }) }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: decrement, disabled: disabled || parseFloat(displayValue || '0') <= min, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Decrement", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V5a1 1 0 012 0v9.586l4.293-4.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: "w-full", children: [label && (jsxRuntimeExports.jsxs("label", { className: "block text-sm font-semibold text-gray-700 mb-1", children: [label, required && jsxRuntimeExports.jsx("span", { className: "text-red-600", children: " *" })] })), jsxRuntimeExports.jsxs("div", { className: "relative", children: [jsxRuntimeExports.jsx("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-600 font-medium pointer-events-none", children: currency }), jsxRuntimeExports.jsx("input", { type: "text", value: displayValue, onChange: (e) => handleInputChange(e.target.value), disabled: disabled, placeholder: placeholder, className: "w-full pl-12 pr-12 py-2.5 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed transition" }), jsxRuntimeExports.jsxs("div", { className: "absolute right-1 top-1/2 transform -translate-y-1/2 flex flex-col gap-0.5", children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: increment, disabled: disabled || parseFloat(displayValue || "0") >= max, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Increment", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V15a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z", clipRule: "evenodd" }) }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: decrement, disabled: disabled || parseFloat(displayValue || "0") <= min, className: "px-2 py-1 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-300 rounded-sm transition flex items-center justify-center", title: "Decrement", children: jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V5a1 1 0 012 0v9.586l4.293-4.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] })] }));
 }
 
 export { NumericPicker as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubenpazch/numeric-picker",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "repository": "https://github.com/rubenpazch/lbyte-ui-library.git",
   "publishConfig": {
     "access": "public"
@@ -24,7 +24,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@rubenpazch/typescript-config": "2.0.0"
+    "@rubenpazch/typescript-config": "3.0.0"
   },
   "scripts": {
     "build": "rollup -c",