@wakastellar/ui 0.2.0 → 0.4.0

package/dist/components/waka-theme-creator/index.d.ts

@@ -5,6 +5,40 @@ export interface ThemeVersion {
     changelog?: string;
     css: string;
 }
+/**
+ * Ressource personnalisée pour le thème
+ */
+export interface ThemeCustomResource {
+    /** Clé unique de la ressource */
+    key: string;
+    /** URL de la ressource (après upload S3) */
+    url: string;
+    /** Type de fichier */
+    type: "image" | "icon" | "font" | "other";
+    /** Nom du fichier original */
+    filename: string;
+    /** Taille en octets */
+    size?: number;
+}
+/**
+ * Configuration des assets du thème (login, etc.)
+ */
+export interface ThemeAssets {
+    /** Logo pour le mode clair */
+    logo_light?: string;
+    /** Logo pour le mode sombre */
+    logo_dark?: string;
+    /** Image de fond pour le mode clair */
+    background_light?: string;
+    /** Image de fond pour le mode sombre */
+    background_dark?: string;
+    /** Favicon */
+    favicon?: string;
+    /** Image de sponsor (mode clair) */
+    sponsor_light?: string;
+    /** Image de sponsor (mode sombre) */
+    sponsor_dark?: string;
+}
 export interface ThemeMetadata {
     id: string;
     label: string;
@@ -13,47 +47,64 @@ export interface ThemeMetadata {
     author?: string;
     versions: ThemeVersion[];
     currentVersion: string;
+    /** Assets du thème (logos, backgrounds) */
+    assets?: ThemeAssets;
+    /** Ressources personnalisées */
+    customResources?: ThemeCustomResource[];
 }
-export interface S3UploadConfig {
-    /** URL de base du bucket S3 */
-    baseUrl: string;
-    /** Méthode HTTP pour l'upload (PUT ou POST) */
-    method?: "PUT" | "POST";
-    /** Headers personnalisés pour l'authentification */
-    headers?: Record<string, string>;
-    /** Préfixe des fichiers */
-    prefix?: string;
-    /** Extension des fichiers */
-    extension?: string;
+/**
+ * Réponse de l'API d'upload de fichier
+ */
+export interface FileUploadResponse {
+    /** URL du fichier uploadé */
+    url: string;
+    /** Nom du fichier */
+    filename?: string;
+    /** Taille du fichier en octets */
+    size?: number;
 }
-export interface WakaThemeCreatorProps {
-    /** Configuration S3 pour l'upload */
-    s3Config: S3UploadConfig;
-    /** Callback après sauvegarde réussie */
-    onSave?: (theme: ThemeMetadata) => void;
-    /** Callback après suppression */
-    onDelete?: (themeId: string) => void;
-    /** Callback pour charger un thème depuis S3 */
+/**
+ * Configuration de l'API pour le ThemeCreator
+ */
+export interface ThemeCreatorApiConfig {
+    /** Callback pour uploader un fichier (logo, background, etc.) */
+    onUploadFile: (file: File, themeId: string, assetType: string) => Promise<FileUploadResponse>;
+    /** Callback pour sauvegarder le thème complet */
+    onSaveTheme: (theme: ThemeMetadata) => Promise<void>;
+    /** Callback pour supprimer un thème */
+    onDeleteTheme?: (themeId: string) => Promise<void>;
+    /** Callback pour charger les détails d'un thème */
     onLoadTheme?: (themeId: string) => Promise<ThemeMetadata | null>;
+    /** Callback pour supprimer un asset */
+    onDeleteAsset?: (themeId: string, assetType: string) => Promise<void>;
+}
+export interface WakaThemeCreatorProps {
+    /** Configuration de l'API */
+    apiConfig: ThemeCreatorApiConfig;
     /** Thèmes existants à charger */
     existingThemes?: ThemeMetadata[];
+    /** Callback après sauvegarde réussie */
+    onSaveSuccess?: (theme: ThemeMetadata) => void;
+    /** Callback après suppression */
+    onDeleteSuccess?: (themeId: string) => void;
     /** Classe CSS personnalisée */
     className?: string;
 }
 /**
  * WakaThemeCreator
  *
- * Composant d'administration pour créer, prévisualiser et publier des thèmes TweakCN sur S3.
+ * Composant d'administration pour créer, prévisualiser et publier des thèmes TweakCN.
  *
  * Features:
  * - Création de thèmes avec CSS TweakCN
  * - Prévisualisation en temps réel
  * - Gestion des versions
- * - Upload sur S3/MinIO
+ * - Upload via API (POST)
+ * - Gestion des ressources (logos, backgrounds, custom)
  * - Historique des modifications
  * - Validation du CSS
  */
-export declare function WakaThemeCreator({ s3Config, onSave, onDelete, onLoadTheme, existingThemes, className, }: WakaThemeCreatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaThemeCreator({ apiConfig, existingThemes, onSaveSuccess, onDeleteSuccess, className, }: WakaThemeCreatorProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace WakaThemeCreator {
     var displayName: string;
 }

package/dist/components/waka-time-picker/index.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+export interface WakaTimePickerProps {
+    /** Valeur sélectionnée (format HH:mm ou HH:mm:ss) */
+    value?: string;
+    /** Callback lors du changement */
+    onChange?: (value: string) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** Format d'affichage */
+    format?: "12h" | "24h";
+    /** Afficher les secondes */
+    showSeconds?: boolean;
+    /** Intervalle des minutes (5, 10, 15, 30) */
+    minuteStep?: number;
+    /** Intervalle des secondes */
+    secondStep?: number;
+    /** Heure minimum */
+    minTime?: string;
+    /** Heure maximum */
+    maxTime?: string;
+    /** Désactivé */
+    disabled?: boolean;
+    /** Erreur */
+    error?: boolean;
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** ID pour l'accessibilité */
+    id?: string;
+    /** Nom du champ */
+    name?: string;
+}
+export declare function WakaTimePicker({ value, onChange, placeholder, format, showSeconds, minuteStep, secondStep, minTime, maxTime, disabled, error, size, className, id, name, }: WakaTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export interface UseTimePickerOptions {
+    /** Valeur initiale */
+    initialValue?: string;
+    /** Format */
+    format?: "12h" | "24h";
+    /** Afficher les secondes */
+    showSeconds?: boolean;
+}
+export declare function useTimePicker(options?: UseTimePickerOptions): {
+    value: string;
+    onChange: React.Dispatch<React.SetStateAction<string>>;
+    clear: () => void;
+    setNow: () => void;
+    format: "12h" | "24h";
+    showSeconds: boolean;
+};
+export default WakaTimePicker;

package/dist/components/waka-timeline/index.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+export type TimelineItemStatus = "completed" | "current" | "pending" | "error";
+export interface TimelineItem {
+    /** Identifiant unique */
+    id: string;
+    /** Titre de l'élément */
+    title: string;
+    /** Description */
+    description?: string;
+    /** Date/heure */
+    date?: Date | string;
+    /** Statut */
+    status?: TimelineItemStatus;
+    /** Icône personnalisée */
+    icon?: React.ReactNode;
+    /** Couleur personnalisée */
+    color?: string;
+    /** Contenu supplémentaire (collapsible) */
+    content?: React.ReactNode;
+    /** Données additionnelles */
+    data?: Record<string, unknown>;
+}
+export interface WakaTimelineProps {
+    /** Éléments de la timeline */
+    items: TimelineItem[];
+    /** Orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Position de la ligne (vertical seulement) */
+    linePosition?: "left" | "center" | "right";
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Afficher les dates */
+    showDates?: boolean;
+    /** Format de date */
+    dateFormat?: Intl.DateTimeFormatOptions;
+    /** Éléments collapsibles */
+    collapsible?: boolean;
+    /** Alterner les côtés (linePosition=center) */
+    alternate?: boolean;
+    /** Callback lors du clic sur un élément */
+    onItemClick?: (item: TimelineItem) => void;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaTimeline({ items, orientation, linePosition, size, showDates, dateFormat, collapsible, alternate, onItemClick, className, }: WakaTimelineProps): import("react/jsx-runtime").JSX.Element;
+export default WakaTimeline;

package/dist/components/waka-tree/index.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+export interface TreeNode {
+    /** Identifiant unique du noeud */
+    id: string;
+    /** Libellé du noeud */
+    label: string;
+    /** Icône personnalisée */
+    icon?: React.ReactNode;
+    /** Enfants du noeud */
+    children?: TreeNode[];
+    /** Données additionnelles */
+    data?: Record<string, unknown>;
+    /** Désactiver le noeud */
+    disabled?: boolean;
+    /** Noeud sélectionnable */
+    selectable?: boolean;
+}
+export interface WakaTreeProps {
+    /** Données de l'arbre */
+    data: TreeNode[];
+    /** IDs des noeuds sélectionnés */
+    selectedIds?: string[];
+    /** Callback lors de la sélection */
+    onSelect?: (ids: string[]) => void;
+    /** IDs des noeuds développés */
+    expandedIds?: string[];
+    /** Callback lors du développement */
+    onExpand?: (ids: string[]) => void;
+    /** Mode de sélection */
+    selectionMode?: "none" | "single" | "multiple";
+    /** Afficher les checkboxes */
+    showCheckboxes?: boolean;
+    /** Afficher les icônes de fichier/dossier */
+    showIcons?: boolean;
+    /** Activer le drag & drop */
+    draggable?: boolean;
+    /** Callback lors du drop */
+    onDrop?: (draggedId: string, targetId: string, position: "before" | "after" | "inside") => void;
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Développer tout par défaut */
+    defaultExpandAll?: boolean;
+}
+export declare function WakaTree({ data, selectedIds: controlledSelectedIds, onSelect, expandedIds: controlledExpandedIds, onExpand, selectionMode, showCheckboxes, showIcons, draggable, onDrop: onDropProp, size, className, defaultExpandAll, }: WakaTreeProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Trouve un noeud par son ID dans l'arbre
+ */
+export declare function findNodeById(nodes: TreeNode[], id: string): TreeNode | null;
+/**
+ * Met à jour un noeud dans l'arbre (retourne un nouvel arbre)
+ */
+export declare function updateNode(nodes: TreeNode[], id: string, updates: Partial<TreeNode>): TreeNode[];
+/**
+ * Supprime un noeud de l'arbre (retourne un nouvel arbre)
+ */
+export declare function removeNode(nodes: TreeNode[], id: string): TreeNode[];
+/**
+ * Ajoute un noeud enfant à un parent
+ */
+export declare function addChildNode(nodes: TreeNode[], parentId: string, newNode: TreeNode): TreeNode[];
+/**
+ * Déplace un noeud dans l'arbre
+ */
+export declare function moveNode(nodes: TreeNode[], draggedId: string, targetId: string, position: "before" | "after" | "inside"): TreeNode[];
+export default WakaTree;

package/dist/components/waka-video/index.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+export interface VideoSource {
+    src: string;
+    type?: string;
+    quality?: string;
+}
+export interface WakaVideoProps {
+    /** Source(s) de la vidéo */
+    src: string | VideoSource[];
+    /** URL du poster */
+    poster?: string;
+    /** Lecture automatique */
+    autoPlay?: boolean;
+    /** Boucle */
+    loop?: boolean;
+    /** Muet */
+    muted?: boolean;
+    /** Afficher les contrôles */
+    controls?: boolean;
+    /** Précharger la vidéo */
+    preload?: "none" | "metadata" | "auto";
+    /** Largeur */
+    width?: number | string;
+    /** Hauteur */
+    height?: number | string;
+    /** Aspect ratio */
+    aspectRatio?: string;
+    /** Afficher le bouton plein écran */
+    showFullscreen?: boolean;
+    /** Afficher le sélecteur de vitesse */
+    showPlaybackSpeed?: boolean;
+    /** Afficher le sélecteur de qualité */
+    showQualitySelector?: boolean;
+    /** Vitesses de lecture disponibles */
+    playbackSpeeds?: number[];
+    /** Callback quand la vidéo est prête */
+    onReady?: () => void;
+    /** Callback lors de la lecture */
+    onPlay?: () => void;
+    /** Callback lors de la pause */
+    onPause?: () => void;
+    /** Callback quand la vidéo se termine */
+    onEnded?: () => void;
+    /** Callback lors du changement de temps */
+    onTimeUpdate?: (currentTime: number) => void;
+    /** Callback en cas d'erreur */
+    onError?: (error: Error) => void;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaVideo({ src, poster, autoPlay, loop, muted, controls, preload, width, height, aspectRatio, showFullscreen, showPlaybackSpeed, showQualitySelector, playbackSpeeds, onReady, onPlay, onPause, onEnded, onTimeUpdate, onError, className, }: WakaVideoProps): import("react/jsx-runtime").JSX.Element;
+export interface UseVideoOptions {
+    autoPlay?: boolean;
+    muted?: boolean;
+}
+export declare function useVideo(options?: UseVideoOptions): {
+    isPlaying: boolean;
+    isMuted: boolean;
+    currentTime: number;
+    duration: number;
+    onPlay: () => void;
+    onPause: () => void;
+    onTimeUpdate: React.Dispatch<React.SetStateAction<number>>;
+    onReady: () => void;
+};
+export default WakaVideo;

package/dist/components/waka-virtual-list/index.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+export interface WakaVirtualListProps<T> {
+    /** Données à afficher */
+    items: T[];
+    /** Hauteur de chaque élément (ou fonction pour hauteur variable) */
+    itemHeight: number | ((item: T, index: number) => number);
+    /** Hauteur du conteneur */
+    height: number;
+    /** Largeur du conteneur */
+    width?: number | string;
+    /** Nombre d'éléments à pré-rendre au-dessus/en-dessous */
+    overscan?: number;
+    /** Fonction de rendu d'un élément */
+    renderItem: (item: T, index: number, style: React.CSSProperties) => React.ReactNode;
+    /** Callback lors du scroll */
+    onScroll?: (scrollTop: number) => void;
+    /** Callback quand on atteint la fin */
+    onEndReached?: () => void;
+    /** Seuil pour déclencher onEndReached (en pixels) */
+    endReachedThreshold?: number;
+    /** Afficher un indicateur de chargement à la fin */
+    isLoading?: boolean;
+    /** Élément à afficher pendant le chargement */
+    loadingElement?: React.ReactNode;
+    /** Élément à afficher si la liste est vide */
+    emptyElement?: React.ReactNode;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Classes CSS pour le conteneur interne */
+    innerClassName?: string;
+    /** Référence au conteneur de scroll */
+    scrollRef?: React.RefObject<HTMLDivElement>;
+}
+export declare function WakaVirtualList<T>({ items, itemHeight, height, width, overscan, renderItem, onScroll, onEndReached, endReachedThreshold, isLoading, loadingElement, emptyElement, className, innerClassName, scrollRef: externalScrollRef, }: WakaVirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface UseVirtualListOptions {
+    itemCount: number;
+    itemHeight: number;
+    containerHeight: number;
+    overscan?: number;
+}
+export declare function useVirtualList(options: UseVirtualListOptions): {
+    totalHeight: number;
+    virtualItems: {
+        index: number;
+        start: number;
+        size: number;
+    }[];
+    startIndex: number;
+    endIndex: number;
+    handleScroll: (e: React.UIEvent<HTMLElement>) => void;
+    scrollToIndex: (index: number) => void;
+    scrollTop: number;
+};
+export default WakaVirtualList;

package/dist/export.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useDataTableImport-DqeEL4GC.js");exports.useDataTableExport=e.useDataTableExport;exports.useDataTableImport=e.useDataTableImport;

package/dist/export.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Entry point pour les fonctionnalités d'export du DataTable
+ *
+ * Usage:
+ * ```ts
+ * import { useDataTableExport } from "@wakastellar/ui/export"
+ * ```
+ *
+ * Dépendances optionnelles selon le format:
+ *
+ * Pour l'export Excel (.xlsx):
+ * - xlsx (>=0.18.0)
+ * ```bash
+ * pnpm add xlsx
+ * ```
+ *
+ * Pour l'export PDF:
+ * - jspdf (>=2.5.0)
+ * - jspdf-autotable (>=3.5.0)
+ * ```bash
+ * pnpm add jspdf jspdf-autotable
+ * ```
+ *
+ * Note: Les formats CSV, JSON et XML fonctionnent sans dépendances supplémentaires.
+ */
+export { useDataTableExport } from './components/DataTable/hooks/useDataTableExport';
+export { useDataTableImport } from './components/DataTable/hooks/useDataTableImport';
+export type { ExportConfig, ImportConfig, ExportableCellValue, ImportedRowData, } from './components/DataTable/types';

package/dist/export.es.js

@@ -0,0 +1,5 @@
+import { u as t, a as o } from "./useDataTableImport-sQwBFAJ_.js";
+export {
+  t as useDataTableExport,
+  o as useDataTableImport
+};