rud-dashboard 0.1.4

package/dist/react/index.d.ts

@@ -0,0 +1,261 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as react from 'react';
+import { ReactNode, ComponentType } from 'react';
+
+interface GridItem$1<T = any> {
+    id: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    type: string;
+    title: string;
+    content?: () => T;
+    onMenuClick?: (event: any) => void;
+    menuIcon?: T;
+    isAnimating?: boolean;
+    originalX?: number;
+    originalY?: number;
+    originalW?: number;
+    originalH?: number;
+}
+interface DragState$1<T = any> {
+    id: string;
+    startX: number;
+    startY: number;
+    originalItem: GridItem$1<T>;
+}
+interface ResizeState$1<T = any> extends DragState$1<T> {
+    handle: string;
+}
+interface WidgetType$1<T = any> {
+    id: string;
+    type: string;
+    title: string;
+    icon: T;
+    defaultSize: {
+        w: number;
+        h: number;
+    };
+    description: string;
+    component: any;
+    preview: any;
+    onMenuClick?: (event: any) => void;
+    menuIcon?: T;
+}
+type GridMode = 'elegant' | 'dots' | 'harsh' | 'blank';
+interface DashboardActions$1<T = any> {
+    toggleEditMode: () => void;
+    toggleAddWidgetMode: () => void;
+    autoOrganize: () => void;
+    toggleFixedHeight: () => void;
+    addWidget: (widget: WidgetType$1<T>, x?: number, y?: number) => void;
+    removeItem: (id: string) => void;
+}
+interface DashboardState$1<T = any> {
+    isEditMode: boolean;
+    isAddWidgetMode: boolean;
+    isFixedHeight: boolean;
+    gridDimensions: {
+        width: number;
+        height: number;
+        cols: number;
+        rows: number;
+    };
+    itemCount: number;
+    items: GridItem$1<T>[];
+}
+interface SerializedDashboard {
+    items: Omit<GridItem$1<any>, 'content'>[];
+}
+interface DashboardController$1<T = any> {
+    items: GridItem$1<T>[];
+    addItem: (item: GridItem$1<T>) => void;
+    removeItem: (id: string) => void;
+    updateItem: (id: string, updates: Partial<GridItem$1<T>>) => void;
+    setItems: (items: GridItem$1<T>[] | ((prev: GridItem$1<T>[]) => GridItem$1<T>[])) => void;
+    save: () => SerializedDashboard;
+    load: (state: SerializedDashboard) => void;
+    clear: () => void;
+    isEditMode: boolean;
+    toggleEditMode: () => void;
+    setEditMode: (enabled: boolean) => void;
+}
+interface UseDashboardControllerOptions$1<T = any> {
+    initialItems?: GridItem$1<T>[];
+    initialEditMode?: boolean;
+}
+interface CustomToolbarProps$1<T = any> {
+    state: DashboardState$1<T>;
+    actions: DashboardActions$1<T>;
+    availableWidgetTypes: WidgetType$1<T>[];
+}
+interface DashboardProps$2<T = any> {
+    availableWidgetTypes?: WidgetType$1<T>[];
+    initialItems?: Omit<GridItem$1<T>, 'content'>[];
+    widgetRegistry?: Record<string, any>;
+    onItemsChange?: (items: Omit<GridItem$1<T>, 'content'>[]) => void;
+    className?: string;
+    enableEditMode?: boolean;
+    defaultEditMode?: boolean;
+    gridMode?: GridMode;
+    showDefaultToolbar?: boolean;
+    customToolbar?: any;
+    toolbarClassName?: string;
+    onEditModeChange?: (isEditMode: boolean) => void;
+    onAddWidgetModeChange?: (isAddWidgetMode: boolean) => void;
+    onFixedHeightChange?: (isFixedHeight: boolean) => void;
+    controller?: DashboardController$1<T>;
+}
+interface DashboardToolbarProps$2<T = any> {
+    isEditMode: boolean;
+    onToggleMode: () => void;
+    onAutoOrganize: () => void;
+    onToggleFixedHeight: () => void;
+    isFixedHeight: boolean;
+    gridDimensions: {
+        width: number;
+        height: number;
+        cols: number;
+        rows: number;
+    };
+    itemCount: number;
+    isAddWidgetMode?: boolean;
+    onToggleAddWidgetMode?: () => void;
+    onAddWidget?: (widget: WidgetType$1<T>) => void;
+    availableWidgetTypes?: WidgetType$1<T>[];
+}
+interface BasicWidgetProps {
+    id?: string;
+    title?: string;
+}
+interface ProgressBarData {
+    label: string;
+    value: number;
+    max: number;
+    color?: string;
+}
+interface ProgressBarWidgetProps {
+    data?: ProgressBarData;
+}
+interface PieChartData {
+    label: string;
+    segments: Array<{
+        name: string;
+        value: number;
+        color: string;
+    }>;
+}
+interface PieChartWidgetProps {
+    data?: PieChartData;
+}
+interface BarChartData {
+    label: string;
+    data: Array<{
+        name: string;
+        value: number;
+        color?: string;
+    }>;
+}
+interface BarChartWidgetProps {
+    data?: BarChartData;
+}
+interface LineChartData {
+    label: string;
+    data: Array<{
+        name: string;
+        value: number;
+    }>;
+    color?: string;
+}
+interface LineChartWidgetProps {
+    data?: LineChartData;
+}
+
+type DashboardProps$1 = DashboardProps$2<any>;
+type DashboardToolbarProps$1 = DashboardToolbarProps$2<any>;
+
+declare function Dashboard({ availableWidgetTypes, initialItems, widgetRegistry, onItemsChange, className, enableEditMode, defaultEditMode, gridMode, showDefaultToolbar, customToolbar, toolbarClassName, onEditModeChange, onAddWidgetModeChange, onFixedHeightChange, controller: externalController, }: DashboardProps$1): react_jsx_runtime.JSX.Element;
+
+declare function DashboardToolbar({ isEditMode, onToggleMode, onAutoOrganize, onToggleFixedHeight, isFixedHeight, gridDimensions, itemCount, isAddWidgetMode, onToggleAddWidgetMode, onAddWidget, availableWidgetTypes, }: DashboardToolbarProps$1): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends VariantProps<typeof buttonVariants> {
+    className?: string;
+    onClick?: (e: any) => void;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    children?: any;
+    ref?: any;
+    [key: string]: any;
+}
+declare function Button({ className, variant, size, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+
+interface TooltipProviderProps {
+    children?: unknown;
+}
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+interface TooltipProps {
+    children?: unknown;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, delayDuration }: TooltipProps): react_jsx_runtime.JSX.Element;
+interface TooltipTriggerProps {
+    children?: unknown;
+    className?: string;
+    asChild?: boolean;
+    [key: string]: any;
+}
+declare function TooltipTrigger({ children, asChild, className, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipTrigger {
+    var displayName: string;
+}
+interface TooltipContentProps {
+    children?: unknown;
+    className?: string;
+    sideOffset?: number;
+    side?: "top" | "right" | "bottom" | "left";
+    [key: string]: any;
+}
+declare function TooltipContent({ className, sideOffset, side, children, ...props }: TooltipContentProps): react.ReactPortal | null;
+declare namespace TooltipContent {
+    var displayName: string;
+}
+
+type GridItem = GridItem$1<ReactNode>;
+type DragState = DragState$1<ReactNode>;
+type ResizeState = ResizeState$1<ReactNode>;
+type WidgetType = Omit<WidgetType$1<ReactNode>, 'component' | 'preview'> & {
+    component: ComponentType<any>;
+    preview: ComponentType<any>;
+};
+type DashboardActions = DashboardActions$1<ReactNode>;
+type DashboardState = DashboardState$1<ReactNode>;
+type DashboardController = DashboardController$1<ReactNode>;
+type UseDashboardControllerOptions = UseDashboardControllerOptions$1<ReactNode>;
+type CustomToolbarProps = CustomToolbarProps$1<ReactNode>;
+type DashboardProps = DashboardProps$2<ReactNode> & {
+    widgetRegistry?: Record<string, ComponentType<any>>;
+    customToolbar?: ComponentType<CustomToolbarProps> | ((props: CustomToolbarProps) => ReactNode);
+};
+type DashboardToolbarProps = DashboardToolbarProps$2<ReactNode>;
+
+declare const GRID_SIZE = 40;
+declare const MARGIN = 8;
+declare const CELL_SIZE: number;
+declare const ANIMATION_DURATION = 300;
+declare const MIN_SIZE = 2;
+declare const MAX_SIZE = 24;
+declare const CONTAINER_PADDING = 16;
+declare const MIN_CONTAINER_HEIGHT = 200;
+declare const DEBOUNCE_DELAY = 150;
+
+export { ANIMATION_DURATION, type BarChartData, type BarChartWidgetProps, type BasicWidgetProps, Button, CELL_SIZE, CONTAINER_PADDING, type CustomToolbarProps, DEBOUNCE_DELAY, Dashboard, type DashboardActions, type DashboardController, type DashboardProps, type DashboardState, DashboardToolbar, type DashboardToolbarProps, type DragState, GRID_SIZE, type GridItem, type GridMode, type LineChartData, type LineChartWidgetProps, MARGIN, MAX_SIZE, MIN_CONTAINER_HEIGHT, MIN_SIZE, type PieChartData, type PieChartWidgetProps, type ProgressBarData, type ProgressBarWidgetProps, type ResizeState, type SerializedDashboard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseDashboardControllerOptions, type WidgetType, Dashboard as default };