@ttoss/forms 0.38.0 → 0.39.0

package/dist/esm/MultistepForm/index.js

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { Form, useForm, yupResolver } from "../chunk-7SI2CKE4.js";
+import { Form, useForm, yupResolver } from "../chunk-EGHO72SX.js";
 import { __name } from "../chunk-QJQFXN4B.js";
 
 // src/MultistepForm/MultistepForm.tsx
@@ -134,7 +134,7 @@ var MultistepFormStepper = /* @__PURE__ */__name(({
   }, submitLabel));
 }, "MultistepFormStepper");
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.2.1/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.2.3/node_modules/@iconify-icon/react/dist/iconify.mjs
 import React5 from "react";
 
 // ../../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
@@ -2263,7 +2263,7 @@ var {
   _api
 } = IconifyIconComponent;
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.2.1/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.2.3/node_modules/@iconify-icon/react/dist/iconify.mjs
 var Icon = React5.forwardRef((props, ref) => {
   const newProps = {
     ...props,

package/dist/esm/{chunk-7SI2CKE4.js → chunk-EGHO72SX.js}

@@ -93,16 +93,41 @@ var FormFieldCreditCardNumber = /* @__PURE__ */__name(({
   });
 }, "FormFieldCreditCardNumber");
 
-// src/FormFieldCurrencyInput.tsx
-import { defineMessages, useI18n } from "@ttoss/react-i18n";
-
 // src/FormFieldNumericFormat.tsx
+import { defineMessages, useI18n } from "@ttoss/react-i18n";
 import { Input } from "@ttoss/ui";
 import { NumericFormat } from "react-number-format";
+var messages = defineMessages({
+  decimalSeparator: {
+    id: "i6IsKy",
+    defaultMessage: [{
+      "type": 0,
+      "value": "."
+    }]
+  },
+  thousandSeparator: {
+    id: "yktL1M",
+    defaultMessage: [{
+      "type": 0,
+      "value": ","
+    }]
+  }
+});
 var FormFieldNumericFormat = /* @__PURE__ */__name(({
   disabled,
+  decimalSeparator,
+  thousandSeparator,
+  placeholder,
+  prefix,
+  decimalScale,
   ...props
 }) => {
+  const {
+    intl
+  } = useI18n();
+  const finalDecimalSeparator = decimalSeparator ?? intl.formatMessage(messages.decimalSeparator);
+  const finalThousandSeparator = thousandSeparator ?? intl.formatMessage(messages.thousandSeparator);
+  const finalPlaceholder = placeholder ?? (prefix && decimalScale !== void 0 && decimalScale >= 0 ? `${prefix} 0${decimalScale > 0 ? finalDecimalSeparator : ""}${"0".repeat(decimalScale)}` : void 0);
   const {
     label,
     name,
@@ -137,6 +162,11 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
     }) => {
       return /* @__PURE__ */React.createElement(NumericFormat, {
         ...numericFormatProps,
+        decimalSeparator: finalDecimalSeparator,
+        thousandSeparator: finalThousandSeparator,
+        placeholder: finalPlaceholder,
+        prefix,
+        decimalScale,
         name: field.name,
         value: field.value,
         onBlur: /* @__PURE__ */__name(e => {
@@ -157,40 +187,14 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
 }, "FormFieldNumericFormat");
 
 // src/FormFieldCurrencyInput.tsx
-var messages = defineMessages({
-  decimalSeparator: {
-    id: "JnCaDG",
-    defaultMessage: [{
-      "type": 0,
-      "value": "."
-    }]
-  },
-  thousandSeparator: {
-    id: "0+4wTp",
-    defaultMessage: [{
-      "type": 0,
-      "value": ","
-    }]
-  }
-});
 var FormFieldCurrencyInput = /* @__PURE__ */__name(({
   prefix,
-  decimalSeparator,
-  thousandSeparator,
   ...formFieldNumericFormatProps
 }) => {
-  const {
-    intl
-  } = useI18n();
-  const finalDecimalSeparator = decimalSeparator ?? intl.formatMessage(messages.decimalSeparator);
-  const finalThousandSeparator = thousandSeparator ?? intl.formatMessage(messages.thousandSeparator);
   return /* @__PURE__ */React.createElement(FormFieldNumericFormat, {
     fixedDecimalScale: true,
     decimalScale: 2,
     prefix,
-    decimalSeparator: finalDecimalSeparator,
-    thousandSeparator: finalThousandSeparator,
-    placeholder: `${prefix} 0${finalDecimalSeparator}00`,
     allowNegative: false,
     ...formFieldNumericFormatProps
   });

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldDatePicker, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSegmentedControl, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-7SI2CKE4.js";
+import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldDatePicker, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSegmentedControl, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-EGHO72SX.js";
 import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-QJQFXN4B.js";
 export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldDatePicker, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSegmentedControl, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/dist/index.d.ts

@@ -33,12 +33,12 @@ type FormFieldCreditCardNumberProps<TFieldValues extends FieldValues = FieldValu
 declare const FormFieldCreditCardNumber: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ format, placeholder, ...formFieldPatternFormatProps }: FormFieldCreditCardNumberProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldNumericFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<NumericFormatProps, 'name'> & Pick<InputProps, 'leadingIcon' | 'trailingIcon'>;
-declare const FormFieldNumericFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldNumericFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldNumericFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, decimalSeparator, thousandSeparator, placeholder, prefix, decimalScale, ...props }: FormFieldNumericFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCurrencyInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldNumericFormatProps<TFieldValues, TName> & {
     prefix: string;
 };
-declare const FormFieldCurrencyInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ prefix, decimalSeparator, thousandSeparator, ...formFieldNumericFormatProps }: FormFieldCurrencyInputProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldCurrencyInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ prefix, ...formFieldNumericFormatProps }: FormFieldCurrencyInputProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 interface DateRangePreset {
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,25 +39,25 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^2.12.4",
-    "@ttoss/react-i18n": "^2.0.25",
-    "@ttoss/ui": "^6.5.0"
+    "@ttoss/components": "^2.12.5",
+    "@ttoss/ui": "^6.5.1",
+    "@ttoss/react-i18n": "^2.0.26"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.8",
     "jest": "^30.2.0",
-    "react": "^19.2.1",
+    "react": "^19.2.3",
     "react-error-boundary": "^6.0.0",
     "tsup": "^8.5.1",
     "yup": "^1.7.1",
-    "@ttoss/components": "^2.12.4",
+    "@ttoss/components": "^2.12.5",
+    "@ttoss/react-i18n": "^2.0.26",
     "@ttoss/config": "^1.35.12",
-    "@ttoss/react-i18n": "^2.0.25",
+    "@ttoss/react-icons": "^0.5.7",
     "@ttoss/i18n-cli": "^0.7.38",
-    "@ttoss/react-icons": "^0.5.6",
-    "@ttoss/test-utils": "^4.0.2",
-    "@ttoss/ui": "^6.5.0"
+    "@ttoss/test-utils": "^4.0.3",
+    "@ttoss/ui": "^6.5.1"
   },
   "publishConfig": {
     "access": "public",