@ttoss/forms 0.25.6 → 0.26.1

package/dist/Brazil/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PatternFormatProps } from 'react-number-format';
+import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-CkcL14ho.js';
+
+type FormFieldCNPJProps = {
+    label: string;
+    name: string;
+} & Partial<PatternFormatProps>;
+declare const isCnpjValid: (cnpj: any) => boolean;
+declare const FormFieldCNPJ: ({ label, name, ...patternFormatProps }: FormFieldCNPJProps) => react_jsx_runtime.JSX.Element;
+
+type FormFieldPhoneProps = {
+    label: string;
+    name: string;
+} & Partial<PatternFormatProps>;
+declare const FormFieldPhone: ({ label, name, ...patternFormatProps }: FormFieldPhoneProps) => react_jsx_runtime.JSX.Element;
+
+type FormFieldCEPProps = {
+    label: string;
+    name: string;
+} & Partial<FormFieldPatternFormatProps>;
+declare const FormFieldCEP: ({ label, name, ...formFieldPatternFormatProps }: FormFieldCEPProps) => react_jsx_runtime.JSX.Element;
+
+export { FormFieldCEP, FormFieldCNPJ, FormFieldPhone, isCnpjValid };

package/dist/FormFieldPatternFormat-CkcL14ho.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PatternFormatProps } from 'react-number-format';
+
+type FormFieldPatternFormatProps = {
+    label?: string;
+    name: string;
+} & PatternFormatProps;
+declare const FormFieldPatternFormat: ({ label, name, ...patternFormatProps }: FormFieldPatternFormatProps) => react_jsx_runtime.JSX.Element;
+
+export { type FormFieldPatternFormatProps as F, FormFieldPatternFormat as a };

package/dist/MultistepForm/index.d.ts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import '../typings.d-HZBqJJjn.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

@@ -0,0 +1,51 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-6U527R3X.js";
+
+// src/Brazil/FormFieldPhone.tsx
+import { Input } from "@ttoss/ui";
+import { PatternFormat } from "react-number-format";
+import { jsx } from "react/jsx-runtime";
+var FormFieldPhone = ({
+  label,
+  name,
+  ...patternFormatProps
+}) => {
+  return /* @__PURE__ */jsx(FormField, {
+    name,
+    label,
+    render: ({
+      field
+    }) => {
+      const format = field.value?.length > 10 ? "(##) #####-####" : "(##) ####-#####";
+      return /* @__PURE__ */jsx(PatternFormat, {
+        name: field.name,
+        value: field.value,
+        onBlur: field.onBlur,
+        onValueChange: values => {
+          field.onChange(values.value);
+        },
+        format,
+        customInput: Input,
+        placeholder: "(11) 91234-1234",
+        ...patternFormatProps
+      });
+    }
+  });
+};
+
+// src/Brazil/FormFieldCEP.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var FormFieldCEP = ({
+  label,
+  name,
+  ...formFieldPatternFormatProps
+}) => {
+  return /* @__PURE__ */jsx2(FormFieldPatternFormat, {
+    name,
+    label,
+    format: "#####-###",
+    placeholder: "12345-678",
+    ...formFieldPatternFormatProps
+  });
+};
+export { FormFieldCEP, FormFieldCNPJ, FormFieldPhone, isCnpjValid };