@wakastellar/ui 0.1.3 → 0.1.5

package/dist/blocks/i18n-editor/index.d.ts

@@ -0,0 +1,63 @@
+export interface TranslationValue {
+    value: string;
+    updatedAt?: Date;
+    comment?: string;
+}
+export interface TranslationEntry {
+    key: string;
+    translations: Record<string, TranslationValue>;
+}
+export interface LanguageConfig {
+    code: string;
+    label: string;
+    flag?: string;
+    isSource?: boolean;
+}
+export interface I18nEditorConfig {
+    /** Langues disponibles */
+    languages: LanguageConfig[];
+    /** Code de la langue source */
+    sourceLanguage: string;
+    /** Séparateur pour les clés (ex: ".") */
+    keyPathSeparator?: string;
+    /** Activer l'auto-save */
+    autoSave?: boolean;
+    /** Délai de debounce pour l'auto-save en ms */
+    saveDebounceMs?: number;
+    /** Patterns de placeholders à valider */
+    placeholderPatterns?: string[];
+    /** Ratio max de longueur */
+    maxLengthRatio?: number;
+}
+export interface I18nEditorProps {
+    /** Configuration de l'éditeur */
+    config: I18nEditorConfig;
+    /** Données de traduction initiales */
+    translations: TranslationEntry[];
+    /** Callback quand une traduction change */
+    onChange?: (key: string, language: string, value: string) => void;
+    /** Callback pour sauvegarder */
+    onSave?: (translations: TranslationEntry[]) => Promise<void>;
+    /** Callback pour ajouter une clé */
+    onAddKey?: (key: string) => Promise<void>;
+    /** Callback pour supprimer une clé */
+    onDeleteKey?: (key: string) => Promise<void>;
+    /** Callback pour ajouter une langue */
+    onAddLanguage?: (language: LanguageConfig) => Promise<void>;
+    /** Callback pour exporter */
+    onExport?: (language?: string) => Promise<void>;
+    /** Callback pour importer */
+    onImport?: (file: File, language: string, strategy: "overwrite" | "merge") => Promise<void>;
+    /** État de chargement */
+    isLoading?: boolean;
+    /** État de sauvegarde */
+    isSaving?: boolean;
+    /** Classe CSS */
+    className?: string;
+    /** Titre */
+    title?: string;
+    /** Description */
+    description?: string;
+}
+export declare function WakaI18nEditor({ config, translations: initialTranslations, onChange, onSave, onAddKey, onDeleteKey, onAddLanguage, onExport, onImport, isLoading, isSaving, className, title, description, }: I18nEditorProps): import("react/jsx-runtime").JSX.Element;
+export default WakaI18nEditor;

package/dist/blocks/kanban-board/index.d.ts

@@ -0,0 +1,77 @@
+export type KanbanCardPriority = "low" | "medium" | "high" | "urgent";
+export interface KanbanCardLabel {
+    id: string;
+    name: string;
+    color: string;
+}
+export interface KanbanCardAssignee {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+export interface KanbanCard {
+    id: string;
+    title: string;
+    description?: string;
+    priority?: KanbanCardPriority;
+    labels?: KanbanCardLabel[];
+    assignees?: KanbanCardAssignee[];
+    dueDate?: Date | string;
+    createdAt?: Date | string;
+    metadata?: Record<string, unknown>;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    color?: string;
+    limit?: number;
+}
+export interface WakaKanbanBoardProps {
+    /** Colonnes du tableau */
+    columns: KanbanColumn[];
+    /** Callback lors du changement des colonnes */
+    onColumnsChange?: (columns: KanbanColumn[]) => void;
+    /** Callback lors du clic sur une carte */
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    /** Callback lors de l'ajout d'une carte */
+    onCardAdd?: (columnId: string, card: Partial<KanbanCard>) => void;
+    /** Callback lors de la modification d'une carte */
+    onCardEdit?: (cardId: string, columnId: string, data: Partial<KanbanCard>) => void;
+    /** Callback lors de la suppression d'une carte */
+    onCardDelete?: (cardId: string, columnId: string) => void;
+    /** Callback lors du déplacement d'une carte */
+    onCardMove?: (cardId: string, fromColumnId: string, toColumnId: string, index: number) => void;
+    /** Callback lors de l'ajout d'une colonne */
+    onColumnAdd?: (column: Partial<KanbanColumn>) => void;
+    /** Callback lors de la modification d'une colonne */
+    onColumnEdit?: (columnId: string, data: Partial<KanbanColumn>) => void;
+    /** Callback lors de la suppression d'une colonne */
+    onColumnDelete?: (columnId: string) => void;
+    /** Afficher le bouton d'ajout de carte */
+    showAddCard?: boolean;
+    /** Afficher le bouton d'ajout de colonne */
+    showAddColumn?: boolean;
+    /** Afficher le nombre de cartes */
+    showCardCount?: boolean;
+    /** Afficher les assignés */
+    showAssignees?: boolean;
+    /** Afficher les labels */
+    showLabels?: boolean;
+    /** Afficher la priorité */
+    showPriority?: boolean;
+    /** Afficher la date d'échéance */
+    showDueDate?: boolean;
+    /** Autoriser le drag & drop */
+    draggable?: boolean;
+    /** Labels disponibles */
+    availableLabels?: KanbanCardLabel[];
+    /** Assignés disponibles */
+    availableAssignees?: KanbanCardAssignee[];
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaKanbanBoard({ columns: externalColumns, onColumnsChange, onCardClick, onCardAdd, onCardEdit, onCardDelete, onCardMove, onColumnAdd, onColumnEdit, onColumnDelete, showAddCard, showAddColumn, showCardCount, showAssignees, showLabels, showPriority, showDueDate, draggable, availableLabels, availableAssignees, className, }: WakaKanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultKanbanColumns: KanbanColumn[];
+export declare const defaultKanbanLabels: KanbanCardLabel[];
+export default WakaKanbanBoard;

package/dist/blocks/landing/index.d.ts

@@ -0,0 +1,101 @@
+import * as React from "react";
+export interface LandingNavItem {
+    label: string;
+    href: string;
+    isActive?: boolean;
+}
+export interface LandingHeroProps {
+    /** Badge texte */
+    badge?: string;
+    /** Titre principal */
+    title: string;
+    /** Titre mis en évidence */
+    highlightedTitle?: string;
+    /** Description */
+    description: string;
+    /** Texte du bouton principal */
+    primaryButtonText?: string;
+    /** Action du bouton principal */
+    primaryButtonAction?: () => void;
+    /** Lien du bouton principal */
+    primaryButtonHref?: string;
+    /** Texte du bouton secondaire */
+    secondaryButtonText?: string;
+    /** Action du bouton secondaire */
+    secondaryButtonAction?: () => void;
+    /** Lien du bouton secondaire */
+    secondaryButtonHref?: string;
+    /** Image/illustration */
+    image?: React.ReactNode;
+    /** Statistiques */
+    stats?: {
+        value: string;
+        label: string;
+    }[];
+}
+export interface LandingFeature {
+    id: string;
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+}
+export interface LandingTestimonial {
+    id: string;
+    content: string;
+    author: string;
+    role: string;
+    company?: string;
+    avatar?: string;
+    rating?: number;
+}
+export interface LandingCTA {
+    title: string;
+    description?: string;
+    buttonText: string;
+    buttonAction?: () => void;
+    buttonHref?: string;
+    secondaryButtonText?: string;
+    secondaryButtonAction?: () => void;
+    variant?: "default" | "gradient" | "dark";
+}
+export interface WakaLandingProps {
+    /** Logo */
+    logo?: React.ReactNode;
+    /** Nom de la marque */
+    brandName?: string;
+    /** Items de navigation */
+    navItems?: LandingNavItem[];
+    /** Afficher le bouton de connexion */
+    showLoginButton?: boolean;
+    /** Texte du bouton de connexion */
+    loginButtonText?: string;
+    /** Action du bouton de connexion */
+    onLogin?: () => void;
+    /** URL de connexion */
+    loginHref?: string;
+    /** Configuration du Hero */
+    hero?: LandingHeroProps;
+    /** Features */
+    features?: LandingFeature[];
+    /** Titre de la section features */
+    featuresTitle?: string;
+    /** Description de la section features */
+    featuresDescription?: string;
+    /** Témoignages */
+    testimonials?: LandingTestimonial[];
+    /** Titre de la section témoignages */
+    testimonialsTitle?: string;
+    /** CTA */
+    cta?: LandingCTA;
+    /** Footer content */
+    footer?: React.ReactNode;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaLanding({ logo, brandName, navItems, showLoginButton, loginButtonText, onLogin, loginHref, hero, features, featuresTitle, featuresDescription, testimonials, testimonialsTitle, cta, footer, className, }: WakaLandingProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultLandingNavItems: LandingNavItem[];
+export declare const defaultLandingFeatures: LandingFeature[];
+export declare const defaultLandingTestimonials: LandingTestimonial[];
+export declare const defaultLandingHero: LandingHeroProps;
+export declare const defaultLandingCTA: LandingCTA;
+export default WakaLanding;

package/dist/blocks/login/index.d.ts

@@ -1,7 +1,18 @@
 import { LoginConfig } from './types';
 export type { LoginConfig, LoginColorConfig, LoginThemeConfig, LoginAssetsConfig, LoginSignupOptions } from './types';
 export interface LoginProps {
-    /** Configuration JSON complète du composant */
+    /**
+     * Configuration JSON complète du composant Login
+     *
+     * Doit correspondre exactement à la structure LoginConfig avec :
+     * - color_json : couleurs personnalisées (primary, secondary, accent)
+     * - theme_json : configuration du thème (name, dark_mode)
+     * - assets : logos et images selon le thème
+     * - waka_powered : afficher le badge "Powered by Waka"
+     * - lang_code : code de langue (ex: "fr_FR")
+     * - signup_options : options SSO, MFA, allow_login
+     * - oem_resolution_rules : règles de résolution OEM (optionnel)
+     */
     config?: LoginConfig;
     /** Callback lors de la soumission du formulaire */
     onSubmit?: (data: LoginFormData) => void;

package/dist/blocks/login/types.d.ts

@@ -68,20 +68,59 @@ export interface LoginSignupOptions {
 }
 /**
  * Configuration complète du composant Login
+ *
+ * Structure JSON attendue :
+ * {
+ *   "color_json": {
+ *     "primary": "#000000",
+ *     "secondary": "#FFFFFF",
+ *     "accent": "#FF9900"
+ *   },
+ *   "theme_json": {
+ *     "name": "Default Theme",
+ *     "dark_mode": true
+ *   },
+ *   "assets": {
+ *     "theme_logo_dark": "https://...",
+ *     "theme_logo_light": "https://...",
+ *     "theme_image_light": "https://...",
+ *     "theme_image_dark": "https://...",
+ *     "sponsor_image_light": "https://...",
+ *     "sponsor_image_dark": "https://..."
+ *   },
+ *   "waka_powered": true,
+ *   "lang_code": "fr_FR",
+ *   "signup_options": {
+ *     "allow_login": true,
+ *     "require_MFA": false,
+ *     "MFA_email": true,
+ *     "MFA_whatsapp": false,
+ *     "MFA_RCS": false,
+ *     "allow_sso_google": true,
+ *     "allow_sso_microsoft": true,
+ *     "allow_sso_apple": false,
+ *     "allow_sso_linkedIn": false,
+ *     "allow_sso_github": false,
+ *     "allow_sso_facebook": false,
+ *     "allow_sso_instagram": false,
+ *     "allow_sso_france_connect": false
+ *   },
+ *   "oem_resolution_rules": ["..."]
+ * }
  */
 export interface LoginConfig {
-    /** Configuration des couleurs */
+    /** Configuration des couleurs du thème */
     color_json: LoginColorConfig;
-    /** Configuration du thème */
+    /** Configuration du thème (nom et mode dark/light) */
     theme_json: LoginThemeConfig;
-    /** Assets (logos et images) */
+    /** Assets (logos et images selon le thème) */
     assets: LoginAssetsConfig;
-    /** Afficher le badge "Waka Powered" */
+    /** Afficher le badge "Waka Powered" en bas du formulaire */
     waka_powered: boolean;
-    /** Code de langue (ex: "fr_FR") */
+    /** Code de langue (ex: "fr_FR", "en_US") - utilisé pour l'i18n */
     lang_code: string;
-    /** Options d'inscription et de connexion */
+    /** Options d'inscription et de connexion (SSO, MFA, etc.) */
     signup_options: LoginSignupOptions;
-    /** Règles de résolution OEM (optionnel, pour documentation) */
+    /** Règles de résolution OEM (optionnel, utilisé pour la documentation/logique métier) */
     oem_resolution_rules?: string[];
 }

package/dist/blocks/pricing/index.d.ts

@@ -0,0 +1,60 @@
+export interface PricingFeature {
+    name: string;
+    included: boolean | "partial" | "limited";
+    tooltip?: string;
+    value?: string;
+}
+export interface PricingPlan {
+    id: string;
+    name: string;
+    description?: string;
+    price: number | string;
+    priceYearly?: number | string;
+    currency?: string;
+    period?: string;
+    periodYearly?: string;
+    features: PricingFeature[];
+    buttonText?: string;
+    buttonVariant?: "default" | "outline" | "secondary";
+    onSelect?: () => void;
+    href?: string;
+    popular?: boolean;
+    badge?: string;
+    disabled?: boolean;
+}
+export interface PricingFAQ {
+    question: string;
+    answer: string;
+}
+export interface WakaPricingProps {
+    /** Titre */
+    title?: string;
+    /** Description */
+    description?: string;
+    /** Plans de tarification */
+    plans: PricingPlan[];
+    /** Afficher le toggle mensuel/annuel */
+    showBillingToggle?: boolean;
+    /** Période de facturation */
+    billingPeriod?: "monthly" | "yearly";
+    /** Callback changement de période */
+    onBillingPeriodChange?: (period: "monthly" | "yearly") => void;
+    /** Réduction annuelle (ex: "20%") */
+    yearlyDiscount?: string;
+    /** FAQ */
+    faq?: PricingFAQ[];
+    /** Titre de la FAQ */
+    faqTitle?: string;
+    /** Layout */
+    layout?: "cards" | "table";
+    /** Nombre de colonnes */
+    columns?: 2 | 3 | 4;
+    /** Afficher la comparaison de features */
+    showComparison?: boolean;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaPricing({ title, description, plans, showBillingToggle, billingPeriod: externalBillingPeriod, onBillingPeriodChange, yearlyDiscount, faq, faqTitle, layout, columns, showComparison, className, }: WakaPricingProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultPricingPlans: PricingPlan[];
+export declare const defaultPricingFAQ: PricingFAQ[];
+export default WakaPricing;

package/dist/blocks/profile/index.d.ts

@@ -0,0 +1,98 @@
+import * as React from "react";
+export interface ProfileSocialLink {
+    id: string;
+    type: "website" | "twitter" | "github" | "linkedin" | "other";
+    url: string;
+    label?: string;
+}
+export interface ProfileField {
+    id: string;
+    label: string;
+    value: string;
+    type?: "text" | "email" | "tel" | "url" | "textarea" | "date" | "select";
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    required?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface ProfileSection {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    fields: ProfileField[];
+}
+export interface ProfileData {
+    /** Nom d'affichage */
+    displayName: string;
+    /** Prénom */
+    firstName?: string;
+    /** Nom */
+    lastName?: string;
+    /** Email */
+    email: string;
+    /** Téléphone */
+    phone?: string;
+    /** Bio */
+    bio?: string;
+    /** Avatar URL */
+    avatarUrl?: string;
+    /** Rôle/Titre */
+    role?: string;
+    /** Département */
+    department?: string;
+    /** Entreprise */
+    company?: string;
+    /** Localisation */
+    location?: string;
+    /** Site web */
+    website?: string;
+    /** Date d'inscription */
+    joinedAt?: Date | string;
+    /** Liens sociaux */
+    socialLinks?: ProfileSocialLink[];
+    /** Champs personnalisés */
+    customFields?: Record<string, string>;
+}
+export interface WakaProfileProps {
+    /** Données du profil */
+    profile: ProfileData;
+    /** Mode édition */
+    editable?: boolean;
+    /** En mode édition actuellement */
+    isEditing?: boolean;
+    /** Callback pour activer/désactiver l'édition */
+    onEditToggle?: (editing: boolean) => void;
+    /** Callback lors d'un changement */
+    onChange?: (field: string, value: string) => void;
+    /** Callback de sauvegarde */
+    onSave?: (profile: ProfileData) => void | Promise<void>;
+    /** En cours de sauvegarde */
+    saving?: boolean;
+    /** Callback changement d'avatar */
+    onAvatarChange?: (file: File) => void | Promise<void>;
+    /** Sections personnalisées */
+    customSections?: ProfileSection[];
+    /** Afficher les liens sociaux */
+    showSocialLinks?: boolean;
+    /** Afficher les statistiques */
+    showStats?: boolean;
+    /** Statistiques */
+    stats?: {
+        label: string;
+        value: string | number;
+    }[];
+    /** Layout */
+    layout?: "card" | "page" | "compact";
+    /** Tabs pour page layout */
+    useTabs?: boolean;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaProfile({ profile, editable, isEditing: externalIsEditing, onEditToggle, onChange, onSave, saving, onAvatarChange, customSections, showSocialLinks, showStats, stats, layout, useTabs, className, }: WakaProfileProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultProfileData: ProfileData;
+export default WakaProfile;

package/dist/blocks/settings/index.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+export interface SettingsSectionConfig {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    fields: SettingsFieldConfig[];
+}
+export interface SettingsFieldConfig {
+    id: string;
+    label: string;
+    description?: string;
+    type: "text" | "email" | "password" | "textarea" | "switch" | "select" | "custom";
+    value?: string | boolean;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    disabled?: boolean;
+    required?: boolean;
+    customComponent?: React.ReactNode;
+}
+export interface SettingsTabConfig {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    sections: SettingsSectionConfig[];
+}
+export interface WakaSettingsProps {
+    /** Titre de la page */
+    title?: string;
+    /** Description */
+    description?: string;
+    /** Tabs de paramètres */
+    tabs?: SettingsTabConfig[];
+    /** Sections sans tabs */
+    sections?: SettingsSectionConfig[];
+    /** Utiliser les tabs */
+    useTabs?: boolean;
+    /** Tab actif par défaut */
+    defaultTab?: string;
+    /** Valeurs des champs */
+    values?: Record<string, string | boolean>;
+    /** Callback lors d'un changement */
+    onChange?: (fieldId: string, value: string | boolean) => void;
+    /** Callback de sauvegarde */
+    onSave?: (values: Record<string, string | boolean>) => void | Promise<void>;
+    /** En cours de sauvegarde */
+    saving?: boolean;
+    /** Afficher le bouton sauvegarder */
+    showSaveButton?: boolean;
+    /** Afficher le bouton supprimer le compte */
+    showDeleteAccount?: boolean;
+    /** Callback suppression compte */
+    onDeleteAccount?: () => void;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaSettings({ title, description, tabs, sections, useTabs, defaultTab, values, onChange, onSave, saving, showSaveButton, showDeleteAccount, onDeleteAccount, className, }: WakaSettingsProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultSettingsTabs: SettingsTabConfig[];
+export default WakaSettings;