@wakastellar/ui 3.5.0 → 4.0.0-dev.0

package/dist/components/waka-rating-input/index.d.ts

@@ -0,0 +1,110 @@
+import * as React from "react";
+export type RatingIconType = "star" | "heart" | "thumbs" | "emoji";
+export type RatingSize = "sm" | "md" | "lg" | "xl";
+export interface WakaRatingInputProps {
+    /** Current rating value */
+    value?: number;
+    /** Callback when rating changes */
+    onChange?: (value: number | null) => void;
+    /** Maximum rating value */
+    max?: number;
+    /** Allow half-star ratings */
+    allowHalf?: boolean;
+    /** Icon type to display */
+    iconType?: RatingIconType;
+    /** Custom icon component (overrides iconType) */
+    customIcon?: React.ReactNode;
+    /** Custom filled icon component */
+    customFilledIcon?: React.ReactNode;
+    /** Size variant */
+    size?: RatingSize;
+    /** Active/filled color */
+    activeColor?: string;
+    /** Inactive/empty color */
+    inactiveColor?: string;
+    /** Hover color */
+    hoverColor?: string;
+    /** Read-only display mode */
+    readOnly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Label to display */
+    label?: string;
+    /** Show rating value next to label */
+    showValue?: boolean;
+    /** Show count (e.g., "4.5 (123 reviews)") */
+    count?: number;
+    /** Custom count label */
+    countLabel?: string;
+    /** Animate on selection */
+    animated?: boolean;
+    /** Gap between icons */
+    gap?: "none" | "sm" | "md" | "lg";
+    /** Additional CSS classes */
+    className?: string;
+    /** ID for accessibility */
+    id?: string;
+    /** Name for form submission */
+    name?: string;
+    /** Aria label for accessibility */
+    ariaLabel?: string;
+}
+export interface UseRatingInputOptions {
+    /** Initial rating value */
+    initialValue?: number;
+    /** Maximum rating */
+    max?: number;
+    /** Allow half ratings */
+    allowHalf?: boolean;
+    /** Callback when rating changes */
+    onRatingChange?: (value: number | null) => void;
+}
+export interface UseRatingInputReturn {
+    /** Current rating value */
+    value: number | null;
+    /** Set rating value */
+    setValue: (value: number | null) => void;
+    /** Hover preview value */
+    hoverValue: number | null;
+    /** Set hover preview value */
+    setHoverValue: (value: number | null) => void;
+    /** Clear rating */
+    clear: () => void;
+    /** Reset to initial value */
+    reset: () => void;
+    /** Props to spread on WakaRatingInput */
+    getRatingProps: () => {
+        value: number | undefined;
+        onChange: (value: number | null) => void;
+    };
+}
+export declare function WakaRatingInput({ value, onChange, max, allowHalf, iconType, customIcon, customFilledIcon, size, activeColor, inactiveColor, hoverColor, readOnly, disabled, showClear, label, showValue, count, countLabel, animated, gap, className, id, name, ariaLabel, }: WakaRatingInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function useRatingInput(options?: UseRatingInputOptions): UseRatingInputReturn;
+export interface WakaRatingDisplayProps {
+    /** Rating value to display */
+    value: number;
+    /** Maximum rating value */
+    max?: number;
+    /** Icon type */
+    iconType?: RatingIconType;
+    /** Size variant */
+    size?: RatingSize;
+    /** Active color */
+    activeColor?: string;
+    /** Inactive color */
+    inactiveColor?: string;
+    /** Show numeric value */
+    showValue?: boolean;
+    /** Review count */
+    count?: number;
+    /** Count label */
+    countLabel?: string;
+    /** Gap between icons */
+    gap?: "none" | "sm" | "md" | "lg";
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function WakaRatingDisplay({ value, max, iconType, size, activeColor, inactiveColor, showValue, count, countLabel, gap, className, }: WakaRatingDisplayProps): import("react/jsx-runtime").JSX.Element;
+export default WakaRatingInput;

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

@@ -0,0 +1,77 @@
+import * as React from "react";
+export interface Emoji {
+    id: string;
+    emoji: string;
+    name: string;
+    keywords?: string[];
+    category: EmojiCategory;
+    skinToneSupport?: boolean;
+}
+export interface CustomEmoji {
+    id: string;
+    name: string;
+    url: string;
+    keywords?: string[];
+}
+export type EmojiCategory = "recent" | "smileys" | "people" | "animals" | "food" | "travel" | "activities" | "objects" | "symbols" | "flags";
+export type SkinTone = "default" | "light" | "medium-light" | "medium" | "medium-dark" | "dark";
+export interface WakaReactionPickerProps {
+    /** Called when an emoji is selected */
+    onSelect?: (emoji: string, emojiData: Emoji | CustomEmoji) => void;
+    /** Quick reactions to show in the bar */
+    quickReactions?: string[];
+    /** Custom emojis */
+    customEmojis?: CustomEmoji[];
+    /** Whether to show the search input */
+    showSearch?: boolean;
+    /** Whether to show recent emojis */
+    showRecent?: boolean;
+    /** Whether to show skin tone selector */
+    showSkinTones?: boolean;
+    /** Whether to show category tabs */
+    showCategories?: boolean;
+    /** Whether to show emoji preview on hover */
+    showPreview?: boolean;
+    /** Display mode */
+    mode?: "popover" | "inline";
+    /** Selected skin tone */
+    skinTone?: SkinTone;
+    /** Callback when skin tone changes */
+    onSkinToneChange?: (skinTone: SkinTone) => void;
+    /** Number of columns in the grid */
+    columns?: number;
+    /** Maximum recent emojis to store */
+    maxRecent?: number;
+    /** Popover open state (controlled) */
+    open?: boolean;
+    /** Callback when popover open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Trigger element for popover mode */
+    trigger?: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export interface UseReactionPickerOptions {
+    maxRecent?: number;
+    defaultSkinTone?: SkinTone;
+    storageKey?: string;
+}
+export interface UseReactionPickerReturn {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    selectedEmoji: string | null;
+    recentEmojis: string[];
+    skinTone: SkinTone;
+    setSkinTone: (tone: SkinTone) => void;
+    addToRecent: (emoji: string) => void;
+    clearRecent: () => void;
+    selectEmoji: (emoji: string) => void;
+}
+export declare function useReactionPicker(options?: UseReactionPickerOptions): UseReactionPickerReturn;
+export declare function WakaReactionPicker({ onSelect, quickReactions, customEmojis, showSearch, showRecent, showSkinTones, showCategories, showPreview, mode, skinTone: controlledSkinTone, onSkinToneChange, columns, maxRecent, open: controlledOpen, onOpenChange, trigger, className, disabled, }: WakaReactionPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WakaReactionPicker {
+    var displayName: string;
+}
+export default WakaReactionPicker;

package/dist/components/waka-region-map/index.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+export interface CloudRegion {
+    id: string;
+    name: string;
+    location: {
+        lat: number;
+        lng: number;
+    };
+    latency?: number;
+    status: "active" | "degraded" | "offline";
+    provider?: "aws" | "gcp" | "azure" | "custom";
+}
+export interface WakaRegionMapProps {
+    regions: CloudRegion[];
+    userLocation?: {
+        lat: number;
+        lng: number;
+    };
+    selectedRegion?: string;
+    onRegionSelect?: (regionId: string) => void;
+    showLatency?: boolean;
+    showConnections?: boolean;
+    animated?: boolean;
+    className?: string;
+}
+export declare const WakaRegionMap: React.FC<WakaRegionMapProps>;
+export default WakaRegionMap;

package/dist/components/waka-resource-gauge/index.d.ts

@@ -0,0 +1,78 @@
+import * as React from "react";
+export interface WakaResourceGaugeThresholds {
+    /** Warning threshold (default: 70) */
+    warning: number;
+    /** Danger threshold (default: 85) */
+    danger: number;
+}
+export interface WakaResourceGaugeProps {
+    /** Current value (0-100 by default, or 0-max if max is specified) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Label displayed below the gauge */
+    label?: string;
+    /** Unit displayed after the value (e.g., "GB", "%", "cores") */
+    unit?: string;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Gauge variant */
+    variant?: "full" | "semi" | "quarter";
+    /** Threshold configuration for color zones */
+    thresholds?: WakaResourceGaugeThresholds;
+    /** Show the current value in the center */
+    showValue?: boolean;
+    /** Show the label */
+    showLabel?: boolean;
+    /** Enable animation */
+    animated?: boolean;
+    /** Enable glow effect when in danger zone */
+    glowOnDanger?: boolean;
+    /** History data for mini sparkline */
+    history?: number[];
+    /** Custom className */
+    className?: string;
+    /** Controlled value change handler */
+    onChange?: (value: number) => void;
+}
+export declare function useResourceGauge(initialValue?: number, max?: number): {
+    value: number;
+    percentage: number;
+    history: number[];
+    updateValue: (newValue: number) => void;
+    setValue: React.Dispatch<React.SetStateAction<number>>;
+    setHistory: React.Dispatch<React.SetStateAction<number[]>>;
+};
+export declare function WakaResourceGauge({ value, max, label, unit, size, variant, thresholds, showValue, showLabel, animated, glowOnDanger, history, className, onChange, }: WakaResourceGaugeProps): import("react/jsx-runtime").JSX.Element;
+export interface WakaResourceGaugePresetProps extends Omit<WakaResourceGaugeProps, "unit" | "label"> {
+    /** Override default label */
+    label?: string;
+}
+/** CPU Usage Gauge with preset defaults */
+export declare function WakaCpuGauge({ label, ...props }: WakaResourceGaugePresetProps): import("react/jsx-runtime").JSX.Element;
+/** RAM Usage Gauge with preset defaults */
+export declare function WakaRamGauge({ label, max, unit, ...props }: WakaResourceGaugePresetProps & {
+    unit?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Storage Usage Gauge with preset defaults */
+export declare function WakaStorageGauge({ label, max, unit, ...props }: WakaResourceGaugePresetProps & {
+    unit?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Network Gauge for bandwidth */
+export declare function WakaNetworkGauge({ label, max, unit, ...props }: WakaResourceGaugePresetProps & {
+    unit?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export interface WakaResourceGaugeGroupProps {
+    /** Array of gauge configurations */
+    gauges: Array<WakaResourceGaugeProps & {
+        id: string;
+    }>;
+    /** Layout direction */
+    direction?: "horizontal" | "vertical";
+    /** Gap between gauges */
+    gap?: "sm" | "md" | "lg";
+    /** Custom className */
+    className?: string;
+}
+export declare function WakaResourceGaugeGroup({ gauges, direction, gap, className, }: WakaResourceGaugeGroupProps): import("react/jsx-runtime").JSX.Element;
+export default WakaResourceGauge;

package/dist/components/waka-resource-pool/index.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+export interface ResourcePool {
+    /** Unique identifier for the pool */
+    id: string;
+    /** Display name */
+    name: string;
+    /** Total capacity */
+    total: number;
+    /** Currently used amount */
+    used: number;
+    /** Reserved amount (optional) */
+    reserved?: number;
+    /** Resource type for color coding */
+    type?: "compute" | "memory" | "storage" | "network";
+    /** Unit label (e.g., "GB", "vCPUs", "Mbps") */
+    unit?: string;
+}
+export interface WakaResourcePoolProps {
+    /** Array of resource pools to display */
+    pools: ResourcePool[];
+    /** Visual variant */
+    variant?: "blocks" | "bar" | "liquid";
+    /** Show name labels */
+    showLabels?: boolean;
+    /** Show capacity display (e.g., "75/100 units") */
+    showCapacity?: boolean;
+    /** Callback when resources are allocated */
+    onAllocate?: (poolId: string, amount: number) => void;
+    /** Callback when resources are released */
+    onRelease?: (poolId: string, amount: number) => void;
+    /** Enable drag and drop for allocation */
+    draggable?: boolean;
+    /** Enable animated transitions */
+    animated?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface WakaResourcePoolComparisonProps {
+    /** Array of pools to compare */
+    pools: ResourcePool[];
+    /** Show legend */
+    showLegend?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function WakaResourcePool({ pools, variant, showLabels, showCapacity, onAllocate, onRelease, draggable, animated, className, }: WakaResourcePoolProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaResourcePoolComparison({ pools, showLegend, className, }: WakaResourcePoolComparisonProps): import("react/jsx-runtime").JSX.Element;
+export interface UseResourcePoolOptions {
+    initialPools: ResourcePool[];
+    onPoolChange?: (pools: ResourcePool[]) => void;
+}
+export declare function useResourcePool({ initialPools, onPoolChange }: UseResourcePoolOptions): {
+    pools: ResourcePool[];
+    setPools: React.Dispatch<React.SetStateAction<ResourcePool[]>>;
+    allocate: (poolId: string, amount: number) => void;
+    release: (poolId: string, amount: number) => void;
+    reserve: (poolId: string, amount: number) => void;
+    unreserve: (poolId: string, amount: number) => void;
+    getPool: (poolId: string) => ResourcePool;
+    getPoolStats: (poolId: string) => {
+        used: number;
+        reserved: number;
+        available: number;
+        total: number;
+        usedPercent: number;
+        reservedPercent: number;
+        availablePercent: number;
+        isNearCapacity: boolean;
+        isCritical: boolean;
+    };
+    getTotalStats: () => {
+        available: number;
+        usedPercent: number;
+        reservedPercent: number;
+        availablePercent: number;
+        used: number;
+        reserved: number;
+        total: number;
+    };
+};
+export default WakaResourcePool;

package/dist/components/waka-rich-text-editor/index.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type ToolbarButton = "bold" | "italic" | "underline" | "strike" | "h1" | "h2" | "h3" | "bulletList" | "orderedList" | "blockquote" | "code" | "link" | "alignLeft" | "alignCenter" | "alignRight" | "undo" | "redo";
+export interface WakaRichTextEditorProps {
+    /** Contenu HTML */
+    value?: string;
+    /** Callback de changement */
+    onChange?: (html: string) => void;
+    /** Configuration de la toolbar */
+    toolbar?: ToolbarButton[][];
+    /** Placeholder */
+    placeholder?: string;
+    /** Longueur max */
+    maxLength?: number;
+    /** Afficher le compteur de caractères */
+    showCharacterCount?: boolean;
+    /** Hauteur min */
+    minHeight?: number;
+    /** Désactivé */
+    disabled?: boolean;
+    /** Erreur */
+    error?: string;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Label */
+    label?: string;
+    /** Description */
+    description?: string;
+    /** Mode éditable */
+    editable?: boolean;
+}
+/**
+ * Composant WakaRichTextEditor
+ * Utilise Tiptap si disponible, sinon fallback sur textarea
+ */
+export declare const WakaRichTextEditor: React.ForwardRefExoticComponent<WakaRichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+export default WakaRichTextEditor;

package/dist/components/waka-rollback-slider/index.d.ts

@@ -0,0 +1,79 @@
+import * as React from "react";
+export type VersionHealth = "healthy" | "degraded" | "unhealthy" | "unknown";
+export interface DeploymentVersion {
+    /** Unique identifier */
+    id: string;
+    /** Version number/tag */
+    version: string;
+    /** Commit hash */
+    commit?: string;
+    /** Commit message */
+    commitMessage?: string;
+    /** Who deployed this version */
+    deployedBy?: string;
+    /** When it was deployed */
+    deployedAt: Date;
+    /** Health status of this version */
+    health: VersionHealth;
+    /** Whether this is the currently active version */
+    isActive?: boolean;
+    /** Additional metadata */
+    metadata?: Record<string, unknown>;
+}
+export interface WakaRollbackSliderProps {
+    /** Array of deployment versions to display */
+    versions: DeploymentVersion[];
+    /** Currently selected version index */
+    selectedIndex?: number;
+    /** Callback when a version is selected */
+    onVersionSelect?: (version: DeploymentVersion, index: number) => void;
+    /** Callback when rollback is confirmed */
+    onRollbackConfirm?: (version: DeploymentVersion) => void;
+    /** Callback when rollback is cancelled */
+    onRollbackCancel?: () => void;
+    /** Enable drag interaction */
+    draggable?: boolean;
+    /** Show version details panel */
+    showDetails?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface UseRollbackSliderOptions {
+    /** Initial versions */
+    initialVersions?: DeploymentVersion[];
+    /** Initial selected index */
+    initialSelectedIndex?: number;
+    /** Callback when selection changes */
+    onSelectionChange?: (version: DeploymentVersion, index: number) => void;
+}
+export interface UseRollbackSliderReturn {
+    /** Current versions */
+    versions: DeploymentVersion[];
+    /** Set versions */
+    setVersions: React.Dispatch<React.SetStateAction<DeploymentVersion[]>>;
+    /** Currently selected index */
+    selectedIndex: number;
+    /** Selected version */
+    selectedVersion: DeploymentVersion | null;
+    /** Select a version by index */
+    selectVersion: (index: number) => void;
+    /** Select next version */
+    selectNext: () => void;
+    /** Select previous version */
+    selectPrevious: () => void;
+    /** Get the active version */
+    activeVersion: DeploymentVersion | null;
+    /** Check if selected version differs from active */
+    hasChanges: boolean;
+    /** Confirmation dialog state */
+    isConfirming: boolean;
+    /** Open confirmation dialog */
+    openConfirmation: () => void;
+    /** Close confirmation dialog */
+    closeConfirmation: () => void;
+    /** Reset selection to active version */
+    resetSelection: () => void;
+}
+export declare function useRollbackSlider(options?: UseRollbackSliderOptions): UseRollbackSliderReturn;
+export declare function WakaRollbackSlider({ versions, selectedIndex: controlledSelectedIndex, onVersionSelect, onRollbackConfirm, onRollbackCancel, draggable, showDetails, className, }: WakaRollbackSliderProps): import("react/jsx-runtime").JSX.Element;
+export default WakaRollbackSlider;

package/dist/components/waka-sankey-diagram/index.d.ts

@@ -0,0 +1,120 @@
+export interface SankeyNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display label for the node */
+    label: string;
+    /** Optional value (if not calculated from links) */
+    value?: number;
+    /** Category for color coding */
+    category?: string;
+    /** Custom color override */
+    color?: string;
+    /** Additional data for tooltips */
+    data?: Record<string, unknown>;
+}
+export interface SankeyLink {
+    /** Source node ID */
+    source: string;
+    /** Target node ID */
+    target: string;
+    /** Flow value (determines link width) */
+    value: number;
+    /** Optional custom color */
+    color?: string;
+    /** Additional data for tooltips */
+    data?: Record<string, unknown>;
+}
+export interface SankeyLayoutNode extends SankeyNode {
+    /** Calculated x position */
+    x: number;
+    /** Calculated y position */
+    y: number;
+    /** Calculated width */
+    width: number;
+    /** Calculated height */
+    height: number;
+    /** Total incoming value */
+    inValue: number;
+    /** Total outgoing value */
+    outValue: number;
+    /** Column index (layer) */
+    column: number;
+    /** Row index within column */
+    row: number;
+}
+export interface SankeyLayoutLink extends SankeyLink {
+    /** Source node reference */
+    sourceNode: SankeyLayoutNode;
+    /** Target node reference */
+    targetNode: SankeyLayoutNode;
+    /** SVG path data */
+    path: string;
+    /** Link width in pixels */
+    width: number;
+    /** Y offset at source */
+    sourceY: number;
+    /** Y offset at target */
+    targetY: number;
+}
+export interface SankeyLayout {
+    nodes: SankeyLayoutNode[];
+    links: SankeyLayoutLink[];
+    width: number;
+    height: number;
+}
+export interface WakaSankeyDiagramProps {
+    /** Array of nodes */
+    nodes: SankeyNode[];
+    /** Array of links between nodes */
+    links: SankeyLink[];
+    /** Orientation of the diagram */
+    orientation?: "horizontal" | "vertical";
+    /** Width of the diagram */
+    width?: number;
+    /** Height of the diagram */
+    height?: number;
+    /** Width of node rectangles */
+    nodeWidth?: number;
+    /** Padding between nodes in the same column */
+    nodePadding?: number;
+    /** Padding around the diagram */
+    padding?: number;
+    /** Enable node dragging to reorder */
+    draggable?: boolean;
+    /** Enable mount animation */
+    animated?: boolean;
+    /** Show value labels on nodes */
+    showValues?: boolean;
+    /** Show link tooltips on hover */
+    showTooltips?: boolean;
+    /** Category colors mapping */
+    categoryColors?: Record<string, string>;
+    /** Default link color */
+    linkColor?: string;
+    /** Link opacity */
+    linkOpacity?: number;
+    /** Highlighted link opacity */
+    highlightedLinkOpacity?: number;
+    /** Callback when a node is clicked */
+    onNodeClick?: (node: SankeyLayoutNode) => void;
+    /** Callback when a link is clicked */
+    onLinkClick?: (link: SankeyLayoutLink) => void;
+    /** Callback when node order changes (after drag) */
+    onNodeReorder?: (nodes: SankeyLayoutNode[]) => void;
+    /** Custom className */
+    className?: string;
+}
+export interface UseSankeyDiagramOptions {
+    nodes: SankeyNode[];
+    links: SankeyLink[];
+    width: number;
+    height: number;
+    nodeWidth: number;
+    nodePadding: number;
+    padding: number;
+    orientation: "horizontal" | "vertical";
+    categoryColors: Record<string, string>;
+}
+export declare function useSankeyDiagram({ nodes, links, width, height, nodeWidth, nodePadding, padding, orientation, categoryColors, }: UseSankeyDiagramOptions): SankeyLayout;
+export declare function WakaSankeyDiagram({ nodes, links, orientation, width, height, nodeWidth, nodePadding, padding, draggable, animated, showValues, showTooltips, categoryColors, linkColor, linkOpacity, highlightedLinkOpacity, onNodeClick, onLinkClick, onNodeReorder, className, }: WakaSankeyDiagramProps): import("react/jsx-runtime").JSX.Element;
+export default WakaSankeyDiagram;