@seedgrid/fe-components 0.2.4 → 0.2.7

package/dist/inputs/SgInputMasked.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SgInputMasked.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputMasked.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,KAAK,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,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,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqCF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAE/E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4BhD;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEhF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4BlD;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEnF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA+BxD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAE/E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2BhD;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEhF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA6BlD"}

package/dist/inputs/SgInputMasked.js

@@ -1,161 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { maskCep, maskCnpj, maskCpf, maskCpfCnpj, maskPhone } from "../masks";
-import { isValidCnpj, isValidCpf } from "../validators";
-function onlyDigits(value) {
-    return value.replace(/\D/g, "");
-}
-function useValidationState(props, validateFn) {
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        const message = validateFn(value);
-        setInternalError(message);
-        props.onValidation?.(message);
-        return message;
-    }, [props, validateFn]);
-    return { internalError, runValidation };
-}
-function applyMaskProps(props, inputMode) {
-    const { inputProps, mask } = props;
-    const onChange = inputProps.onChange;
-    return {
-        ...inputProps,
-        inputMode: inputProps.inputMode ?? inputMode,
-        onChange: (event) => {
-            event.target.value = mask(event.target.value);
-            onChange?.(event);
-        }
-    };
-}
-export function SgInputCPF(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CPF.";
-        if (digits.length !== 11)
-            return lengthMessage ?? "CPF deve ter 11 dígitos.";
-        if (!isValidCpf(value))
-            return invalidMessage ?? "CPF inválido.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCpf }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCNPJ(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CNPJ.";
-        if (digits.length !== 14)
-            return lengthMessage ?? "CNPJ deve ter 14 dígitos.";
-        if (!isValidCnpj(value))
-            return invalidMessage ?? "CNPJ inválido.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCnpj }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCPFCNPJ(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o documento.";
-        if (digits.length <= 11) {
-            if (digits.length !== 11)
-                return lengthMessage ?? "CPF deve ter 11 dígitos.";
-            return isValidCpf(value) ? null : (invalidMessage ?? "CPF inválido.");
-        }
-        if (digits.length !== 14)
-            return lengthMessage ?? "CNPJ deve ter 14 dígitos.";
-        return isValidCnpj(value) ? null : (invalidMessage ?? "CNPJ inválido.");
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCpfCnpj }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCEP(props) {
-    const { required, requiredMessage, lengthMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CEP.";
-        if (digits.length !== 8)
-            return lengthMessage ?? "CEP deve ter 8 dígitos.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCep }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputFone(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o telefone.";
-        if (digits.length !== 10 && digits.length !== 11) {
-            return lengthMessage ?? invalidMessage ?? "Telefone inválido.";
-        }
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskPhone }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}

package/dist/layout/GroupBox.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export type SgGroupBoxProps = {
-    title: string;
-    height?: number | string;
-    width?: number | string;
-    children: React.ReactNode;
-    className?: string;
-};
-export declare function SgGroupBox(props: SgGroupBoxProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GroupBox.d.ts.map

package/dist/layout/GroupBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupBox.d.ts","sourceRoot":"","sources":["../../src/layout/GroupBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmBhD"}

package/dist/layout/GroupBox.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function toCssSize(value) {
-    if (value === undefined || value === null)
-        return undefined;
-    return typeof value === "number" ? `${value}px` : value;
-}
-export function SgGroupBox(props) {
-    const { title, height, width, children, className } = props;
-    return (_jsx("div", { className: className, style: {
-            width: toCssSize(width) ?? "100%",
-            height: toCssSize(height)
-        }, children: _jsxs("fieldset", { className: "relative rounded-lg border border-border bg-white px-4 pb-4 pt-5", children: [_jsx("legend", { className: "px-2 text-xs font-semibold uppercase tracking-wider text-foreground/70", children: title }), _jsx("div", { children: children })] }) }));
-}