eai-frontend-components 2.0.46 → 2.0.48

package/dist/index.js

@@ -791,23 +791,33 @@ const removeMaskNumber = (value) => {
  * Automatically detects landline vs mobile format.
  *
  * @param telefone - Raw phone number string
- * @param removerCountryCode - Whether to remove country code (55) if present
+ * @param removeDDD - Whether to remove DDD (area code) from the formatted output
+ * @param removeCountryCode - Whether to remove country code (55) if present
  * @returns Formatted phone number string
  *
  * @example
  * ```tsx
  * formatPhone('11987654321') // '(11) 9 8765-4321'
  * formatPhone('1134567890')  // '(11) 3456-7890'
+ * formatPhone('11987654321', true) // '9 8765-4321'
  * ```
  */
-function formatPhone(telefone, removerCountryCode = true) {
+function formatPhone(telefone, removeDDD = false, removeCountryCode = true) {
     if (!telefone)
         return '';
     let numberPhone = telefone.replace(/\D/g, '');
     // Remover código do país apenas se ele começar com '55'
-    if (removerCountryCode && numberPhone.startsWith('55')) {
+    if (removeCountryCode && numberPhone.startsWith('55')) {
         numberPhone = numberPhone.substring(2);
     }
+    // Se removeDDD for true, remover os dois primeiros dígitos (DDD)
+    if (removeDDD && numberPhone.length >= 10) {
+        const phoneWithoutDDD = numberPhone.substring(2);
+        // Aplicar máscara sem DDD
+        const isMobile = phoneWithoutDDD.length === 9;
+        const mask = isMobile ? { mask: '_ ____-____', replacement: { _: /\d/ } } : { mask: '____-_____', replacement: { _: /\d/ } };
+        return mask$1.format(phoneWithoutDDD, mask);
+    }
     return mask$1.format(numberPhone, maskPhone(numberPhone));
 }
 // CPF/CNPJ
@@ -9173,7 +9183,7 @@ function UseCalendar({ className, getDataFilter }) {
 }
 
 const formHelpText = (helpText) => {
-    return (jsxRuntime.jsx(TooltipProvider, { children: jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { className: 'pb-2', children: jsxRuntime.jsx(lucideReact.CircleHelp, { size: 16, className: 'text-muted' }) }), jsxRuntime.jsx(TooltipContent, { className: 'text-white bg-background-primary', align: 'start', children: helpText })] }) }));
+    return (jsxRuntime.jsx(TooltipProvider, { children: jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { className: 'pb-2', asChild: true, children: jsxRuntime.jsx(lucideReact.CircleHelp, { size: 16, className: 'text-muted' }) }), jsxRuntime.jsx(TooltipContent, { className: 'text-white bg-background-primary', align: 'start', children: helpText })] }) }));
 };
 
 const formLabel = (FormLabel, label) => {
@@ -9422,7 +9432,7 @@ const FormInputDate = ({ control, name, label, subLabel, helpText, placeholder =
     const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
     const [open, setOpen] = React$1.useState(false);
     return (jsxRuntime.jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (jsxRuntime.jsxs(FormItem, { className: className, children: [jsxRuntime.jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), jsxRuntime.jsx(FormControl, { children: jsxRuntime.jsxs("div", { className: 'relative w-full', children: [jsxRuntime.jsx(InputDate, { ...field, mask: '99/99/9999', maskPlaceholder: null, placeholder: placeholder, disabled: disabled || formState.isSubmitting, onChange: (e) => {
-                                    field.onChange(e);
+                                    // field.onChange(e);
                                     if (onChange) {
                                         onChange(e);
                                     }