@ttoss/forms 0.35.1 → 0.35.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.35.1",
+  "version": "0.35.3",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,23 +39,25 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^2.0.24",
-    "@ttoss/ui": "^6.0.4"
+    "@ttoss/components": "^2.10.2",
+    "@ttoss/react-i18n": "^2.0.25",
+    "@ttoss/ui": "^6.1.0"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.6",
+    "@types/react": "^19.2.7",
     "jest": "^30.2.0",
-    "react": "^19.2.0",
+    "react": "^19.2.1",
     "react-error-boundary": "^6.0.0",
     "tsup": "^8.5.1",
     "yup": "^1.7.1",
+    "@ttoss/components": "^2.10.2",
     "@ttoss/config": "^1.35.12",
-    "@ttoss/react-icons": "^0.5.5",
-    "@ttoss/test-utils": "^4.0.1",
-    "@ttoss/react-i18n": "^2.0.24",
-    "@ttoss/ui": "^6.0.4",
-    "@ttoss/i18n-cli": "^0.7.38"
+    "@ttoss/i18n-cli": "^0.7.38",
+    "@ttoss/react-i18n": "^2.0.25",
+    "@ttoss/react-icons": "^0.5.6",
+    "@ttoss/test-utils": "^4.0.2",
+    "@ttoss/ui": "^6.1.0"
   },
   "publishConfig": {
     "access": "public",

package/dist/Brazil/index.d.ts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, FieldPath } from 'react-hook-form';
-import { a as FormFieldPatternFormatProps, F as FormFieldProps } from '../FormFieldPatternFormat-D5CI6eUA.js';
-import { PatternFormatProps, NumberFormatBaseProps } from 'react-number-format';
-import '@ttoss/ui';
-import 'react';
-
-type FormFieldCEPProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormFieldPatternFormatProps<TFieldValues, TName>, 'format'>;
-declare const FormFieldCEP: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ placeholder, ...formFieldPatternFormatProps }: FormFieldCEPProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-type FormFieldCNPJProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name' | 'format'>;
-declare const isCnpjValid: (cnpj: any) => boolean;
-declare const FormFieldCNPJ: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldCNPJProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-type FormFieldCPFProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name' | 'format'>;
-declare const isCpfValid: (cpf: any) => boolean;
-declare const FormFieldCPF: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldCPFProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-type FormFieldCPFOrCNPJProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<NumberFormatBaseProps, 'name' | 'format'>;
-declare const FormFieldCPFOrCNPJ: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldCPFOrCNPJProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-type FormFieldPhoneProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name' | 'format'>;
-declare const FormFieldPhone: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPhoneProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-export { FormFieldCEP, FormFieldCNPJ, FormFieldCPF, FormFieldCPFOrCNPJ, FormFieldPhone, isCnpjValid, isCpfValid };

package/dist/FormFieldPatternFormat-D5CI6eUA.d.ts

@@ -1,59 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TooltipProps, SxProp, InputProps } from '@ttoss/ui';
-import { FieldValues, FieldPath, RegisterOptions, FieldPathValue, UseControllerReturn } from 'react-hook-form';
-import { PatternFormatProps } from 'react-number-format';
-import * as React from 'react';
-
-type AuxiliaryCheckboxRules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
-/**
- * Props for the AuxiliaryCheckbox component.
- */
-type AuxiliaryCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    /**
-     * The label to display next to the checkbox.
-     */
-    label: React.ReactNode;
-    /**
-     * The name of the checkbox field in the form.
-     */
-    name: TName;
-    /**
-     * The default value of the checkbox.
-     * @default false
-     */
-    defaultValue?: boolean;
-    /**
-     * Validation rules for the checkbox field.
-     */
-    rules?: AuxiliaryCheckboxRules<TFieldValues, TName>;
-    /**
-     * Whether the checkbox is disabled.
-     */
-    disabled?: boolean;
-};
-
-type Rules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
-type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    label?: React.ReactNode;
-    id?: string;
-    name: TName;
-    defaultValue?: FieldPathValue<TFieldValues, TName>;
-    disabled?: boolean;
-    labelTooltip?: TooltipProps;
-    warning?: string | React.ReactNode;
-    rules?: Rules<TFieldValues, TName>;
-    /**
-     * Optional auxiliary checkbox to render between the field and error message.
-     * Useful for input confirmation or conditional display of other fields.
-     */
-    auxiliaryCheckbox?: Omit<AuxiliaryCheckboxProps<TFieldValues, FieldPath<TFieldValues>>, 'disabled'>;
-} & SxProp;
-type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    render: (props: UseControllerReturn<TFieldValues, TName>) => React.ReactElement;
-} & FormFieldProps<TFieldValues, TName>;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled: propsDisabled, labelTooltip, sx, css, render, warning, rules, auxiliaryCheckbox, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-type FormFieldPatternFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name'> & Pick<InputProps, 'leadingIcon' | 'trailingIcon'>;
-declare const FormFieldPatternFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPatternFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-
-export { type FormFieldProps as F, type FormFieldPatternFormatProps as a, FormField as b, FormFieldPatternFormat as c };

package/dist/MultistepForm/index.d.ts

@@ -1,65 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import '../typings.d-BZ6kUiQ4.js';
-import * as yup from 'yup';
-import { IconType } from '@ttoss/react-icons';
-
-type MultistepFlowMessageVariant = 'image-text' | 'heading-and-subheading';
-type MultistepFlowMessageBase = {
-    variant: MultistepFlowMessageVariant;
-};
-
-type MultistepFlowMessageImageTextProps = MultistepFlowMessageBase & {
-    variant: 'image-text';
-    src: string;
-    description: string | React.ReactNode;
-};
-
-type MultistepFlowMessageProps = MultistepFlowMessageImageTextProps;
-
-type MultistepFormStepperProps = {
-    flowMessage: MultistepFlowMessageProps;
-    onSubmit: (data: unknown) => void;
-    question: string;
-    isLastStep: boolean;
-    fields: React.ReactNode | React.ReactNode[];
-    schema?: yup.ObjectSchema<any>;
-    defaultValues?: any;
-    submitLabel: string;
-    stepNumber: number;
-};
-
-type MultistepHeaderTitledProps = {
-    variant: 'titled';
-    title: string;
-    leftIcon: IconType;
-    rightIcon: IconType;
-    onLeftIconClick: () => void;
-    onRightIconClick: () => void;
-};
-type MultistepHeaderLogoProps = {
-    variant: 'logo';
-    src: string;
-    onClose?: () => void;
-};
-type MultistepHeaderProps = MultistepHeaderLogoProps | MultistepHeaderTitledProps;
-
-type MultistepStep = {
-    question: string;
-    flowMessage: MultistepFlowMessageProps;
-    label: string;
-    fields: React.ReactNode | React.ReactNode[];
-    schema?: MultistepFormStepperProps['schema'];
-    defaultValues?: MultistepFormStepperProps['defaultValues'];
-};
-type MultistepFormProps<FormValues = unknown> = {
-    header: MultistepHeaderProps;
-    steps: MultistepStep[];
-    footer?: string;
-    onSubmit: (data: FormValues) => void;
-    nextStepButtonLabel?: string;
-    submitButtonLabel?: string;
-};
-declare const MultistepForm: ({ nextStepButtonLabel, submitButtonLabel, ...props }: MultistepFormProps) => react_jsx_runtime.JSX.Element;
-
-export { MultistepForm, type MultistepFormProps };

package/dist/esm/Brazil/index.js

@@ -1,128 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import * as React from 'react';
-import { FormField, FormFieldCNPJ, FormFieldCPF, FormFieldPatternFormat, __name, isCnpjValid, isCpfValid } from "../chunk-QJQFXN4B.js";
-
-// src/Brazil/FormFieldCEP.tsx
-var FormFieldCEP = /* @__PURE__ */__name(({
-  placeholder = "12345-678",
-  ...formFieldPatternFormatProps
-}) => {
-  return /* @__PURE__ */React.createElement(FormFieldPatternFormat, {
-    format: "#####-###",
-    placeholder,
-    ...formFieldPatternFormatProps
-  });
-}, "FormFieldCEP");
-
-// src/Brazil/FormFieldCPFOrCNPJ.tsx
-import { Input } from "@ttoss/ui";
-import { NumberFormatBase } from "react-number-format";
-var formatCPFOrCNPJ = /* @__PURE__ */__name(value => {
-  const numericValue = value.replace(/\D/g, "");
-  if (numericValue.length <= 11) {
-    return numericValue.replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})$/, "$1-$2");
-  } else {
-    return numericValue.substring(0, 14).replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})$/, "$1-$2");
-  }
-}, "formatCPFOrCNPJ");
-var FormFieldCPFOrCNPJ = /* @__PURE__ */__name(({
-  disabled,
-  ...props
-}) => {
-  const {
-    label,
-    name,
-    labelTooltip,
-    warning,
-    sx,
-    css,
-    rules,
-    id,
-    defaultValue,
-    placeholder = "123.456.789-00 or 12.345.678/0000-00",
-    ...formatProps
-  } = props;
-  return /* @__PURE__ */React.createElement(FormField, {
-    id,
-    label,
-    name,
-    labelTooltip,
-    warning,
-    sx,
-    css,
-    defaultValue,
-    rules,
-    disabled,
-    render: /* @__PURE__ */__name(({
-      field
-    }) => {
-      return /* @__PURE__ */React.createElement(NumberFormatBase, {
-        ...formatProps,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: /* @__PURE__ */__name(values => {
-          field.onChange(values.value);
-        }, "onValueChange"),
-        format: formatCPFOrCNPJ,
-        customInput: Input,
-        placeholder,
-        disabled: disabled ?? field.disabled
-      });
-    }, "render")
-  });
-}, "FormFieldCPFOrCNPJ");
-
-// src/Brazil/FormFieldPhone.tsx
-import { Input as Input2 } from "@ttoss/ui";
-import { PatternFormat } from "react-number-format";
-var FormFieldPhone = /* @__PURE__ */__name(({
-  disabled,
-  ...props
-}) => {
-  const {
-    label,
-    name,
-    labelTooltip,
-    warning,
-    sx,
-    css,
-    rules,
-    id,
-    defaultValue,
-    placeholder = "(11) 91234-1234",
-    auxiliaryCheckbox,
-    ...patternFormatProps
-  } = props;
-  return /* @__PURE__ */React.createElement(FormField, {
-    id,
-    label,
-    name,
-    labelTooltip,
-    warning,
-    sx,
-    css,
-    defaultValue,
-    rules,
-    disabled,
-    auxiliaryCheckbox,
-    render: /* @__PURE__ */__name(({
-      field
-    }) => {
-      const format = field.value?.length > 10 ? "(##) #####-####" : "(##) ####-#####";
-      return /* @__PURE__ */React.createElement(PatternFormat, {
-        ...patternFormatProps,
-        name: field.name,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: /* @__PURE__ */__name(values => {
-          field.onChange(values.value);
-        }, "onValueChange"),
-        format,
-        customInput: Input2,
-        placeholder,
-        disabled: disabled ?? field.disabled
-      });
-    }, "render")
-  });
-}, "FormFieldPhone");
-export { FormFieldCEP, FormFieldCNPJ, FormFieldCPF, FormFieldCPFOrCNPJ, FormFieldPhone, isCnpjValid, isCpfValid };