@seedgrid/fe-components 0.2.4

package/dist/inputs/SgInputCEP.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SgInputText } from "./SgInputText";
+import { maskCep } from "../masks";
+import { t, useComponentsI18n } from "../i18n";
+function onlyDigits(value) {
+    return value.replace(/\D/g, "");
+}
+const defaultViaCepFetch = async (cep) => {
+    const response = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
+    return (await response.json());
+};
+export function SgInputCEP(props) {
+    const i18n = useComponentsI18n();
+    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, onClear, inputProps, validateWithViaCep, viaCepErrorMessage, viaCepFetch, onViaCepResult, onViaCepError, ...rest } = props;
+    const [internalError, setInternalError] = React.useState(null);
+    const [hasInteracted, setHasInteracted] = React.useState(false);
+    const lastValidatedCepRef = React.useRef(null);
+    const lastViaCepErroRef = React.useRef(null);
+    const runValidation = React.useCallback(async (value) => {
+        const digits = onlyDigits(value);
+        if (!digits && !required) {
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (!digits && required) {
+            const message = requiredMessage ?? t(i18n, "components.inputs.required");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validation) {
+            const message = validation(value);
+            if (message) {
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+        }
+        if (digits.length !== 8) {
+            const message = lengthMessage ?? t(i18n, "components.inputs.cep.length");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validateWithViaCep) {
+            if (lastValidatedCepRef.current === digits) {
+                const message = viaCepErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cep.invalid");
+                if (lastViaCepErroRef.current) {
+                    setInternalError(message);
+                    props.onValidation?.(message);
+                }
+                else {
+                    setInternalError(null);
+                    props.onValidation?.(null);
+                }
+                return;
+            }
+            try {
+                const checker = viaCepFetch ?? defaultViaCepFetch;
+                const data = await checker(digits);
+                lastValidatedCepRef.current = digits;
+                lastViaCepErroRef.current = Boolean(data?.erro);
+                onViaCepResult?.(data);
+                if (data?.erro) {
+                    const message = viaCepErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cep.invalid");
+                    setInternalError(message);
+                    props.onValidation?.(message);
+                    return;
+                }
+            }
+            catch (err) {
+                onViaCepError?.(err);
+            }
+        }
+        setInternalError(null);
+        props.onValidation?.(null);
+    }, [
+        i18n,
+        invalidMessage,
+        lengthMessage,
+        onViaCepError,
+        onViaCepResult,
+        props,
+        required,
+        requiredMessage,
+        validateWithViaCep,
+        validation,
+        viaCepErrorMessage,
+        viaCepFetch
+    ]);
+    const mergedInputProps = {
+        ...inputProps,
+        inputMode: inputProps?.inputMode ?? "numeric",
+        onChange: (event) => {
+            setHasInteracted(true);
+            event.target.value = maskCep(event.target.value);
+            runValidation(event.currentTarget.value);
+            inputProps?.onChange?.(event);
+        },
+        onBlur: (event) => {
+            if ((validateOnBlur ?? true) || hasInteracted) {
+                runValidation(event.currentTarget.value);
+            }
+            inputProps?.onBlur?.(event);
+        }
+    };
+    return (_jsx(SgInputText, { ...rest, maxLength: rest.maxLength ?? 10, error: error ?? internalError ?? undefined, textInputType: props.textInputType ?? "numeric", onClear: () => {
+            setInternalError(null);
+            props.onValidation?.(null);
+            onClear?.();
+            lastValidatedCepRef.current = null;
+            lastViaCepErroRef.current = null;
+        }, inputProps: mergedInputProps }));
+}

package/dist/inputs/SgInputCNPJ.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { type SgInputTextProps } from "./SgInputText";
+export type SgInputCNPJProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
+    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
+    error?: string;
+    required?: boolean;
+    requiredMessage?: string;
+    lengthMessage?: string;
+    invalidMessage?: string;
+    validation?: (value: string) => string | null;
+    onValidation?: (message: string | null) => void;
+    validateOnBlur?: boolean;
+    validateWithPublicaCnpj?: boolean;
+    publicaCnpjErrorMessage?: string;
+    publicaCnpjFetch?: (cnpj: string) => Promise<unknown | null>;
+    onPublicaCnpjResult?: (data: unknown | null) => void;
+    onPublicaCnpjError?: (error: unknown) => void;
+};
+export declare function SgInputCNPJ(props: SgInputCNPJProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputCNPJ.d.ts.map

package/dist/inputs/SgInputCNPJ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputCNPJ.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputCNPJ.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IAC9E,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAgBF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA2IlD"}

package/dist/inputs/SgInputCNPJ.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SgInputText } from "./SgInputText";
+import { maskCnpj } from "../masks";
+import { isValidCnpj } from "../validators";
+import { t, useComponentsI18n } from "../i18n";
+function onlyAlnumUpper(value) {
+    return value.replace(/[^0-9A-Za-z]/g, "").toUpperCase();
+}
+function onlyDigits(value) {
+    return value.replace(/\D/g, "");
+}
+const defaultPublicaCnpjFetch = async (cnpj) => {
+    const response = await fetch(`https://publica.cnpj.ws/cnpj/${cnpj}`);
+    if (!response.ok)
+        return null;
+    return response.json();
+};
+export function SgInputCNPJ(props) {
+    const i18n = useComponentsI18n();
+    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, validateWithPublicaCnpj, publicaCnpjErrorMessage, publicaCnpjFetch, onPublicaCnpjResult, onPublicaCnpjError, ...rest } = props;
+    const [internalError, setInternalError] = React.useState(null);
+    const lastValidatedCnpjRef = React.useRef(null);
+    const lastPublicaFoundRef = React.useRef(null);
+    const runValidation = React.useCallback(async (value) => {
+        const raw = onlyAlnumUpper(value);
+        if (!raw && !required) {
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (!raw && required) {
+            const message = requiredMessage ?? t(i18n, "components.inputs.required");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validation) {
+            const message = validation(value);
+            if (message) {
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+        }
+        if (raw.length !== 14) {
+            const message = lengthMessage ?? t(i18n, "components.inputs.cnpj.length");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (!isValidCnpj(value)) {
+            const message = invalidMessage ?? t(i18n, "components.inputs.cnpj.invalid");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validateWithPublicaCnpj && !/[A-Z]/.test(raw)) {
+            const digits = onlyDigits(raw);
+            if (digits.length === 14) {
+                if (lastValidatedCnpjRef.current === digits) {
+                    const message = publicaCnpjErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cnpj.invalid");
+                    if (lastPublicaFoundRef.current === false) {
+                        setInternalError(message);
+                        props.onValidation?.(message);
+                    }
+                    else {
+                        setInternalError(null);
+                        props.onValidation?.(null);
+                    }
+                    return;
+                }
+                try {
+                    const checker = publicaCnpjFetch ?? defaultPublicaCnpjFetch;
+                    const data = await checker(digits);
+                    lastValidatedCnpjRef.current = digits;
+                    lastPublicaFoundRef.current = Boolean(data);
+                    onPublicaCnpjResult?.(data);
+                    if (!data) {
+                        const message = publicaCnpjErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cnpj.invalid");
+                        setInternalError(message);
+                        props.onValidation?.(message);
+                        return;
+                    }
+                }
+                catch (err) {
+                    onPublicaCnpjError?.(err);
+                }
+            }
+        }
+        setInternalError(null);
+        props.onValidation?.(null);
+    }, [
+        i18n,
+        required,
+        requiredMessage,
+        lengthMessage,
+        invalidMessage,
+        validation,
+        props,
+        validateWithPublicaCnpj,
+        publicaCnpjErrorMessage,
+        publicaCnpjFetch,
+        onPublicaCnpjResult,
+        onPublicaCnpjError
+    ]);
+    const inputProps = {
+        ...rest.inputProps,
+        inputMode: rest.inputProps.inputMode ?? "text",
+        onChange: (event) => {
+            event.target.value = maskCnpj(event.target.value);
+            runValidation(event.currentTarget.value);
+            rest.inputProps.onChange?.(event);
+        }
+    };
+    const onBlur = inputProps.onBlur;
+    const shouldValidateOnBlur = validateOnBlur ?? true;
+    return (_jsx(SgInputText, { ...rest, maxLength: rest.maxLength ?? 18, error: error ?? internalError ?? undefined, onClear: () => {
+            setInternalError(null);
+            props.onValidation?.(null);
+            lastValidatedCnpjRef.current = null;
+            lastPublicaFoundRef.current = null;
+            rest.onClear?.();
+        }, inputProps: {
+            ...inputProps,
+            onBlur: (event) => {
+                if (shouldValidateOnBlur)
+                    runValidation(event.currentTarget.value);
+                onBlur?.(event);
+            }
+        } }));
+}

package/dist/inputs/SgInputCPF.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type SgInputTextProps } from "./SgInputText";
+export type SgInputCPFProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
+    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
+    error?: string;
+    required?: boolean;
+    requiredMessage?: string;
+    lengthMessage?: string;
+    invalidMessage?: string;
+    validation?: (value: string) => string | null;
+    onValidation?: (message: string | null) => void;
+    validateOnBlur?: boolean;
+};
+export declare function SgInputCPF(props: SgInputCPFProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputCPF.d.ts.map

package/dist/inputs/SgInputCPF.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputCPF.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputCPF.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IAC7E,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAMF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAwEhD"}

package/dist/inputs/SgInputCPF.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SgInputText } from "./SgInputText";
+import { maskCpf } from "../masks";
+import { isValidCpf } from "../validators";
+import { t, useComponentsI18n } from "../i18n";
+function onlyDigits(value) {
+    return value.replace(/\D/g, "");
+}
+export function SgInputCPF(props) {
+    const i18n = useComponentsI18n();
+    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, ...rest } = props;
+    const [internalError, setInternalError] = React.useState(null);
+    const runValidation = React.useCallback((value) => {
+        const digits = onlyDigits(value);
+        if (!digits && !required) {
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (!digits && required) {
+            const message = requiredMessage ?? t(i18n, "components.inputs.required");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validation) {
+            const message = validation(value);
+            if (message) {
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+        }
+        if (digits.length !== 11) {
+            const message = lengthMessage ?? t(i18n, "components.inputs.cpf.length");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (!isValidCpf(value)) {
+            const message = invalidMessage ?? t(i18n, "components.inputs.cpf.invalid");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        setInternalError(null);
+        props.onValidation?.(null);
+    }, [i18n, required, requiredMessage, lengthMessage, invalidMessage, validation, props]);
+    const inputProps = {
+        ...rest.inputProps,
+        inputMode: rest.inputProps.inputMode ?? "numeric",
+        onChange: (event) => {
+            event.target.value = maskCpf(event.target.value);
+            runValidation(event.currentTarget.value);
+            rest.inputProps.onChange?.(event);
+        }
+    };
+    const onBlur = inputProps.onBlur;
+    const shouldValidateOnBlur = validateOnBlur ?? true;
+    return (_jsx(SgInputText, { ...rest, maxLength: rest.maxLength ?? 18, error: error ?? internalError ?? undefined, inputProps: {
+            ...inputProps,
+            onBlur: (event) => {
+                if (shouldValidateOnBlur)
+                    runValidation(event.currentTarget.value);
+                onBlur?.(event);
+            }
+        } }));
+}

package/dist/inputs/SgInputCPFCNPJ.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type SgInputTextProps } from "./SgInputText";
+export type SgInputCPFCNPJProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
+    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
+    error?: string;
+    required?: boolean;
+    requiredMessage?: string;
+    lengthMessage?: string;
+    invalidMessage?: string;
+    validation?: (value: string) => string | null;
+    onValidation?: (message: string | null) => void;
+    validateOnBlur?: boolean;
+};
+export declare function SgInputCPFCNPJ(props: SgInputCPFCNPJProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputCPFCNPJ.d.ts.map

package/dist/inputs/SgInputCPFCNPJ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputCPFCNPJ.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputCPFCNPJ.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IACjF,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAUF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA2FxD"}

package/dist/inputs/SgInputCPFCNPJ.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SgInputText } from "./SgInputText";
+import { maskCpfCnpj } from "../masks";
+import { isValidCnpj, isValidCpf } from "../validators";
+import { t, useComponentsI18n } from "../i18n";
+function onlyDigits(value) {
+    return value.replace(/\D/g, "");
+}
+function onlyAlnumUpper(value) {
+    return value.replace(/[^0-9A-Za-z]/g, "").toUpperCase();
+}
+export function SgInputCPFCNPJ(props) {
+    const i18n = useComponentsI18n();
+    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, ...rest } = props;
+    const [internalError, setInternalError] = React.useState(null);
+    const runValidation = React.useCallback((value) => {
+        const raw = onlyAlnumUpper(value);
+        if (!raw && !required) {
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (!raw && required) {
+            const message = requiredMessage ?? t(i18n, "components.inputs.required");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (validation) {
+            const message = validation(value);
+            if (message) {
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+        }
+        const isCnpj = /[A-Z]/.test(raw) || raw.length > 11;
+        if (!isCnpj) {
+            const digits = onlyDigits(value);
+            if (digits.length !== 11) {
+                const message = lengthMessage ?? t(i18n, "components.inputs.cpf.length");
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+            if (!isValidCpf(value)) {
+                const message = invalidMessage ?? t(i18n, "components.inputs.cpf.invalid");
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (raw.length !== 14) {
+            const message = lengthMessage ?? t(i18n, "components.inputs.cnpj.length");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (!isValidCnpj(value)) {
+            const message = invalidMessage ?? t(i18n, "components.inputs.cnpj.invalid");
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        setInternalError(null);
+        props.onValidation?.(null);
+    }, [i18n, required, requiredMessage, lengthMessage, invalidMessage, validation, props]);
+    const inputProps = {
+        ...rest.inputProps,
+        inputMode: rest.inputProps.inputMode ?? "text",
+        onChange: (event) => {
+            event.target.value = maskCpfCnpj(event.target.value);
+            runValidation(event.currentTarget.value);
+            rest.inputProps.onChange?.(event);
+        }
+    };
+    const onBlur = inputProps.onBlur;
+    const shouldValidateOnBlur = validateOnBlur ?? true;
+    return (_jsx(SgInputText, { ...rest, maxLength: rest.maxLength ?? 18, error: error ?? internalError ?? undefined, inputProps: {
+            ...inputProps,
+            onBlur: (event) => {
+                if (shouldValidateOnBlur)
+                    runValidation(event.currentTarget.value);
+                onBlur?.(event);
+            }
+        } }));
+}

package/dist/inputs/SgInputDate.d.ts

@@ -0,0 +1,8 @@
+import { type SgInputTextProps } from "./SgInputText";
+export type SgInputDateProps = Omit<SgInputTextProps, "type"> & {
+    minDate?: string | Date;
+    maxDate?: string | Date;
+    alwaysFloat?: boolean;
+};
+export declare function SgInputDate(props: SgInputDateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputDate.d.ts.map

package/dist/inputs/SgInputDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputDate.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputDate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAuBF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkIlD"}

package/dist/inputs/SgInputDate.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SgInputText } from "./SgInputText";
+import { t, useComponentsI18n } from "../i18n";
+function toDateValue(value) {
+    if (!value)
+        return undefined;
+    if (typeof value === "string")
+        return value;
+    return value.toISOString().slice(0, 10);
+}
+function formatDateDisplay(value, locale) {
+    const iso = toDateValue(value);
+    if (!iso)
+        return "";
+    if (locale === "en-US")
+        return iso;
+    const [year, month, day] = iso.split("-");
+    if (!year || !month || !day)
+        return iso;
+    return `${day}/${month}/${year}`;
+}
+function parseDateValue(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return null;
+    return date;
+}
+export function SgInputDate(props) {
+    const i18n = useComponentsI18n();
+    const { minDate, maxDate, inputProps, alwaysFloat, required, requiredMessage, validateOnBlur, validation, onValidation, error, ...rest } = props;
+    const showStaticLabel = true;
+    const labelText = rest.labelText ?? rest.label ?? "";
+    const [internalError, setInternalError] = React.useState(null);
+    const hasError = Boolean(error ?? internalError);
+    const [hasInteracted, setHasInteracted] = React.useState(false);
+    const minDateValue = toDateValue(minDate);
+    const maxDateValue = toDateValue(maxDate);
+    const runValidation = React.useCallback((value) => {
+        if (!value && !required) {
+            setInternalError(null);
+            onValidation?.(null);
+            return;
+        }
+        if (!value && required) {
+            const message = requiredMessage ?? t(i18n, "components.inputs.required");
+            setInternalError(message);
+            onValidation?.(message);
+            return;
+        }
+        const customMessage = validation?.(value) ?? null;
+        if (customMessage) {
+            setInternalError(customMessage);
+            onValidation?.(customMessage);
+            return;
+        }
+        const parsed = parseDateValue(value);
+        if (!parsed) {
+            const message = t(i18n, "components.inputs.date.invalid");
+            setInternalError(message);
+            onValidation?.(message);
+            return;
+        }
+        const min = minDateValue ? parseDateValue(minDateValue) : null;
+        const max = maxDateValue ? parseDateValue(maxDateValue) : null;
+        if (min && parsed < min || max && parsed > max) {
+            const minLabel = formatDateDisplay(minDateValue, i18n.locale);
+            const maxLabel = formatDateDisplay(maxDateValue, i18n.locale);
+            const message = minLabel && maxLabel
+                ? t(i18n, "components.inputs.date.range", { min: minLabel, max: maxLabel })
+                : minLabel
+                    ? t(i18n, "components.inputs.date.min", { min: minLabel })
+                    : t(i18n, "components.inputs.date.max", { max: maxLabel });
+            setInternalError(message);
+            onValidation?.(message);
+            return;
+        }
+        setInternalError(null);
+        onValidation?.(null);
+    }, [i18n, maxDateValue, minDateValue, onValidation, required, requiredMessage, validation]);
+    const mergedInputProps = {
+        ...inputProps,
+        placeholder: showStaticLabel ? " " : (inputProps?.placeholder ?? rest.hintText ?? labelText),
+        min: minDateValue,
+        max: maxDateValue,
+        readOnly: inputProps?.readOnly,
+        onChange: (event) => {
+            setHasInteracted(true);
+            if (validateOnBlur === false || internalError) {
+                runValidation(event.currentTarget.value);
+            }
+            inputProps?.onChange?.(event);
+        },
+        onBlur: (event) => {
+            if ((validateOnBlur ?? true) || hasInteracted) {
+                runValidation(event.currentTarget.value);
+            }
+            inputProps?.onBlur?.(event);
+        }
+    };
+    const inputClassName = (() => {
+        if (mergedInputProps.className)
+            return mergedInputProps.className;
+        const hasError = Boolean(error ?? internalError);
+        const baseClass = "peer h-11 w-full rounded-md bg-white pl-3 pr-7 py-2.5 text-sm shadow-sm placeholder-transparent focus:outline-none";
+        const borderClass = hasError
+            ? "border border-[hsl(var(--destructive))] focus:border-[hsl(var(--destructive))] focus:ring-2 focus:ring-[hsl(var(--destructive)/0.25)]"
+            : "border border-border focus:border-[hsl(var(--primary))] focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]";
+        return [baseClass, borderClass].join(" ");
+    })();
+    return (_jsxs("div", { className: showStaticLabel ? "relative" : undefined, children: [_jsx("style", { children: `
+        input[type="date"]::-webkit-calendar-picker-indicator {
+          cursor: pointer;
+        }
+      ` }), showStaticLabel && labelText ? (_jsx("label", { htmlFor: rest.id, className: [
+                    "pointer-events-none absolute left-3 top-0 z-10 -translate-y-1/2 bg-white px-1 text-[11px] font-medium leading-none",
+                    hasError ? "text-[hsl(var(--destructive))]" : "text-foreground/70"
+                ].join(" "), children: labelText })) : null, _jsx(SgInputText, { ...rest, type: "date", error: error ?? internalError ?? undefined, inputProps: mergedInputProps, className: inputClassName, labelClassName: showStaticLabel ? "sr-only" : undefined })] }));
+}

package/dist/inputs/SgInputEmail.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { type SgInputTextProps } from "./SgInputText";
+export type SgInputEmailProps = Omit<SgInputTextProps, "type" | "error"> & {
+    error?: string;
+    required?: boolean;
+    requiredMessage?: string;
+    invalidMessage?: string;
+    blockFakeMail?: boolean;
+    blockedEmailDomains?: string[];
+    validation?: (value: string) => string | null;
+    validateOnBlur?: boolean;
+    onValidation?: (message: string | null) => void;
+    iconButtons?: React.ReactNode[];
+};
+export declare function SgInputEmail(props: Readonly<SgInputEmailProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputEmail.d.ts.map

package/dist/inputs/SgInputEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputEmail.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputEmail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAiG9D"}