eai-frontend-components 2.0.4

package/dist/lib/help/date-utils.d.ts

@@ -0,0 +1,7 @@
+export declare const getFirstDayOfCurrentMonth: () => Date;
+export declare const getFirstDayOf90DaysAgo: () => Date;
+export declare const stringToDate: (dateString: string, separator?: string) => Date | undefined;
+export declare const aYearAgo: () => Date;
+export declare const invertDate: (date: string, separator?: string) => string;
+export declare const addDaysToToday: (days: number) => Date;
+//# sourceMappingURL=date-utils.d.ts.map

package/dist/lib/help/date-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/help/date-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,QAAO,IAG5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAO,IAGzC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,EAAE,YAAW,MAAY,KAAG,IAAI,GAAG,SAWjF,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,IAK3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,YAAW,MAAY,KAAG,MAIlE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,IAI7C,CAAC"}

package/dist/lib/help/date-utils.js

@@ -0,0 +1,34 @@
+export const getFirstDayOfCurrentMonth = () => {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth(), 1);
+};
+export const getFirstDayOf90DaysAgo = () => {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth() - 3, 1);
+};
+export const stringToDate = (dateString, separator = '/') => {
+    if (!dateString)
+        return undefined;
+    const dateParts = dateString.split(separator);
+    if (dateParts.length !== 3)
+        return undefined;
+    const day = parseInt(dateParts[0], 10);
+    const month = parseInt(dateParts[1], 10) - 1; // Months are zero-based in JavaScript
+    const year = parseInt(dateParts[2], 10);
+    return new Date(year, month, day);
+};
+export const aYearAgo = () => {
+    const aYearAgo = new Date();
+    aYearAgo.setFullYear(aYearAgo.getFullYear() - 1);
+    return aYearAgo;
+};
+export const invertDate = (date, separator = '/') => {
+    if (!date)
+        return '';
+    return date.split(separator).reverse().join('-');
+};
+export const addDaysToToday = (days) => {
+    const date = new Date();
+    date.setDate(date.getDate() + days);
+    return date;
+};

package/dist/lib/help/format.d.ts

@@ -0,0 +1,22 @@
+export declare function formatPhone(telefone: string, removerCountryCode?: boolean): string;
+export declare function formatCpfCnpj(cpfCnpj?: string): string;
+export declare const formatDate: (date: string | Date | undefined, separator?: string) => string;
+export declare const formatDateTime: (date: Date | undefined, returnSeconds?: boolean) => string;
+export declare function formatDateCalendar(date: Date | undefined): string;
+export declare function stringDateToDate(date: string | undefined, separator?: string): Date | undefined;
+export declare const roundNumber: (value: number, fractionDigits?: number) => number;
+export declare const stringToNumber: (value: string | undefined) => number;
+export declare const convertMbToGb: (value: number) => number;
+export declare const convertGbToMb: (value: number) => number;
+export declare const convertSecondsToMinutes: (value: number) => number;
+export declare const convertBytesToMB: (bytes: number) => number;
+export declare const convertMonthToDays: (months: number) => number;
+export declare const convertDaysToMonth: (days: number) => number;
+export declare const formatNumber: (value: number) => string;
+export declare const formatDecimal: (value: number, decimalPlaces?: number) => string;
+export declare const formatPercent: (value: number, decimalPlaces?: number) => string;
+export declare const formatCurrency: (value: number, decimalPlaces?: number) => string;
+export declare const isInvalidCurrencyValue: (rawValue: string | undefined) => boolean;
+export declare function formatMsisdn(value?: string): string;
+export declare function formatCEP(cep?: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/lib/help/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/lib/help/format.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,kBAAkB,UAAO,UAWtE;AAGD,wBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAMtD;AAeD,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,YAAW,MAAY,WAMlF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,GAAG,SAAS,EAAE,gBAAe,OAAe,KAAG,MAQvF,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,CAQjE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,GAAE,MAAY,GAAG,IAAI,GAAG,SAAS,CAOpG;AAGD,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,iBAAgB,MAAU,KAAG,MAEvE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAQ1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,WAE1C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,WAE1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,MAAM,KAAG,MAEvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MAGhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,KAAG,MAEnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,MAEjD,CAAC;AAGF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,WAMzC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,gBAAe,MAAU,WAMrE,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,gBAAe,MAAU,WAErE,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,gBAAe,MAAU,WAOtE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,GAAG,SAAS,KAAG,OAMrE,CAAC;AAGF,wBAAgB,YAAY,CAAC,KAAK,GAAE,MAAW,GAAG,MAAM,CAGvD;AAED,wBAAgB,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,UAOrC"}

package/dist/lib/help/format.js

@@ -0,0 +1,140 @@
+import { maskCpfCnpj, maskPhone } from "@/components/ui/masks";
+import { format } from '@react-input/mask';
+// PHONE
+export function formatPhone(telefone, removerCountryCode = 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')) {
+        numberPhone = numberPhone.substring(2);
+    }
+    return format(numberPhone, maskPhone(numberPhone));
+}
+// CPF/CNPJ
+export function formatCpfCnpj(cpfCnpj) {
+    if (!cpfCnpj)
+        return '';
+    const numberCpfCnpj = cpfCnpj.replace(/\D/g, '');
+    return format(numberCpfCnpj, maskCpfCnpj(numberCpfCnpj));
+}
+// DATE
+function getDay(date) {
+    return date.getDate().toString().padStart(2, '0');
+}
+function getMonth(date) {
+    return (date.getMonth() + 1).toString().padStart(2, '0');
+}
+function getYear(date) {
+    return date.getFullYear().toString();
+}
+export const formatDate = (date, separator = '/') => {
+    if (!date)
+        return '';
+    const d = new Date(date);
+    return d.toLocaleDateString('pt-BR');
+};
+export const formatDateTime = (date, returnSeconds = false) => {
+    if (!date)
+        return '';
+    const hours = date.getHours().toString().padStart(2, '0');
+    const minutes = date.getMinutes().toString().padStart(2, '0');
+    const seconds = returnSeconds ? `:${date.getSeconds().toString().padStart(2, '0')}` : '';
+    return `${formatDate(date)} ${hours}:${minutes}${seconds}`;
+};
+export function formatDateCalendar(date) {
+    if (!date)
+        return '';
+    const day = getDay(date);
+    const month = getMonth(date);
+    const year = getYear(date);
+    return `${year}-${month}-${day}`;
+}
+export function stringDateToDate(date, separator = '/') {
+    if (!date)
+        return undefined;
+    const [day, month, year] = date.split(separator).map(Number);
+    // new Date(ano, mês-1, dia) interpreta a data no fuso horário local
+    return new Date(year, month - 1, day);
+}
+// NUMBER
+export const roundNumber = (value, fractionDigits = 2) => {
+    return Number(value.toFixed(fractionDigits));
+};
+export const stringToNumber = (value) => {
+    if (!value)
+        return 0;
+    const numericValue = value
+        .replace(/[^\d,-]/g, '')
+        .replace(/\./g, '')
+        .replace(',', '.');
+    return Number.parseFloat(numericValue);
+};
+export const convertMbToGb = (value) => {
+    return value > 0 ? roundNumber(value / 1024) : 0;
+};
+export const convertGbToMb = (value) => {
+    return value > 0 ? roundNumber(value * 1024) : 0;
+};
+export const convertSecondsToMinutes = (value) => {
+    return value > 0 ? roundNumber(value / 60) : 0;
+};
+export const convertBytesToMB = (bytes) => {
+    if (!bytes || Number.isNaN(bytes))
+        return 0;
+    return roundNumber(bytes / (1024 * 1024));
+};
+export const convertMonthToDays = (months) => {
+    return months > 0 ? months * 30 : 0;
+};
+export const convertDaysToMonth = (days) => {
+    return days > 0 ? roundNumber(days / 30) : 0;
+};
+// NUMBER
+export const formatNumber = (value) => {
+    return value.toLocaleString('pt-BR', {
+        style: 'decimal',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    });
+};
+// DECIMAL
+export const formatDecimal = (value, decimalPlaces = 2) => {
+    return value.toLocaleString('pt-BR', {
+        style: 'decimal',
+        minimumFractionDigits: decimalPlaces,
+        maximumFractionDigits: decimalPlaces,
+    });
+};
+// PERCENT
+export const formatPercent = (value, decimalPlaces = 2) => {
+    return `% ${formatDecimal(value, decimalPlaces)}`;
+};
+// CURRENCY
+export const formatCurrency = (value, decimalPlaces = 2) => {
+    return value.toLocaleString('pt-BR', {
+        style: 'currency',
+        currency: 'BRL',
+        minimumFractionDigits: decimalPlaces,
+        maximumFractionDigits: decimalPlaces,
+    });
+};
+export const isInvalidCurrencyValue = (rawValue) => {
+    if (!rawValue || rawValue.trim() === '')
+        return true;
+    const numericValue = stringToNumber(rawValue);
+    return Number.isNaN(numericValue) || numericValue <= 0;
+};
+// OTHERS
+export function formatMsisdn(value = '') {
+    const msisdn = value.replace(/\D/g, '');
+    return `(${msisdn.slice(2, 4)}) ${msisdn.slice(4, 9)}-${msisdn.slice(9)}`;
+}
+export function formatCEP(cep) {
+    if (!cep)
+        return '';
+    return cep
+        .replace(/\D/g, '')
+        .replace(/(\d{5})(\d)/, '$1-$2')
+        .replace(/(-\d{3})\d+?$/, '$1');
+}

package/dist/lib/help/theme.d.ts

@@ -0,0 +1,291 @@
+export declare function getTailwindColorShades(): {
+    slate: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    zinc: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    neutral: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    stone: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    amber: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    lime: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    emerald: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    teal: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    sky: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    indigo: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    violet: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    fuchsia: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    rose: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+};
+export type TailwindColorName = keyof ReturnType<typeof getTailwindColorShades>;
+export declare const replaceThemeTailwindColors: (theme: string, tailwindColor: string) => HTMLStyleElement;
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/help/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/lib/help/theme.ts"],"names":[],"mappings":"AACA,wBAAgB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmSrC;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,EAAE,eAAe,MAAM,KAAG,gBAiDjF,CAAC"}