ptechcore_ui 1.0.1 → 1.0.2

package/src/services/PlanSubscriptionServices.tsx

@@ -1,137 +0,0 @@
-import { Module, Plan } from '../models/Plan';
-import { API_URL, FetchApi } from './api';
-
-
-const MODULES_API_URL = `${API_URL}/core/modules/`;
-const PLANS_API_URL = `${API_URL}/core/plans/`;
-
-
-
-export const ModuleServices = {
-  // CRUD Operations pour Module
-  createModule: (data: Partial<Module>, token: string) =>
-    FetchApi.post(`${MODULES_API_URL}`, data, token),
-
-  getAllModules: (token: string) =>
-    FetchApi.get(`${MODULES_API_URL}`, token),
-
-  getActiveModules: (token: string) =>
-    FetchApi.get(`${MODULES_API_URL}?is_active=true`, token),
-
-  getModule: (id: number, token: string) =>
-    FetchApi.get(`${MODULES_API_URL}${id}/`, token),
-
-  updateModule: (id: number, data: Partial<Module>, token: string) =>
-    FetchApi.put(`${MODULES_API_URL}${id}/`, data, token),
-
-  deleteModule: (id: number, token: string) =>
-    FetchApi.delete(`${MODULES_API_URL}${id}/`, token),
-
-  // Activation/D�sactivation d'un module
-  toggleModuleStatus: (id: number, is_active: boolean, token: string) =>
-    FetchApi.put(`${MODULES_API_URL}${id}/`, { is_active }, token),
-};
-
-export const PlanServices = {
-  // CRUD Operations pour Plan
-  createPlan: (data: Partial<Plan>, token: string) =>
-    FetchApi.post(`${PLANS_API_URL}`, data, token),
-
-  getAllPlans: (token: string) =>
-    FetchApi.get(`${PLANS_API_URL}`, token),
-
-  getPublicPlans: (token?: string) =>
-    FetchApi.get(`${PLANS_API_URL}?is_private=false`, token),
-
-  getPrivatePlans: (organizationId: number, token: string) =>
-    FetchApi.get(`${PLANS_API_URL}?private_for=${organizationId}`, token),
-
-  getPlan: (id: number, token: string) =>
-    FetchApi.get(`${PLANS_API_URL}${id}/`, token),
-
-  updatePlan: (id: number, data: Partial<Plan>, token: string) =>
-    FetchApi.put(`${PLANS_API_URL}${id}/`, data, token),
-
-  deletePlan: (id: number, token: string) =>
-    FetchApi.delete(`${PLANS_API_URL}${id}/`, token),
-
-  // Gestion des modules inclus dans un plan
-  addModuleToPlan: (planId: number, moduleId: number, token: string) =>
-    FetchApi.post(`${PLANS_API_URL}${planId}/add_module/`, { module_id: moduleId }, token),
-
-  removeModuleFromPlan: (planId: number, moduleId: number, token: string) =>
-    FetchApi.post(`${PLANS_API_URL}${planId}/remove_module/`, { module_id: moduleId }, token),
-
-  getPlanModules: (planId: number, token: string) =>
-    FetchApi.get(`${PLANS_API_URL}${planId}/modules/`, token),
-};
-
-// Service combin� pour la gestion des abonnements
-export const SubscriptionServices = {
-  // Obtenir tous les plans disponibles pour une organisation
-  getAvailablePlans: (organizationId?: number, token?: string) => {
-    if (organizationId && token) {
-      // Obtenir les plans publics + les plans priv�s pour cette organisation
-      return Promise.all([
-        PlanServices.getPublicPlans(token),
-        PlanServices.getPrivatePlans(organizationId, token)
-      ]).then(([publicPlans, privatePlans]) => ({
-        public: publicPlans,
-        private: privatePlans,
-        all: [...(publicPlans as any).data || [], ...(privatePlans as any).data || []]
-      }));
-    } else {
-      // Obtenir seulement les plans publics
-      return PlanServices.getPublicPlans(token);
-    }
-  },
-
-  // Calculer le prix d'un plan selon la p�riode
-  calculatePlanPrice: (plan: Plan, billing_period: 'monthly' | 'yearly'): number => {
-    return billing_period === 'monthly' ? plan.price_monthly : plan.price_yearly;
-  },
-
-  // Calculer les �conomies avec facturation annuelle
-  calculateYearlySavings: (plan: Plan): number => {
-    const yearlyTotal = plan.price_monthly * 12;
-    const savings = yearlyTotal - plan.price_yearly;
-    return Math.max(0, savings);
-  },
-
-  // Calculer le pourcentage d'�conomie
-  calculateSavingsPercentage: (plan: Plan): number => {
-    const yearlyTotal = plan.price_monthly * 12;
-    const savings = SubscriptionServices.calculateYearlySavings(plan);
-    return yearlyTotal > 0 ? Math.round((savings / yearlyTotal) * 100) : 0;
-  },
-
-  // V�rifier si un plan convient � une organisation
-  isPlanSuitableForOrganization: (plan: Plan, userCount: number, entityCount: number): boolean => {
-    return userCount <= plan.max_users && entityCount <= plan.max_entities;
-  },
-
-  // Obtenir les modules non inclus dans un plan
-  getAdditionalModules: async (planId: number, token: string) => {
-    try {
-      const [allModules, planModules] = await Promise.all([
-        ModuleServices.getActiveModules(token),
-        PlanServices.getPlanModules(planId, token)
-      ]);
-
-      const planModuleIds = new Set((planModules as any).data?.map((m: Module) => m.id) || []);
-      const additionalModules = (allModules as any).data?.filter((module: Module) =>
-        !planModuleIds.has(module.id)
-      ) || [];
-
-      return { data: additionalModules };
-    } catch (error) {
-      throw new Error('Erreur lors de la r�cup�ration des modules additionnels');
-    }
-  }
-};
-
-export default {
-  ModuleServices,
-  PlanServices,
-  SubscriptionServices
-};

package/src/services/UserServices.ts

@@ -1,36 +0,0 @@
-
-import { API_URL, FetchApi } from "./api";
-import { User } from "../models/User";
-
-const API_BASE_URL = `${API_URL}/core/auth/`;
-const USERS_API_URL = `${API_URL}/core/users/`;
-
-export const UserServices = {
-  // Créer un nouvel utilisateur
-  addUser: (data: Partial<User>, token: string) =>
-    FetchApi.post(`${USERS_API_URL}`, data, token),
-
-  // Obtenir tous les utilisateurs
-  getUsers: (token: string) =>
-    FetchApi.get(`${USERS_API_URL}`, token),
-
-  // Obtenir un utilisateur par ID
-  getUser: (id: number, token: string) =>
-    FetchApi.get(`${USERS_API_URL}${id}/`, token),
-
-  // Mettre à jour un utilisateur
-  updateUser: (id: number, data: Partial<User>, token: string) =>
-    FetchApi.put(`${USERS_API_URL}${id}/`, data, token),
-
-  // Supprimer un utilisateur
-  deleteUser: (id: number, token: string) =>
-    FetchApi.delete(`${USERS_API_URL}${id}/`, token),
-
-  // Obtenir les utilisateurs d'une entité
-  getEntityUsers: (entityId: number, token: string) =>
-    FetchApi.get(`${API_URL}/core/entities/${entityId}/users/`, token),
-
-  // Ajouter un utilisateur à une entité
-  addUserToEntity: (entityId: number, userId: number, token: string) =>
-    FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token),
-};

package/src/services/api.ts

@@ -1,64 +0,0 @@
-export const ADDRESS_IP = 'localhost:8000';
-export const ADDRESS_IP_URL = `http://${ADDRESS_IP}/`;
-export const API_URL = `${ADDRESS_IP_URL}api`;
-
-
-export class FetchApi {
-  static async post<T>(url: string, payload?: any, token?: string): Promise<T> {
-    const headers: Record<string, string> = {
-      "Content-Type": "application/json",
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "POST",
-      headers,
-      body: payload ? JSON.stringify(payload) : undefined,
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-
-  static async get<T>(url: string, token?: string): Promise<T> {
-    const headers: Record<string, string> = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "GET",
-      headers,
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-
-  static async put<T>(url: string, payload?: any, token?: string): Promise<T> {
-    const headers: Record<string, string> = {
-      "Content-Type": "application/json",
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "PUT",
-      headers,
-      body: payload ? JSON.stringify(payload) : undefined,
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-
-  static async delete<T>(url: string, token?: string): Promise<T> {
-    const headers: Record<string, string> = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "DELETE",
-      headers,
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-}

package/src/styles/theme.ts

@@ -1,383 +0,0 @@
-// Système de thème moderne pour WiseBook
-// 3 palettes de couleurs professionnelles pour application SaaS
-
-export interface ThemeColors {
-  primary: string;
-  primaryHover: string;
-  primaryLight: string;
-  secondary: string;
-  accent: string;
-  background: string;
-  surface: string;
-  surfaceHover: string;
-  text: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    inverse: string;
-  };
-  border: string;
-  borderLight: string;
-  success: string;
-  successLight: string;
-  error: string;
-  errorLight: string;
-  warning: string;
-  warningLight: string;
-  info: string;
-  infoLight: string;
-  sidebar: {
-    bg: string;
-    bgHover: string;
-    text: string;
-    textHover: string;
-    border: string;
-    active: string;
-    activeBg: string;
-  };
-  card: {
-    bg: string;
-    border: string;
-    shadow: string;
-  };
-}
-
-export interface Theme {
-  name: string;
-  description: string;
-  colors: ThemeColors;
-  shadows: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-  transitions: {
-    fast: string;
-    normal: string;
-    slow: string;
-  };
-  borderRadius: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-  };
-}
-
-// Palette 1 – Élégance sobre (finance traditionnelle moderne)
-const elegantTheme: Theme = {
-  name: 'Élégance Sobre',
-  description: 'Finance traditionnelle moderne - sérieux, luxe discret, rassurant',
-  colors: {
-    primary: '#2E7D69',      // Vert émeraude
-    primaryHover: '#246456',
-    primaryLight: 'rgba(46, 125, 105, 0.1)',
-    secondary: '#D4AF37',     // Or pâle
-    accent: '#D4AF37',
-    background: '#F5F5F7',    // Gris clair neutre
-    surface: '#FFFFFF',
-    surfaceHover: '#FAFAFA',
-    text: {
-      primary: '#1E1E2F',     // Charbon profond
-      secondary: '#4A4A5C',
-      tertiary: '#C2C7CE',    // Gris moyen
-      inverse: '#FFFFFF'
-    },
-    border: '#E5E5E7',
-    borderLight: '#F0F0F2',
-    success: '#2E7D69',
-    successLight: 'rgba(46, 125, 105, 0.1)',
-    error: '#DC3545',
-    errorLight: 'rgba(220, 53, 69, 0.1)',
-    warning: '#D4AF37',
-    warningLight: 'rgba(212, 175, 55, 0.1)',
-    info: '#5B9BD5',
-    infoLight: 'rgba(91, 155, 213, 0.1)',
-    sidebar: {
-      bg: '#1E1E2F',
-      bgHover: '#252538',
-      text: '#C2C7CE',
-      textHover: '#FFFFFF',
-      border: 'rgba(194, 199, 206, 0.1)',
-      active: '#2E7D69',
-      activeBg: 'rgba(46, 125, 105, 0.1)'
-    },
-    card: {
-      bg: '#FFFFFF',
-      border: '#E5E5E7',
-      shadow: 'rgba(30, 30, 47, 0.05)'
-    }
-  },
-  shadows: {
-    sm: '0 1px 3px rgba(30, 30, 47, 0.05)',
-    md: '0 4px 6px rgba(30, 30, 47, 0.07)',
-    lg: '0 10px 15px rgba(30, 30, 47, 0.1)',
-    xl: '0 20px 25px rgba(30, 30, 47, 0.12)'
-  },
-  transitions: {
-    fast: '150ms ease',
-    normal: '250ms ease',
-    slow: '350ms ease'
-  },
-  borderRadius: {
-    sm: '4px',
-    md: '8px',
-    lg: '12px',
-    xl: '16px',
-    full: '9999px'
-  }
-};
-
-// Palette 2 – Modern Fintech
-const fintechTheme: Theme = {
-  name: 'Modern Fintech',
-  description: 'Moderne, clair, orienté tableau de bord financier',
-  colors: {
-    primary: '#27AE60',      // Vert doux
-    primaryHover: '#219A52',
-    primaryLight: 'rgba(39, 174, 96, 0.1)',
-    secondary: '#2C3E50',     // Bleu nuit désaturé
-    accent: '#3498DB',
-    background: '#FAFAFA',    // Blanc cassé
-    surface: '#FFFFFF',
-    surfaceHover: '#F8F9FA',
-    text: {
-      primary: '#2C3E50',
-      secondary: '#7F8C8D',    // Gris ardoise
-      tertiary: '#95A5A6',
-      inverse: '#FFFFFF'
-    },
-    border: '#E0E6ED',
-    borderLight: '#F1F4F7',
-    success: '#27AE60',
-    successLight: 'rgba(39, 174, 96, 0.1)',
-    error: '#C0392B',        // Rouge bourgogne
-    errorLight: 'rgba(192, 57, 43, 0.1)',
-    warning: '#F39C12',
-    warningLight: 'rgba(243, 156, 18, 0.1)',
-    info: '#3498DB',
-    infoLight: 'rgba(52, 152, 219, 0.1)',
-    sidebar: {
-      bg: '#2C3E50',
-      bgHover: '#34495E',
-      text: '#95A5A6',
-      textHover: '#FFFFFF',
-      border: 'rgba(149, 165, 166, 0.1)',
-      active: '#27AE60',
-      activeBg: 'rgba(39, 174, 96, 0.1)'
-    },
-    card: {
-      bg: '#FFFFFF',
-      border: '#E0E6ED',
-      shadow: 'rgba(44, 62, 80, 0.04)'
-    }
-  },
-  shadows: {
-    sm: '0 1px 3px rgba(44, 62, 80, 0.04)',
-    md: '0 4px 6px rgba(44, 62, 80, 0.06)',
-    lg: '0 10px 15px rgba(44, 62, 80, 0.08)',
-    xl: '0 20px 25px rgba(44, 62, 80, 0.1)'
-  },
-  transitions: {
-    fast: '150ms ease',
-    normal: '250ms ease',
-    slow: '350ms ease'
-  },
-  borderRadius: {
-    sm: '4px',
-    md: '8px',
-    lg: '12px',
-    xl: '16px',
-    full: '9999px'
-  }
-};
-
-// Palette 3 – Minimaliste premium (Par défaut)
-const minimalistTheme: Theme = {
-  name: 'Minimaliste Premium',
-  description: 'Élégance minimaliste avec touche premium',
-  colors: {
-    primary: '#6A8A82',      // Vert sauge
-    primaryHover: '#5A7A72',
-    primaryLight: 'rgba(106, 138, 130, 0.1)',
-    secondary: '#B87333',     // Cuivre rosé
-    accent: '#B87333',
-    background: '#ECECEC',    // Gris clair perle
-    surface: '#FFFFFF',
-    surfaceHover: '#FAFAFA',
-    text: {
-      primary: '#191919',     // Noir fumé
-      secondary: '#444444',   // Anthracite doux
-      tertiary: '#767676',
-      inverse: '#FFFFFF'
-    },
-    border: '#D9D9D9',
-    borderLight: '#E8E8E8',
-    success: '#6A8A82',
-    successLight: 'rgba(106, 138, 130, 0.1)',
-    error: '#B85450',
-    errorLight: 'rgba(184, 84, 80, 0.1)',
-    warning: '#B87333',
-    warningLight: 'rgba(184, 115, 51, 0.1)',
-    info: '#7A99AC',
-    infoLight: 'rgba(122, 153, 172, 0.1)',
-    sidebar: {
-      bg: '#191919',
-      bgHover: '#242424',
-      text: '#999999',
-      textHover: '#FFFFFF',
-      border: 'rgba(153, 153, 153, 0.1)',
-      active: '#B87333',
-      activeBg: 'rgba(184, 115, 51, 0.1)'
-    },
-    card: {
-      bg: '#FFFFFF',
-      border: '#D9D9D9',
-      shadow: 'rgba(25, 25, 25, 0.03)'
-    }
-  },
-  shadows: {
-    sm: '0 1px 3px rgba(25, 25, 25, 0.03)',
-    md: '0 4px 6px rgba(25, 25, 25, 0.05)',
-    lg: '0 10px 15px rgba(25, 25, 25, 0.07)',
-    xl: '0 20px 25px rgba(25, 25, 25, 0.09)'
-  },
-  transitions: {
-    fast: '150ms ease',
-    normal: '250ms ease',
-    slow: '350ms ease'
-  },
-  borderRadius: {
-    sm: '4px',
-    md: '8px',
-    lg: '12px',
-    xl: '16px',
-    full: '9999px'
-  }
-};
-
-// Palette 4 – Neutral Odyssey (Immobilier haut de gamme)
-const neutralOdysseyTheme: Theme = {
-  name: 'Neutral Odyssey',
-  description: 'Palette haut de gamme pour immobilier - élégance neutre et moderne',
-  colors: {
-    primary: '#373B4D',        // Gris profond, élégant - Actions fortes
-    primaryHover: '#2C2F3D',   // Version plus sombre pour hover
-    primaryLight: 'rgba(55, 59, 77, 0.1)',
-    secondary: '#BDBFB7',      // Accents - éléments surlignés, cartes de projet
-    accent: '#BDBFB7',
-    background: '#ECEDEF',     // Fond clair principal
-    surface: '#ECECEF',        // Surface des cartes et panneaux
-    surfaceHover: '#E6E6E9',
-    text: {
-      primary: '#373B4D',      // Texte principal sur fond clair
-      secondary: '#949597',     // Texte secondaire / icônes
-      tertiary: '#BDBFB7',     // Texte tertiaire
-      inverse: '#ECECEF'       // Texte sur fond sombre
-    },
-    border: '#BDBFB7',         // Bordures principales
-    borderLight: '#E0E0E3',    // Bordures légères
-    success: '#6A8A82',        // Réutilisation du vert sauge pour succès
-    successLight: 'rgba(106, 138, 130, 0.1)',
-    error: '#B85450',
-    errorLight: 'rgba(184, 84, 80, 0.1)',
-    warning: '#D4AF37',        // Or pour les avertissements
-    warningLight: 'rgba(212, 175, 55, 0.1)',
-    info: '#7A99AC',
-    infoLight: 'rgba(122, 153, 172, 0.1)',
-    sidebar: {
-      bg: 'linear-gradient(180deg, #ECECEF 0%, #ECEDEF 100%)',  // Dégradé vertical
-      bgHover: '#E6E6E9',
-      text: '#373B4D',         // Icônes et texte en gris profond
-      textHover: '#2C2F3D',    // Plus sombre au hover
-      border: 'rgba(189, 191, 183, 0.2)',
-      active: '#373B4D',       // État actif en couleur principale
-      activeBg: 'rgba(55, 59, 77, 0.1)'
-    },
-    card: {
-      bg: '#ECEDEF',           // Cartes sur fond légèrement différent
-      border: '#BDBFB7',       // Encadrement des cartes
-      shadow: 'rgba(55, 59, 77, 0.08)'
-    }
-  },
-  shadows: {
-    sm: '0 1px 3px rgba(55, 59, 77, 0.08)',
-    md: '0 4px 6px rgba(55, 59, 77, 0.10)',
-    lg: '0 10px 15px rgba(55, 59, 77, 0.12)',
-    xl: '0 20px 25px rgba(55, 59, 77, 0.15)'
-  },
-  transitions: {
-    fast: '150ms ease',
-    normal: '250ms ease',
-    slow: '350ms ease'
-  },
-  borderRadius: {
-    sm: '4px',
-    md: '8px',
-    lg: '12px',
-    xl: '16px',
-    full: '9999px'
-  }
-};
-
-// Thèmes disponibles
-export const themes = {
-  elegant: elegantTheme,
-  fintech: fintechTheme,
-  minimalist: minimalistTheme,
-  neutralOdyssey: neutralOdysseyTheme
-};
-
-// Thème par défaut
-export const defaultTheme = minimalistTheme;
-
-// Helper pour obtenir les variables CSS d'un thème
-export const getThemeCSSVariables = (theme: Theme) => {
-  return {
-    '--color-primary': theme.colors.primary,
-    '--color-primary-hover': theme.colors.primaryHover,
-    '--color-primary-light': theme.colors.primaryLight,
-    '--color-secondary': theme.colors.secondary,
-    '--color-accent': theme.colors.accent,
-    '--color-background': theme.colors.background,
-    '--color-surface': theme.colors.surface,
-    '--color-surface-hover': theme.colors.surfaceHover,
-    '--color-text-primary': theme.colors.text.primary,
-    '--color-text-secondary': theme.colors.text.secondary,
-    '--color-text-tertiary': theme.colors.text.tertiary,
-    '--color-text-inverse': theme.colors.text.inverse,
-    '--color-border': theme.colors.border,
-    '--color-border-light': theme.colors.borderLight,
-    '--color-success': theme.colors.success,
-    '--color-success-light': theme.colors.successLight,
-    '--color-error': theme.colors.error,
-    '--color-error-light': theme.colors.errorLight,
-    '--color-warning': theme.colors.warning,
-    '--color-warning-light': theme.colors.warningLight,
-    '--color-info': theme.colors.info,
-    '--color-info-light': theme.colors.infoLight,
-    '--shadow-sm': theme.shadows.sm,
-    '--shadow-md': theme.shadows.md,
-    '--shadow-lg': theme.shadows.lg,
-    '--shadow-xl': theme.shadows.xl,
-    '--transition-fast': theme.transitions.fast,
-    '--transition-normal': theme.transitions.normal,
-    '--transition-slow': theme.transitions.slow,
-    '--radius-sm': theme.borderRadius.sm,
-    '--radius-md': theme.borderRadius.md,
-    '--radius-lg': theme.borderRadius.lg,
-    '--radius-xl': theme.borderRadius.xl,
-    '--radius-full': theme.borderRadius.full
-  };
-};
-
-// Types pour le contexte du thème
-export type ThemeType = 'elegant' | 'fintech' | 'minimalist' | 'neutralOdyssey';
-
-export interface ThemeContextValue {
-  theme: Theme;
-  themeType: ThemeType;
-  setTheme: (type: ThemeType) => void;
-}

package/src/utils/utils.ts

@@ -1,48 +0,0 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-
-export function formatCurrency(amount: number, currency: string = 'XAF') {
-  if (currency === 'XAF') {
-    return new Intl.NumberFormat('fr-FR', {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 0,
-    }).format(amount) + ' XAF';
-  }
-  return new Intl.NumberFormat('fr-FR').format(amount) + ' ' + currency;
-}
-
-export function formatDate(date: string | Date | undefined) {
-  if (!date) return 'Non défini';
-  
-  try {
-    const dateObj = typeof date === 'string' ? new Date(date) : date;
-    
-    // Vérifier si la date est valide
-    if (isNaN(dateObj.getTime())) {
-      return 'Date invalide';
-    }
-    
-    return dateObj.toLocaleDateString('fr-FR', {
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric'
-    });
-  } catch (error) {
-    return 'Erreur de format';
-  }
-}
-
-export function formatPercentage(value: number, decimals: number = 1) {
-  return (value).toFixed(decimals) + '%';
-}
-
-export function formatPercent(value: number | null | undefined, decimals: number = 1) {
-  if (value === null || value === undefined || isNaN(value)) {
-    return '0.0%';
-  }
-  return value.toFixed(decimals) + '%';
-}

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />