@seedgrid/fe-components 0.2.4

package/dist/validators.js

@@ -0,0 +1,218 @@
+import blockedEmailDomainsConfig from "./blocked-email-domains.json";
+import { resolveComponentsI18n, t } from "./i18n";
+export const DEFAULT_BLOCKED_EMAIL_DOMAINS = blockedEmailDomainsConfig.blockedEmailDomains ?? [];
+function getRuntimeBlockedEmailDomains() {
+    if (typeof globalThis === "undefined")
+        return [];
+    const globalConfig = globalThis;
+    if (!Array.isArray(globalConfig.__seedgridBlockedEmailDomains))
+        return [];
+    return globalConfig.__seedgridBlockedEmailDomains;
+}
+export function getBlockedEmailDomains(extra) {
+    const merged = [
+        ...DEFAULT_BLOCKED_EMAIL_DOMAINS,
+        ...getRuntimeBlockedEmailDomains(),
+        ...(extra ?? [])
+    ];
+    const normalized = merged
+        .map((domain) => domain.trim().toLowerCase())
+        .filter(Boolean);
+    return Array.from(new Set(normalized));
+}
+export function isBlockedEmailDomain(email, extra) {
+    const parts = email.trim().toLowerCase().split("@");
+    const domain = parts.length > 1 ? parts[parts.length - 1] : "";
+    if (!domain)
+        return false;
+    const blocked = new Set(getBlockedEmailDomains(extra));
+    return blocked.has(domain);
+}
+export function onlyDigits(value) {
+    return value.replace(/\D/g, "");
+}
+function onlyAlnumUpper(value) {
+    return value.replace(/[^0-9A-Za-z]/g, "").toUpperCase();
+}
+export function isValidCpf(value) {
+    const digits = onlyDigits(value);
+    if (digits.length !== 11)
+        return false;
+    if (/^(\d)\1+$/.test(digits))
+        return false;
+    const calc = (factor) => {
+        let total = 0;
+        for (let i = 0; i < factor - 1; i++) {
+            total += parseInt(digits.charAt(i), 10) * (factor - i);
+        }
+        const mod = total % 11;
+        return mod < 2 ? 0 : 11 - mod;
+    };
+    const d1 = calc(10);
+    const d2 = calc(11);
+    return d1 === parseInt(digits.charAt(9), 10) && d2 === parseInt(digits.charAt(10), 10);
+}
+export function isValidCnpj(value) {
+    const raw = onlyAlnumUpper(value);
+    if (raw.length !== 14)
+        return false;
+    // opcional: eu manteria so para CNPJ numerico.
+    // Para alfanumerico, isso pode bloquear casos "ok" (embora improvaveis).
+    // if (/^([0-9A-Z])\1+$/.test(raw)) return false;
+    if (/[A-Z]/.test(raw.slice(12)))
+        return false; // DV precisa ser numerico
+    const toValue = (char) => {
+        if (char >= "0" && char <= "9")
+            return char.charCodeAt(0) - 48;
+        if (char >= "A" && char <= "Z")
+            return char.charCodeAt(0) - 55; // A=10..Z=35
+        return Number.NaN;
+    };
+    const calc = (base, weights) => {
+        let total = 0;
+        for (let i = 0; i < weights.length; i++) {
+            const weight = weights[i];
+            const v = toValue(base.charAt(i));
+            if (weight === undefined || Number.isNaN(v))
+                return Number.NaN;
+            total += v * weight;
+        }
+        const mod = total % 11;
+        return mod < 2 ? 0 : 11 - mod;
+    };
+    const base12 = raw.slice(0, 12);
+    const d1 = calc(base12, [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2]);
+    if (!Number.isFinite(d1))
+        return false;
+    const d2 = calc(base12 + String(d1), [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2]);
+    if (!Number.isFinite(d2))
+        return false;
+    return d1 === Number(raw.charAt(12)) && d2 === Number(raw.charAt(13));
+}
+export function isValidEmail(value) {
+    return /.+@.+\..+/.test(value.trim());
+}
+function hasSequentialRun(value, minRun) {
+    if (value.length < minRun)
+        return false;
+    let asc = 1;
+    let desc = 1;
+    for (let i = 1; i < value.length; i++) {
+        const prev = value.charAt(i - 1).toLowerCase();
+        const curr = value.charAt(i).toLowerCase();
+        const letters = /[a-z]/.test(prev) && /[a-z]/.test(curr);
+        const digits = /\d/.test(prev) && /\d/.test(curr);
+        if (letters || digits) {
+            if (curr.charCodeAt(0) - prev.charCodeAt(0) === 1) {
+                asc += 1;
+                desc = 1;
+            }
+            else if (prev.charCodeAt(0) - curr.charCodeAt(0) === 1) {
+                desc += 1;
+                asc = 1;
+            }
+            else {
+                asc = 1;
+                desc = 1;
+            }
+        }
+        else {
+            asc = 1;
+            desc = 1;
+        }
+        if (asc >= minRun || desc >= minRun)
+            return true;
+    }
+    return false;
+}
+function hasRepeatedSequence(value) {
+    if (/(.)\1{2,}/.test(value))
+        return true;
+    return /([A-Za-z0-9])([^A-Za-z0-9])\1(?:\2\1){2,}/.test(value);
+}
+export function validatePassword(value, policy = {}, i18n) {
+    const resolvedI18n = resolveComponentsI18n(i18n);
+    if (!value || !value.trim())
+        return t(resolvedI18n, "components.validators.password.empty");
+    const minSize = Math.max(1, policy.minSize ?? 8);
+    const upper = policy.upper ?? true;
+    const lower = policy.lower ?? true;
+    const number = policy.number ?? true;
+    const special = policy.special ?? true;
+    const noRepeat = policy.noRepeat ?? true;
+    const problems = [];
+    if (value.length < minSize) {
+        problems.push(t(resolvedI18n, "components.validators.password.minSize", { min: minSize }));
+    }
+    if (upper && !/[A-Z]/.test(value))
+        problems.push(t(resolvedI18n, "components.validators.password.upper"));
+    if (lower && !/[a-z]/.test(value))
+        problems.push(t(resolvedI18n, "components.validators.password.lower"));
+    if (number && !/\d/.test(value))
+        problems.push(t(resolvedI18n, "components.validators.password.number"));
+    if (special && !/[^A-Za-z0-9]/.test(value)) {
+        problems.push(t(resolvedI18n, "components.validators.password.special"));
+    }
+    if (noRepeat && hasSequentialRun(value, 3)) {
+        problems.push(t(resolvedI18n, "components.validators.password.sequence"));
+    }
+    if (noRepeat && hasRepeatedSequence(value)) {
+        problems.push(t(resolvedI18n, "components.validators.password.repeated"));
+    }
+    if (problems.length) {
+        return t(resolvedI18n, "components.validators.password.invalid", { reasons: problems.join("; ") });
+    }
+    return null;
+}
+export function isDateAfter(value, minDate) {
+    if (!value || !minDate)
+        return true;
+    return new Date(value).getTime() >= new Date(minDate).getTime();
+}
+export function isDateBefore(value, maxDate) {
+    if (!value || !maxDate)
+        return true;
+    return new Date(value).getTime() <= new Date(maxDate).getTime();
+}
+function calculateAge(birthDate, today) {
+    let age = today.getFullYear() - birthDate.getFullYear();
+    const m = today.getMonth() - birthDate.getMonth();
+    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
+        age -= 1;
+    }
+    return age;
+}
+export function validateBirthDate(value, policy, i18n) {
+    const resolvedI18n = resolveComponentsI18n(i18n);
+    const minAge = policy.minAge;
+    const maxAge = policy.maxAge;
+    const hasMin = typeof minAge === "number" && minAge >= 0;
+    const hasMax = typeof maxAge === "number" && maxAge >= 0;
+    if (!hasMin && !hasMax) {
+        return t(resolvedI18n, "components.validators.birthdate.configMissing");
+    }
+    if (hasMin && hasMax && minAge > maxAge) {
+        return t(resolvedI18n, "components.validators.birthdate.configRange");
+    }
+    if (!value)
+        return null;
+    const birth = new Date(value);
+    if (Number.isNaN(birth.getTime()))
+        return t(resolvedI18n, "components.validators.birthdate.invalidDate");
+    const today = new Date();
+    const age = calculateAge(birth, today);
+    const ok = (!hasMin || age >= minAge) && (!hasMax || age <= maxAge);
+    if (ok)
+        return null;
+    if (hasMin && hasMax) {
+        const min = minAge ?? 0;
+        const max = maxAge ?? 0;
+        return t(resolvedI18n, "components.validators.birthdate.ageBetween", { min, max });
+    }
+    if (hasMin) {
+        const min = minAge ?? 0;
+        return t(resolvedI18n, "components.validators.birthdate.ageMin", { min });
+    }
+    const max = maxAge ?? 0;
+    return t(resolvedI18n, "components.validators.birthdate.ageMax", { max });
+}

package/dist/wizard/SGWizard.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export type SgWizardPageProps = {
+    title?: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SgWizardPage(props: SgWizardPageProps): import("react/jsx-runtime").JSX.Element;
+export type SgWizardLabels = {
+    next: string;
+    previous: string;
+    finish: string;
+};
+export type SgWizardStepper = "numbered" | "icons" | "none";
+export type SgWizardProps = {
+    children: React.ReactNode;
+    onFinish: () => void | Promise<void>;
+    onStepChange?: (index: number) => void;
+    onBeforeNext?: (index: number) => boolean | Promise<boolean>;
+    onBeforeFinish?: (index: number) => boolean | Promise<boolean>;
+    validateStep?: (index: number) => boolean | Promise<boolean>;
+    initialStep?: number;
+    labels?: Partial<SgWizardLabels>;
+    stepper?: SgWizardStepper;
+    className?: string;
+};
+export declare function SgWizard(props: SgWizardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgWizard.d.ts.map

package/dist/wizard/SGWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgWizard.d.ts","sourceRoot":"","sources":["../../src/wizard/SgWizard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAEpD;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+EF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwI5C"}

package/dist/wizard/SGWizard.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { t, useComponentsI18n } from "../i18n";
+export function SgWizardPage(props) {
+    return _jsx("div", { className: props.className, children: props.children });
+}
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }));
+}
+function StepperBar({ pages, currentStep, mode }) {
+    return (_jsx("nav", { "aria-label": "Progress", className: "mb-8", children: _jsx("ol", { className: "flex items-center", children: pages.map((page, i) => {
+                const isCompleted = i < currentStep;
+                const isCurrent = i === currentStep;
+                const title = page.props.title ?? `Step ${i + 1}`;
+                const icon = page.props.icon;
+                const isLast = i === pages.length - 1;
+                return (_jsxs("li", { className: `flex items-center ${isLast ? "" : "flex-1"}`, children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: `flex items-center justify-center rounded-full border-2 transition-colors duration-200 ${isCompleted
+                                        ? "border-[hsl(var(--primary))] bg-[hsl(var(--primary))] text-white"
+                                        : isCurrent
+                                            ? "border-[hsl(var(--primary))] bg-white text-[hsl(var(--primary))]"
+                                            : "border-gray-300 bg-white text-gray-400"}`, style: { width: 40, height: 40 }, children: isCompleted ? (_jsx(CheckIcon, { className: "size-5" })) : mode === "icons" && icon ? (_jsx("span", { className: "flex items-center justify-center size-5", children: icon })) : (_jsx("span", { className: "text-sm font-semibold", children: i + 1 })) }), _jsx("span", { className: `mt-2 text-xs font-medium text-center max-w-[80px] leading-tight ${isCompleted || isCurrent ? "text-[hsl(var(--primary))]" : "text-gray-400"}`, children: title })] }), !isLast ? (_jsx("div", { className: "flex-1 mx-2 self-start", style: { marginTop: 19 }, children: _jsx("div", { className: `h-0.5 w-full transition-colors duration-200 ${isCompleted ? "bg-[hsl(var(--primary))]" : "bg-gray-200"}` }) })) : null] }, i));
+            }) }) }));
+}
+export function SgWizard(props) {
+    const i18n = useComponentsI18n();
+    const pages = React.Children.toArray(props.children).filter((child) => React.isValidElement(child) && child.type === SgWizardPage);
+    const stepper = props.stepper ?? "none";
+    const [step, setStep] = React.useState(() => {
+        const idx = props.initialStep ?? 0;
+        return Math.min(Math.max(idx, 0), Math.max(pages.length - 1, 0));
+    });
+    const [isFinishing, setIsFinishing] = React.useState(false);
+    const [isValidating, setIsValidating] = React.useState(false);
+    const pageRef = React.useRef(null);
+    React.useEffect(() => {
+        props.onStepChange?.(step);
+    }, [props, step]);
+    const labels = {
+        next: t(i18n, "components.wizard.next"),
+        previous: t(i18n, "components.wizard.previous"),
+        finish: t(i18n, "components.wizard.finish"),
+        ...(props.labels ?? {})
+    };
+    const isFirst = step <= 0;
+    const isLast = step >= pages.length - 1;
+    const validateCurrentPage = async () => {
+        const container = pageRef.current;
+        if (!container)
+            return true;
+        const inputs = container.querySelectorAll("input, select, textarea");
+        for (const input of Array.from(inputs)) {
+            input.focus({ preventScroll: true });
+            input.blur();
+        }
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        const errors = container.querySelectorAll("[data-sg-error]");
+        return errors.length === 0;
+    };
+    const goNext = async () => {
+        if (isLast)
+            return;
+        if (isValidating)
+            return;
+        setIsValidating(true);
+        try {
+            const pageValid = await validateCurrentPage();
+            if (!pageValid)
+                return;
+            if (props.validateStep) {
+                const ok = await props.validateStep(step);
+                if (!ok)
+                    return;
+            }
+            if (props.onBeforeNext) {
+                const ok = await props.onBeforeNext(step);
+                if (!ok)
+                    return;
+            }
+            setStep((prev) => Math.min(prev + 1, pages.length - 1));
+        }
+        finally {
+            setIsValidating(false);
+        }
+    };
+    const goPrevious = () => {
+        if (isFirst)
+            return;
+        setStep((prev) => Math.max(prev - 1, 0));
+    };
+    const handleFinish = async () => {
+        if (isFinishing)
+            return;
+        if (isValidating)
+            return;
+        setIsValidating(true);
+        try {
+            const pageValid = await validateCurrentPage();
+            if (!pageValid)
+                return;
+            if (props.validateStep) {
+                const ok = await props.validateStep(step);
+                if (!ok)
+                    return;
+            }
+            if (props.onBeforeFinish) {
+                const ok = await props.onBeforeFinish(step);
+                if (!ok)
+                    return;
+            }
+        }
+        finally {
+            setIsValidating(false);
+        }
+        setIsFinishing(true);
+        try {
+            await props.onFinish();
+        }
+        finally {
+            setIsFinishing(false);
+        }
+    };
+    return (_jsxs("div", { className: props.className, children: [stepper !== "none" ? (_jsx(StepperBar, { pages: pages, currentStep: step, mode: stepper })) : null, _jsx("div", { ref: pageRef, children: pages[step] }), _jsxs("div", { className: "mt-6 flex flex-wrap items-center justify-between gap-3", children: [_jsx("div", { children: !isFirst ? (_jsx("button", { type: "button", onClick: goPrevious, className: "inline-flex h-10 items-center justify-center rounded-full border border-border px-5 text-sm font-semibold text-foreground/80 transition hover:bg-black/5", children: labels.previous })) : null }), _jsx("div", { className: "flex items-center gap-3", children: !isLast ? (_jsx("button", { type: "button", onClick: goNext, disabled: isValidating, className: "inline-flex h-10 items-center justify-center rounded-full bg-[hsl(var(--primary))] px-5 text-sm font-semibold text-white shadow-lg shadow-[hsl(var(--primary)/0.35)] transition hover:brightness-95 disabled:cursor-not-allowed disabled:opacity-60", children: labels.next })) : (_jsx("button", { type: "button", onClick: handleFinish, disabled: isFinishing || isValidating, className: "inline-flex h-10 items-center justify-center rounded-full bg-[hsl(var(--primary))] px-5 text-sm font-semibold text-white shadow-lg shadow-[hsl(var(--primary)/0.35)] transition hover:brightness-95 disabled:cursor-not-allowed disabled:opacity-60", children: labels.finish })) })] })] }));
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@seedgrid/fe-components",
+  "version": "0.2.4",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "lucide-react": "^0.468.0",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/starter-kit": "^2.9.1",
+    "@tiptap/extension-underline": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-image": "^2.9.1",
+    "@tiptap/extension-text-align": "^2.9.1",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-subscript": "^2.9.1",
+    "@tiptap/extension-superscript": "^2.9.1",
+    "@tiptap/extension-font-family": "^2.9.1"
+  },
+  "devDependencies": {
+    "react-hook-form": "^7.0.0",
+    "lucide-react": "^0.468.0",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/starter-kit": "^2.9.1",
+    "@tiptap/extension-underline": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-image": "^2.9.1",
+    "@tiptap/extension-text-align": "^2.9.1",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-subscript": "^2.9.1",
+    "@tiptap/extension-superscript": "^2.9.1",
+    "@tiptap/extension-font-family": "^2.9.1"
+  }
+}