@ttoss/forms 0.24.9 → 0.25.0

package/dist/index.js

@@ -1,773 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Controller: () => import_react_hook_form6.Controller,
-  Form: () => Form,
-  FormErrorMessage: () => FormErrorMessage,
-  FormField: () => FormField,
-  FormFieldCheckbox: () => FormFieldCheckbox,
-  FormFieldCreditCardNumber: () => FormFieldCreditCardNumber,
-  FormFieldCurrencyInput: () => FormFieldCurrencyInput,
-  FormFieldInput: () => FormFieldInput,
-  FormFieldNumericFormat: () => FormFieldNumericFormat,
-  FormFieldPassword: () => FormFieldPassword,
-  FormFieldPatternFormat: () => FormFieldPatternFormat,
-  FormFieldRadio: () => FormFieldRadio,
-  FormFieldSelect: () => FormFieldSelect,
-  FormFieldTextarea: () => FormFieldTextarea,
-  FormGroup: () => FormGroup,
-  FormProvider: () => import_react_hook_form6.FormProvider,
-  useController: () => import_react_hook_form6.useController,
-  useFieldArray: () => import_react_hook_form6.useFieldArray,
-  useForm: () => import_react_hook_form6.useForm,
-  useFormContext: () => import_react_hook_form6.useFormContext,
-  useFormGroup: () => useFormGroup,
-  useFormState: () => import_react_hook_form6.useFormState,
-  useWatch: () => import_react_hook_form6.useWatch,
-  yup: () => yup2,
-  yupResolver: () => import_yup2.yupResolver
-});
-module.exports = __toCommonJS(src_exports);
-var import_yup2 = require("@hookform/resolvers/yup");
-
-// src/yup/i18n.ts
-var import_react_i18n = require("@ttoss/react-i18n");
-var import_yup = require("yup");
-(0, import_yup.setLocale)({
-  mixed: {
-    required: (0, import_react_i18n.defineMessage)({
-      defaultMessage: "Field is required",
-      description: "Field is required"
-    }),
-    notType: ({
-      type
-    }) => {
-      return {
-        ...(0, import_react_i18n.defineMessage)({
-          defaultMessage: "Invalid Value for Field of type {type}",
-          description: "Invalid Value"
-        }),
-        values: {
-          type
-        }
-      };
-    }
-  },
-  string: {
-    min: ({
-      min
-    }) => {
-      return {
-        ...(0, import_react_i18n.defineMessage)({
-          defaultMessage: "Field must be at least {min} characters",
-          description: "Min length field"
-        }),
-        values: {
-          min
-        }
-      };
-    }
-  }
-});
-
-// src/yup/schema.ts
-var yup = __toESM(require("yup"));
-
-// src/Brazil/FormFieldCNPJ.tsx
-var import_ui = require("@ttoss/ui");
-var import_react_number_format = require("react-number-format");
-var import_jsx_runtime = require("react/jsx-runtime");
-var isCnpjValid = cnpj => {
-  if (cnpj?.length != 14) {
-    return false;
-  }
-  if (cnpj == "00000000000000" || cnpj == "11111111111111" || cnpj == "22222222222222" || cnpj == "33333333333333" || cnpj == "44444444444444" || cnpj == "55555555555555" || cnpj == "66666666666666" || cnpj == "77777777777777" || cnpj == "88888888888888" || cnpj == "99999999999999") {
-    return false;
-  }
-  let size = cnpj.length - 2;
-  let numbers = cnpj.substring(0, size);
-  const digits = cnpj.substring(size);
-  let soma = 0;
-  let pos = size - 7;
-  for (let i = size; i >= 1; i--) {
-    soma += numbers.charAt(size - i) * pos--;
-    if (pos < 2) {
-      pos = 9;
-    }
-  }
-  let result = soma % 11 < 2 ? 0 : 11 - soma % 11;
-  if (result != digits.charAt(0)) {
-    return false;
-  }
-  size = size + 1;
-  numbers = cnpj.substring(0, size);
-  soma = 0;
-  pos = size - 7;
-  for (let i = size; i >= 1; i--) {
-    soma += numbers.charAt(size - i) * pos--;
-    if (pos < 2) {
-      pos = 9;
-    }
-  }
-  result = soma % 11 < 2 ? 0 : 11 - soma % 11;
-  if (result != digits.charAt(1)) {
-    return false;
-  }
-  return true;
-};
-
-// src/yup/schema.ts
-yup.addMethod(yup.string, "cnpj", function () {
-  return this.test("valid-cnpj", "Invalid CNPJ", value => {
-    return isCnpjValid(value);
-  });
-});
-
-// src/yup/yup.ts
-var yup2 = __toESM(require("yup"));
-
-// src/Form.tsx
-var import_ui2 = require("@ttoss/ui");
-var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_hook_form.FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
-// src/FormErrorMessage.tsx
-var import_error_message = require("@hookform/error-message");
-var import_react_hook_form2 = require("react-hook-form");
-var import_react_i18n2 = require("@ttoss/react-i18n");
-var import_ui3 = require("@ttoss/ui");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var isMessageDescriptor = possibleMessageDescriptor => {
-  return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
-};
-var FormErrorMessage = ({
-  name,
-  disabled
-}) => {
-  const {
-    formState: {
-      errors
-    }
-  } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_error_message.ErrorMessage, {
-    name,
-    errors,
-    render: ({
-      message
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.HelpText, {
-        negative: true,
-        disabled,
-        children: (() => {
-          if (typeof message === "string") {
-            return message;
-          }
-          if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_i18n2.FormattedMessage, {
-              ...message
-            });
-          }
-          return JSON.stringify(message);
-        })()
-      });
-    }
-  });
-};
-
-// src/FormField.tsx
-var React = __toESM(require("react"));
-var import_react_hook_form3 = require("react-hook-form");
-var import_ui4 = require("@ttoss/ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var FormField = ({
-  label,
-  id: idProp,
-  name,
-  defaultValue,
-  disabled,
-  tooltip,
-  onTooltipClick,
-  sx,
-  css,
-  render
-}) => {
-  const controllerReturn = (0, import_react_hook_form3.useController)({
-    name,
-    defaultValue
-  });
-  const id = idProp || `form-field-${name}`;
-  const memoizedRender = React.useMemo(() => {
-    return React.Children.map(render(controllerReturn), child => {
-      return /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, {
-        children: [label && /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Label, {
-          "aria-disabled": disabled,
-          htmlFor: id,
-          tooltip,
-          onTooltipClick,
-          children: label
-        }), React.createElement(child.type, {
-          id,
-          ...child.props
-        })]
-      });
-    });
-  }, [controllerReturn, disabled, onTooltipClick, tooltip, id, label, render]);
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_ui4.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      gap: "md",
-      ...sx
-    },
-    css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime4.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldCheckbox.tsx
-var import_ui5 = require("@ttoss/ui");
-var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var FormFieldCheckbox = ({
-  label,
-  name,
-  sx,
-  ...checkboxProps
-}) => {
-  const {
-    field: {
-      onChange,
-      onBlur,
-      value,
-      ref
-    },
-    formState: {
-      errors
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = (0, import_react_hook_form4.useController)({
-    name,
-    defaultValue: false
-  });
-  const id = `form-field-checkbox-${name}`;
-  const error = !!errors[name]?.message;
-  return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui5.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      ...sx
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Flex, {
-      sx: {
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui5.Label, {
-        "aria-disabled": checkboxProps.disabled,
-        htmlFor: id,
-        children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Checkbox, {
-          id,
-          ref,
-          checked: value,
-          onChange,
-          onBlur,
-          name,
-          "aria-invalid": error ? "true" : "false",
-          ...checkboxProps
-        }), label]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldPatternFormat.tsx
-var import_ui6 = require("@ttoss/ui");
-var import_react_number_format2 = require("react-number-format");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var FormFieldPatternFormat = ({
-  label,
-  name,
-  ...patternFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(FormField, {
-    name,
-    label,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_react_number_format2.PatternFormat, {
-        name: field.name,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: values => {
-          field.onChange(values.value);
-        },
-        customInput: import_ui6.Input,
-        "aria-invalid": Boolean(fieldState.error).valueOf(),
-        ...patternFormatProps
-      });
-    }
-  });
-};
-
-// src/FormFieldCreditCardNumber.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var FormFieldCreditCardNumber = ({
-  label,
-  name,
-  ...formFieldPatternFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(FormFieldPatternFormat, {
-    name,
-    label,
-    format: "#### #### #### ####",
-    placeholder: "1234 1234 1234 1234",
-    ...formFieldPatternFormatProps
-  });
-};
-
-// src/FormFieldNumericFormat.tsx
-var import_ui7 = require("@ttoss/ui");
-var import_react_number_format3 = require("react-number-format");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var FormFieldNumericFormat = ({
-  label,
-  name,
-  ...numericFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(FormField, {
-    label,
-    name,
-    render: ({
-      field
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_react_number_format3.NumericFormat, {
-        name: field.name,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: values => {
-          field.onChange(values.floatValue);
-        },
-        customInput: import_ui7.Input,
-        ...numericFormatProps
-      });
-    }
-  });
-};
-
-// src/FormFieldCurrencyInput.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var FormFieldCurrencyInput = ({
-  label,
-  name,
-  prefix,
-  decimalSeparator,
-  thousandSeparator,
-  ...formFieldNumericFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(FormFieldNumericFormat, {
-    name,
-    label,
-    fixedDecimalScale: true,
-    decimalScale: 2,
-    prefix,
-    decimalSeparator,
-    thousandSeparator,
-    placeholder: `${prefix} 0${decimalSeparator}00`,
-    allowNegative: false,
-    ...formFieldNumericFormatProps
-  });
-};
-
-// src/FormFieldInput.tsx
-var import_ui8 = require("@ttoss/ui");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var FormFieldInput = ({
-  label,
-  name,
-  tooltip,
-  onTooltipClick,
-  sx,
-  defaultValue = "",
-  ...inputProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(FormField, {
-    name,
-    label,
-    disabled: inputProps.disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    defaultValue,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui8.Input, {
-        ...inputProps,
-        ...field,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldPassword.tsx
-var import_ui9 = require("@ttoss/ui");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var FormFieldPassword = ({
-  label,
-  name,
-  tooltip,
-  onTooltipClick,
-  sx,
-  defaultValue = "",
-  ...inputProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(FormField, {
-    name,
-    label,
-    disabled: inputProps.disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    defaultValue,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.InputPassword, {
-        ...inputProps,
-        ...field,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldRadio.tsx
-var import_ui10 = require("@ttoss/ui");
-var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var FormFieldRadio = ({
-  label,
-  name,
-  options,
-  sx,
-  ...radioProps
-}) => {
-  const {
-    field: {
-      onChange,
-      onBlur,
-      value,
-      ref
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = (0, import_react_hook_form5.useController)({
-    name,
-    defaultValue: ""
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime12.jsxs)(import_ui10.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      ...sx
-    },
-    children: [label && /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Label, {
-      sx: {
-        marginBottom: "md"
-      },
-      children: label
-    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Box, {
-      children: options.map(option => {
-        const id = `form-field-radio-${name}-${option.value}`;
-        return /* @__PURE__ */(0, import_jsx_runtime12.jsxs)(import_ui10.Label, {
-          htmlFor: id,
-          children: [/* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Radio, {
-            ref,
-            onChange,
-            onBlur,
-            value: option.value,
-            checked: value === option.value,
-            name,
-            id,
-            ...radioProps
-          }), option.label]
-        }, id);
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldSelect.tsx
-var import_ui11 = require("@ttoss/ui");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var FormFieldSelect = ({
-  label,
-  name,
-  id,
-  defaultValue,
-  sx,
-  css,
-  disabled,
-  tooltip,
-  onTooltipClick,
-  ...selectProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(FormField, {
-    name,
-    label,
-    id,
-    defaultValue,
-    disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    css,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Select, {
-        ...selectProps,
-        ...field,
-        isDisabled: disabled,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldTextarea.tsx
-var import_ui12 = require("@ttoss/ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var FormFieldTextarea = ({
-  label,
-  name,
-  sx,
-  ...textareaProps
-}) => {
-  const id = `form-field-textarea-${name}`;
-  return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormField, {
-    label,
-    name,
-    id,
-    sx,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Textarea, {
-        ...field,
-        ...textareaProps,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormGroup.tsx
-var React2 = __toESM(require("react"));
-var import_ui13 = require("@ttoss/ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var FormGroupLevelsManagerContext = React2.createContext({
-  levelsLength: 1,
-  registerChild: () => {
-    return null;
-  }
-});
-var FormGroupLevelsManager = ({
-  children
-}) => {
-  const [levelsLength, setLevelsLength] = React2.useState(0);
-  const registerChild = React2.useCallback(level => {
-    if (level + 1 > levelsLength) {
-      setLevelsLength(level + 1);
-    }
-  }, [levelsLength]);
-  return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupLevelsManagerContext.Provider, {
-    value: {
-      levelsLength,
-      registerChild
-    },
-    children
-  });
-};
-var FormGroupContext = React2.createContext({});
-var useFormGroup = () => {
-  const {
-    parentLevel
-  } = React2.useContext(FormGroupContext);
-  const {
-    levelsLength
-  } = React2.useContext(FormGroupLevelsManagerContext);
-  return {
-    level: parentLevel,
-    levelsLength
-  };
-};
-var FormGroupWrapper = ({
-  title,
-  direction,
-  children,
-  name,
-  ...boxProps
-}) => {
-  const {
-    level
-  } = useFormGroup();
-  const {
-    registerChild
-  } = React2.useContext(FormGroupLevelsManagerContext);
-  React2.useEffect(() => {
-    if (typeof level === "number") {
-      registerChild(level);
-    }
-  }, [level, registerChild]);
-  const childrenContainerSx = {
-    flexDirection: direction || "column",
-    gap: "md",
-    width: "100%"
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime15.jsxs)(import_ui13.Box, {
-    "aria-level": level,
-    ...boxProps,
-    sx: {
-      marginTop: level === 0 ? "none" : "lg",
-      marginBottom: "lg",
-      ...boxProps.sx
-    },
-    children: [title && /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Box, {
-      sx: {
-        marginBottom: "md"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Text, {
-        sx: {
-          fontSize: "2xl",
-          fontWeight: "bold"
-        },
-        children: title
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Flex, {
-      sx: childrenContainerSx,
-      children
-    }), name && /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-var FormGroup = props => {
-  const {
-    level
-  } = useFormGroup();
-  const currentLevel = level === void 0 ? 0 : level + 1;
-  return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupContext.Provider, {
-    value: {
-      parentLevel: currentLevel
-    },
-    children: currentLevel === 0 ? /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupLevelsManager, {
-      children: /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupWrapper, {
-        ...props
-      })
-    }) : /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupWrapper, {
-      ...props
-    })
-  });
-};
-
-// src/index.ts
-var import_react_hook_form6 = require("react-hook-form");
-__reExport(src_exports, require("react-hook-form"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Controller,
-  Form,
-  FormErrorMessage,
-  FormField,
-  FormFieldCheckbox,
-  FormFieldCreditCardNumber,
-  FormFieldCurrencyInput,
-  FormFieldInput,
-  FormFieldNumericFormat,
-  FormFieldPassword,
-  FormFieldPatternFormat,
-  FormFieldRadio,
-  FormFieldSelect,
-  FormFieldTextarea,
-  FormGroup,
-  FormProvider,
-  useController,
-  useFieldArray,
-  useForm,
-  useFormContext,
-  useFormGroup,
-  useFormState,
-  useWatch,
-  yup,
-  yupResolver,
-  ...require("react-hook-form")
-});