@processhub-lib/react 1.0.3 → 1.0.5

package/src/utils/applyMask.tsx

@@ -1,49 +0,0 @@
-/**
- * Aplica uma máscara numérica ao valor informado.
- *
- * @param value - String com dígitos (ex: "12345678901")
- * @param tipo Opcional - Tipo de máscara ("cnpj" ou "cpf")
- * @param mask Opcional - Máscara no formato com 'x' para dígitos (ex: "xxx.xxx.xxx-xx")
- * @returns Valor formatado conforme máscara (ex: "123.456.789-01")
- */
-export function applyMask(
-  value: string,
-  tipo?: "cnpj" | "cpf" | "outro",
-  mask?: string,
-): string {
-  if (tipo?.toLocaleLowerCase() === "cnpj") {
-    return applyMask(value, "outro", "xx.xxx.xxx/xxxx-xx");
-  }
-
-  if (tipo?.toLocaleLowerCase() === "cpf") {
-    return applyMask(value, "outro", "xxx.xxx.xxx-xx");
-  }
-
-  // Remove tudo que não for dígito
-  const digits = value.replace(/\D/g, "");
-  let result = "";
-  let digitIndex = 0;
-
-  if (mask) {
-    for (let i = 0; i < mask.length; i++) {
-      if (mask[i] === "x") {
-        if (digitIndex < digits.length) {
-          result += digits[digitIndex];
-          digitIndex++;
-        } else {
-          // Se não tiver mais dígitos, não adiciona nada, mas não coloca os caracteres fixos
-          break;
-        }
-      } else {
-        // Adiciona o caractere fixo apenas se houver dígito correspondente depois dele
-        if (digitIndex < digits.length) {
-          result += mask[i];
-        } else {
-          break;
-        }
-      }
-    }
-  }
-
-  return result;
-}

package/src/utils/classnames.tsx

@@ -1,89 +0,0 @@
-const hasOwn = {}.hasOwnProperty;
-
-/**
- * Constrói uma string de classes CSS dinamicamente.
- *
- * Aceita qualquer número de argumentos do tipo string, boolean, null, undefined ou objeto:
- * - Strings são adicionadas diretamente.
- * - Objetos: chaves com valor truthy são incluídas como classes.
- * - Arrays são processados recursivamente.
- *
- * @example
- * classnames("btn", { active: isActive, disabled: false }, ["px-2", null])
- * // Resultado: "btn active px-2"
- *
- * @param {...(string | object | undefined | null | boolean)[]} args - Lista de classes e condições.
- * @returns {string} String final de classes separadas por espaço.
- */
-export function classnames(
-  ...args: (string | object | undefined | null | boolean)[]
-): string {
-  let classes = "";
-  for (let i = 0; i < args.length; i++) {
-    const arg = args[i];
-    if (arg) {
-      classes = appendClass(classes, parseValue(arg));
-    }
-  }
-
-  return classes;
-}
-
-/**
- * Converte um argumento em string de classes.
- *
- * - Strings são retornadas como estão.
- * - Objetos: inclui chaves com valor truthy.
- * - Arrays: processados recursivamente.
- *
- * @param arg - Argumento a ser processado.
- * @returns String de classes ou vazia.
- */
-function parseValue(arg: string | object | undefined | null | boolean): string {
-  if (typeof arg === "string") {
-    return arg;
-  }
-
-  if (typeof arg !== "object" || arg === null) {
-    return "";
-  }
-
-  // Processa array de classes
-  if (Array.isArray(arg)) {
-    return classnames(...arg);
-  }
-
-  // Suporte a objetos com `toString()` customizados (não nativos)
-  if (
-    arg.toString !== Object.prototype.toString &&
-    !arg.toString.toString().includes("[native code]")
-  ) {
-    return arg.toString();
-  }
-
-  // Processa objetos: adiciona chave se valor for truthy
-  let classes = "";
-
-  for (const key in arg) {
-    if (hasOwn.call(arg, key) && (arg as Record<string, unknown>)[key]) {
-      classes = appendClass(classes, key);
-    }
-  }
-
-  return classes;
-}
-
-/**
- * Concatena duas strings de classe com espaço.
- *
- * @param value - String atual.
- * @param newClass - Nova classe a ser adicionada.
- * @returns String combinada.
- */
-function appendClass(value: string, newClass: string): string {
-  if (!newClass) {
-    return value;
-  }
-
-  return value ? `${value} ${newClass}` : newClass;
-}

package/src/utils/formatar.tsx

@@ -1,173 +0,0 @@
-
-/**
- * @file formatar.tsx
- * @description Utilitário unificado para formatação de dados (Data, Massa, Moeda, Porcentagem).
- * Este módulo não possui dependências externas.
- */
-
-/** Unidades de massa suportadas para conversão e exibição */
-export type UnidadeMassa = "kg" | "t" | "kt" | "Mt";
-
-/** Fatores de conversão de massa tendo kg como base */
-const MASSA_FATOR: Record<UnidadeMassa, number> = {
-  kg: 1,
-  t: 1_000,
-  kt: 1_000_000,
-  Mt: 1_000_000_000,
-};
-
-/** Tipos de formatação disponíveis no sistema */
-export type TipoFormato = "data" | "massa" | "moeda" | "porcentagem";
-
-/**
- * Interface para as opções de configuração dos formatadores.
- * Permite personalizar a exibição de acordo com o tipo de dado.
- *
- * @property formato - Template para formatação de data (ex: "DD/MM/YYYY", "YYYY-MM-DD HH:mm"). Padrão: "DD/MM/YYYY"
- * @property unidade - Unidade de massa para conversão/exibição. Padrão: "t"
- * @property locale - Localidade para Intl (ex: "pt-BR", "en-US"). Padrão: "pt-BR"
- * @property minimumFractionDigits - Mínimo de casas decimais.
- * @property maximumFractionDigits - Máximo de casas decimais.
- * @property currency - Moeda para formatação monetária (ex: "BRL", "USD"). Padrão: "BRL"
- * @property notation - Notação numérica (standard, scientific, engineering, compact).
- * @property compactDisplay - Exibição compacta (short, long).
- */
-export interface FormatarOptions {
-  formato?: string;
-  unidade?: UnidadeMassa;
-  locale?: string;
-  minimumFractionDigits?: number;
-  maximumFractionDigits?: number;
-  currency?: string;
-  notation?: "standard" | "scientific" | "engineering" | "compact";
-  compactDisplay?: "short" | "long";
-}
-
-/**
- * Método unificado para formatação de diversos tipos de dados no sistema.
- * Suporta datas (nativamente), massa, moeda e porcentagem.
- *
- * @param tipo - O tipo de dado a ser formatado ("data", "massa", "moeda", "porcentagem")
- * @param valor - O valor bruto (String, Number ou Date)
- * @param opcoes - Opções de customização (locale, formato, unidade, etc)
- * @returns String formatada seguindo as regras do tipo e localidade
- *
- * @example
- * // Formatação de Moeda
- * formatar("moeda", 1500.5) // "R$ 1.500,50"
- * formatar("moeda", 1500.5, { notation: "compact" }) // "1,5 mil R$"
- *
- * @example
- * // Formatação de Data
- * formatar("data", new Date()) // "19/03/2026"
- * formatar("data", "2026-12-25", { formato: "DD/MM" }) // "25/12"
- * formatar("data", "25/12/2026 15:30", { formato: "YYYY-MM-DD HH:mm" }) // "2026-12-25 15:30"
- *
- * @example
- * // Formatação de Massa
- * formatar("massa", 5000) // "5,0000 t"
- * formatar("massa", 5000, { unidade: "kg" }) // "5.000,0000 kg"
- *
- * @example
- * // Formatação de Porcentagem
- * formatar("porcentagem", 75.5) // "75,5%"
- * formatar("porcentagem", 100) // "100%"
- */export const formatar = (
-  tipo: TipoFormato,
-  valor: any,
-  opcoes: FormatarOptions = {},
-): string => {
-  const {
-    locale = "pt-BR",
-    formato = "DD/MM/YYYY",
-    unidade = "t",
-    minimumFractionDigits,
-    maximumFractionDigits,
-    currency = "BRL",
-  } = opcoes;
-
-  /** Converte valores para número, tratando vírgulas de strings como ponto decimal */
-  const parseNumber = (v: any): number => {
-    if (typeof v === "number") return v;
-    if (typeof v === "string") return Number(v.replace(",", "."));
-    return NaN;
-  };
-
-  switch (tipo) {
-    case "data": {
-      if (!valor) return "";
-
-      const parseDate = (v: any): Date => {
-        if (v instanceof Date) return v;
-        if (typeof v === "string") {
-          const match = v.match(
-            /^(\d{2})\/(\d{2})\/(\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/,
-          );
-          if (match) {
-            const y = Number(match[3]);
-            const m = Number(match[2]) - 1;
-            const day = Number(match[1]);
-            const h = Number(match[4] || 0);
-            const min = Number(match[5] || 0);
-            const s = Number(match[6] || 0);
-            return new Date(y, m, day, h, min, s);
-          }
-        }
-        return new Date(v);
-      };
-
-      const d = parseDate(valor);
-      if (isNaN(d.getTime())) return "";
-
-      const pad = (n: number) => String(n).padStart(2, "0");
-      const tokens: Record<string, string> = {
-        YYYY: String(d.getFullYear()),
-        YY: String(d.getFullYear()).slice(-2),
-        MM: pad(d.getMonth() + 1),
-        DD: pad(d.getDate()),
-        HH: pad(d.getHours()),
-        mm: pad(d.getMinutes()),
-        ss: pad(d.getSeconds()),
-      };
-
-      return formato.replace(
-        /YYYY|YY|MM|DD|HH|mm|ss/g,
-        (match) => tokens[match],
-      );
-    }
-    case "massa": {
-      const num = parseNumber(valor);
-      if (isNaN(num)) return "Valor inválido";
-      const valorConvertido = num / MASSA_FATOR[unidade];
-      const formatado = new Intl.NumberFormat(locale, {
-        minimumFractionDigits: minimumFractionDigits ?? 4,
-        maximumFractionDigits: maximumFractionDigits ?? 4,
-      }).format(valorConvertido);
-      return `${formatado} ${unidade}`;
-    }
-
-    case "moeda": {
-      const num = parseNumber(valor);
-      if (isNaN(num)) return "Valor inválido";
-      return new Intl.NumberFormat(locale, {
-        notation: opcoes.notation ?? "standard",
-        compactDisplay: opcoes.compactDisplay ?? "short",
-        style: "currency",
-        currency,
-      }).format(num);
-    }
-
-    case "porcentagem": {
-      const num = parseNumber(valor);
-      if (isNaN(num)) return "0%";
-      return new Intl.NumberFormat(locale, {
-        style: "percent",
-        minimumFractionDigits: minimumFractionDigits ?? 0,
-        maximumFractionDigits: maximumFractionDigits ?? 1,
-      }).format(num / 100);
-    }
-
-    default:
-      return String(valor);
-  }
-};

package/src/utils/index.ts

@@ -1,4 +0,0 @@
-export * from "./classnames";
-export * from "./applyMask";
-export * from "./isDocumento";
-export * from "./formatar";

package/src/utils/isDocumento.tsx

@@ -1,46 +0,0 @@
-/**
- * Valida CPF ou CNPJ de forma unificada, identificando automaticamente o tipo pelo tamanho.
- * 
- * @param documento - CPF ou CNPJ com ou sem formatação.
- * @returns `true` se válido, `false` caso contrário.
- * 
- * @example
- * isDocumento("123.456.789-00") // true ou false
- * isDocumento("12.345.678/0001-90") // true ou false
- */
-export function isDocumento(documento: string): boolean {
-  const doc = documento.replace(/[^\d]+/g, "");
-
-  // Elimina documentos com todos os dígitos iguais
-  if (/^(\d)\1+$/.test(doc)) return false;
-
-  // Validação de CPF
-  if (doc.length === 11) {
-    for (let j = 9; j <= 10; j++) {
-      let soma = 0;
-      for (let i = 0; i < j; i++) {
-        soma += parseInt(doc.charAt(i)) * (j + 1 - i);
-      }
-      let resto = (soma * 10) % 11;
-      if (resto === 10 || resto === 11) resto = 0;
-      if (resto !== parseInt(doc.charAt(j))) return false;
-    }
-    return true;
-  }
-
-  // Validação de CNPJ
-  if (doc.length === 14) {
-    const b = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
-    for (let i = 12; i <= 13; i++) {
-      let n = 0;
-      for (let j = 0; j < i; j++) {
-        n += parseInt(doc.charAt(j)) * b[j + 13 - i];
-      }
-      const resultado = (n %= 11) < 2 ? 0 : 11 - n;
-      if (parseInt(doc.charAt(i)) !== resultado) return false;
-    }
-    return true;
-  }
-
-  return false;
-}

package/tailwind.config.js

@@ -1,13 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  prefix: "ph-",
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "../processhub-lib/src/**/*.{js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "declaration": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,31 +0,0 @@
-import { defineConfig } from "vite";
-import path from "path";
-import tailwindcss from "@tailwindcss/vite";
-import dts from "vite-plugin-dts";
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: {
-        index: path.resolve(__dirname, "src/index.ts"),
-        ui: path.resolve(__dirname, "src/ui/index.ts"),
-        utils: path.resolve(__dirname, "src/utils/index.ts"),
-      },
-      name: "ProcessHubLib",
-      formats: ["es", "cjs"],
-      fileName: (format, entryName) => `${entryName}.${format}.js`,
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"],
-      output: {
-        globals: { react: "React" },
-      },
-    },
-  },
-  plugins: [
-    tailwindcss(),
-    dts({
-      insertTypesEntry: true,
-    }),
-  ],
-});