@dilicorp/ui 1.3.23 → 2.0.1

package/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npx tsc *)"
+    ]
+  }
+}

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

@@ -1,19 +1,33 @@
 import { FastField, Field } from 'formik';
-import React from 'react';
+import React, { useCallback, useRef } from 'react';
 import numberHelper from '../../../utils/number-helper';
 export const InputCurrency = ({ attrs, handleChange, currency, name }) => {
-    const { maxLength = 20 } = attrs;
-    const handleChangeCurrency = (event) => {
-        const { value } = event.currentTarget;
-        const sanitize = numberHelper.currencySanitize(value, currency.locale, currency.format);
-        handleChange({
-            currentTarget: {
-                name,
-                value: sanitize ? numberHelper.currency(Number(sanitize), currency.locale, currency.format) : ''
-            }
-        });
-    };
-    const { fastField = true, ...restAttrs } = attrs;
+    const { maxLength = 20, fastField = true, ...restAttrs } = attrs;
+    const { format, locale } = currency;
     const Tag = fastField ? FastField : Field;
-    return (React.createElement(Tag, { name: name }, ({ field }) => React.createElement("input", { ...field, ...restAttrs, onChange: handleChangeCurrency, min: "0", maxLength: maxLength })));
+    // 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);
+        // Nenhum dígito restante — campo foi completamente limpo
+        if (numericValue === null) {
+            handleChange({ currentTarget: { name, value: null } });
+            return;
+        }
+        // Usuário está apagando e o valor resultante seria zero — limpa o campo
+        if (isDeletingRef.current && Number(numericValue) === 0) {
+            handleChange({ currentTarget: { name, value: null } });
+            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 }) => {
+        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

@@ -29,17 +29,16 @@ class NumberHelper {
     }
     currencySanitize(value, locale = 'pt-BR', currency = 'BRL') {
         const fractionDigits = this.getCurrencyFractionDigits(locale, currency);
-        const sanitized = this.sanitize(value).replace(/\D/g, '');
-        if (!sanitized || /^0+$/.test(sanitized)) {
+        const digits = value.replace(/\D/g, '');
+        if (!digits)
             return null;
-        }
         if (fractionDigits === 0) {
-            return String(Number(sanitized));
+            return String(Number.parseInt(digits, 10));
         }
-        const paddedValue = sanitized.padStart(fractionDigits + 1, '0');
-        const integer = paddedValue.slice(0, -fractionDigits);
-        const decimal = paddedValue.slice(-fractionDigits);
-        return `${Number(integer)}.${decimal}`;
+        const padded = digits.padStart(fractionDigits + 1, '0');
+        const intPart = Number.parseInt(padded.slice(0, -fractionDigits), 10);
+        const decPart = padded.slice(-fractionDigits);
+        return `${intPart}.${decPart}`;
     }
     percentageSanitize(value, decimals = 2) {
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "1.3.23",
+  "version": "2.0.1",
   "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",