@dilicorp/ui 2.0.0 → 2.0.2

package/dist/components/form-builder/components/input-currency.js

@@ -1,19 +1,33 @@
 import { FastField, Field } from 'formik';
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import numberHelper from '../../../utils/number-helper';
 export const InputCurrency = ({ attrs, handleChange, currency, name }) => {
     const { maxLength = 20, fastField = true, ...restAttrs } = attrs;
     const { format, locale } = currency;
     const Tag = fastField ? FastField : Field;
+    // Rastreia se o evento de mudança foi originado por uma tecla de deleção
+    const isDeletingRef = useRef(false);
+    const handleKeyDown = useCallback((event) => {
+        isDeletingRef.current = event.key === 'Backspace' || event.key === 'Delete';
+    }, []);
     const handleChangeCurrency = useCallback((event) => {
         const rawValue = event.currentTarget.value;
         const numericValue = numberHelper.currencySanitize(rawValue, locale, format);
-        const formatted = numericValue === null
-            ? ''
-            : numberHelper.currency(Number(numericValue), locale, format);
-        handleChange({
-            currentTarget: { name, value: formatted }
-        });
+        // Nenhum dígito restante — campo foi completamente limpo
+        if (numericValue === null) {
+            handleChange({ currentTarget: { name, value: '' } });
+            return;
+        }
+        // Usuário está apagando e o valor resultante seria zero — limpa o campo
+        if (isDeletingRef.current && Number(numericValue) === 0) {
+            handleChange({ currentTarget: { name, value: '' } });
+            return;
+        }
+        const formatted = numberHelper.currency(Number(numericValue), locale, format);
+        handleChange({ currentTarget: { name, value: formatted } });
     }, [locale, format, name, handleChange]);
-    return (React.createElement(Tag, { name: name }, ({ field }) => (React.createElement("input", { ...field, ...restAttrs, maxLength: maxLength, onChange: handleChangeCurrency }))));
+    return (React.createElement(Tag, { name: name }, ({ field }) => {
+        var _a;
+        return (React.createElement("input", { ...field, ...restAttrs, value: (_a = field.value) !== null && _a !== void 0 ? _a : '', maxLength: maxLength, onKeyDown: handleKeyDown, onChange: handleChangeCurrency }));
+    }));
 };

package/dist/utils/number-helper.js

@@ -38,8 +38,6 @@ class NumberHelper {
         const padded = digits.padStart(fractionDigits + 1, '0');
         const intPart = Number.parseInt(padded.slice(0, -fractionDigits), 10);
         const decPart = padded.slice(-fractionDigits);
-        if (intPart === 0 && Number.parseInt(decPart, 10) === 0)
-            return null;
         return `${intPart}.${decPart}`;
     }
     percentageSanitize(value, decimals = 2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -84,6 +84,10 @@
     "react-dom": ">=17.0.2",
     "react-router-dom": ">=6.0.2"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "sass:pluxee": "sass src/assets/sass/themes/pluxee.scss:src/assets/css/styles.css",
     "sass:gopass": "sass src/assets/sass/themes/gopass.scss:src/assets/css/styles.css",