@abdellatifui/react 3.2.4 → 3.2.6

package/dist/components/types.d.ts

@@ -0,0 +1,695 @@
+import { default as React } from 'react';
+import { AgGridReactProps } from 'ag-grid-react';
+import { MapProps, ViewState } from 'react-map-gl/maplibre';
+export { type TooltipProps } from './Help/tooltip';
+export { type SpinnerDialogProps } from './Spinner/SpinnerDialog';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'transparent' | 'secondary' | 'danger' | 'danger2' | 'green' | 'ghost' | 'dangerghost';
+    size?: 'button' | 'sm' | 'lg' | 'xl';
+    border?: boolean | 'ghost';
+    disable?: boolean;
+    hover?: boolean | 'ghost';
+    addClass?: string[];
+    autoFocus?: boolean;
+    icon?: React.ReactNode;
+    disableAfterClick?: boolean;
+    tooltip?: string;
+    outline?: boolean;
+    asChild?: boolean;
+}
+export interface IconButtonProps extends ButtonProps {
+    icon: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface CopyButtonProps extends ButtonProps {
+    text: string;
+    onCopy?: (text: string) => void;
+}
+export interface SwapIconButtonProps extends ButtonProps {
+    icon1: React.ReactNode;
+    icon2: React.ReactNode;
+    state?: boolean;
+    onSwap?: (state: boolean) => void;
+}
+export interface MenuButtonProps extends ButtonProps {
+    menuItems: Array<{
+        label: string;
+        action: () => void;
+        icon?: React.ReactNode;
+    }>;
+}
+export interface SplitButtonProps extends ButtonProps {
+    primaryAction: () => void;
+    secondaryActions: Array<{
+        label: string;
+        action: () => void;
+        icon?: React.ReactNode;
+    }>;
+}
+export interface SwitchProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    padding?: boolean | 'sm' | 'lg' | 'xl';
+    resizable?: boolean | 'y' | 'x';
+    color?: 'primary' | 'secondary';
+    border?: boolean | 'blue';
+    shadow?: boolean | 'sm' | 'xl' | 'xxl';
+}
+export interface PanelProps extends ContainerProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+}
+export interface DialogPanelProps extends ContainerProps {
+    header: string;
+    collapsible?: boolean;
+    close?: boolean;
+    onClose?: () => void;
+}
+export interface ScrollAreaProps extends ContainerProps {
+    orientation?: 'horizontal' | 'vertical';
+    scrollHideDelay?: number;
+}
+export interface HorizontalDivProps extends ContainerProps {
+    gap?: number;
+    align?: 'start' | 'center' | 'end';
+    justify?: 'start' | 'center' | 'end' | 'between';
+}
+export interface VirtualContainerProps extends ContainerProps {
+    itemCount: number;
+    itemHeight: number;
+    renderItem: (index: number) => React.ReactNode;
+}
+export interface AppBodyProps extends ContainerProps {
+    sidebar?: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export interface MainFrameProps extends ContainerProps {
+    title?: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+}
+export interface ModelProps {
+    children?: React.ReactNode;
+    bodyClick?: boolean;
+    className?: string;
+    variant?: 'transparent' | 'blur' | 'dimmed';
+    inline?: boolean;
+    hideOnContextMenu?: boolean;
+    onBodyClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    blur?: boolean;
+}
+export interface ModelHandle {
+    open: () => void;
+    close: () => void;
+    readonly isOpen: boolean;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder: string;
+    size: 'screen' | 'frequency' | 'full';
+    description: string;
+    inputRef?: object;
+    invalid?: string;
+    type?: string;
+    defaultValue?: string;
+    value?: string;
+    multiple?: boolean;
+    loading?: boolean;
+    controlled?: boolean;
+    tmpdescription?: {
+        state: boolean;
+        message: string;
+    };
+    onChange?: (value: string) => void;
+}
+export interface AutoCompleteProps extends InputProps {
+    options: Array<{
+        label: string;
+        value: any;
+    }>;
+    onSelect?: (option: any) => void;
+    filterOptions?: boolean;
+}
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    placeholder: string;
+    rows?: number;
+    maxLength?: number;
+    showCharacterCount?: boolean;
+}
+export interface FrequencyProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+}
+export interface TableProps {
+    tid: string | number;
+    dataset: any[];
+    aggrid: AgGridReactProps;
+    pageSize: number;
+    rowHeight: string;
+    tableName: string;
+    enablePagination?: boolean;
+    enableContextMenu?: boolean;
+    rowSelection?: string;
+    toolbarBtns?: any[];
+    hidden?: any[];
+    enableExpand: boolean;
+    autoSizeStrategy?: string;
+    headerMapper?: Array<{
+        key: string;
+        value: any;
+    }>;
+    menuItems?: Array<{
+        label: string;
+        icon: any;
+        action: () => void;
+        type: string;
+        size: string;
+    }>;
+    onRowClick?: (params: any, rowData: any, rows: any[]) => void;
+    onRowDoubleClicked?: (params: any, rowData: any) => void;
+    onCellClick?: (params: any, value: any, field: string) => void;
+    onTableBuilt?: (callback: any) => void;
+    onExpand?: (params: any) => void;
+    onRefresh?: (callback: any) => void;
+    onChangeItem: {
+        key: string;
+        operation: void;
+    };
+    onChange?: Array<{
+        key: string;
+        operation: void;
+    }>;
+    ready?: boolean;
+    multiple?: boolean;
+    autoHideSpinner?: boolean;
+    aggridProps?: Partial<AgGridReactProps>;
+    className?: string;
+    topbar?: boolean;
+    hideFromTable?: any[];
+    formater?: any;
+    viewAsArray?: any[];
+    filter?: any;
+    groupBy?: any;
+    onMultiRowSelection?: (params: any, rows: any[]) => void;
+}
+export interface MuiTableProps {
+    dataset: any[];
+    columns?: Array<{
+        accessorKey: string;
+        header: string;
+        size?: number;
+        enableSorting?: boolean;
+        enableColumnFilter?: boolean;
+    }>;
+    enableRowSelection?: boolean;
+    enableColumnResizing?: boolean;
+    enableColumnDragging?: boolean;
+    enableColumnOrdering?: boolean;
+    onRowSelectionChange?: (rows: any[]) => void;
+    className?: string;
+}
+export interface InformationTableProps {
+    data: any[];
+    columns: Array<{
+        key: string;
+        label: string;
+        render?: (value: any, row: any) => React.ReactNode;
+    }>;
+    sortable?: boolean;
+    filterable?: boolean;
+    pagination?: boolean;
+    pageSize?: number;
+    className?: string;
+}
+export interface SpinnerProps {
+    variant?: 'blur' | 'primary' | 'white' | 'dark' | 'transparent';
+    size?: 'xs' | 'small' | 'large';
+    text?: string;
+    timeout?: boolean;
+    period?: number;
+    onAbort?: () => void;
+    className?: string;
+}
+export interface InlineSpinnerProps extends SpinnerProps {
+    inline?: boolean;
+    defaultOpen?: boolean;
+    modelClassName?: string | Record<string, any>;
+}
+export interface InlineSpinnerHandle extends ModelHandle {
+}
+export interface SpinnerDialogProps extends SpinnerProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    title?: string;
+    message?: string;
+}
+export interface AdvancedSpinnerProps extends SpinnerProps {
+    type?: 'dots' | 'bars' | 'pulse' | 'ring';
+    color?: string;
+    thickness?: number;
+}
+export interface ToastProps {
+    item: {
+        id: string;
+        header: string;
+        body: string;
+        type: 'alert' | 'error' | 'warning' | 'info' | 'progress' | 'success' | null;
+        duration?: number;
+        buttons: any[];
+    };
+    duration?: number;
+}
+export interface MainframeProps {
+    item: {
+        id: string;
+        header: string;
+        body: string;
+        type: string | null;
+        duration?: number;
+        buttons: any[];
+    };
+}
+export interface AccordionGroupProps {
+    multiple?: boolean;
+    children: React.ReactNode;
+    border?: boolean;
+    onChange?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+    onOpen?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+    onClose?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+}
+export interface AccordionItemProps {
+    value: string;
+    header: React.ReactNode;
+    children: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface Tab {
+    value: string;
+    label: string;
+    content: React.ReactNode;
+    default?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface ShadcnTabsProps {
+    tabs: Tab[];
+    onChange?: (tab: Tab, value: string) => void;
+    className?: string;
+    size?: 'full' | string;
+    body?: boolean;
+    theme?: 'minimal' | 'modern';
+    outline?: boolean;
+    center?: boolean;
+    border?: boolean;
+    full?: boolean;
+}
+export interface TabItemProps {
+    tab: Tab;
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export interface NetworkMapProps {
+    nodes: object[];
+    connections: object[];
+    linkHighlightedColorHex: string;
+    defaultLinkColorHex: string;
+    className: string;
+    hideLinksOnDrag: boolean;
+    showHoveredLinksOnly: boolean;
+    showGoNodeControlButton: boolean;
+    draggingMode: boolean;
+    maxZoomOutForLinkCount: number;
+    nodeSizeScaler: number;
+    boundMargin: number;
+    defaultAnimationLinkColor: string;
+    linkAnimation: boolean;
+    debug: boolean;
+    staticMapColor: string;
+    isolateNonSelectedLinksOnNodeClick: boolean;
+    showLinkCount: boolean;
+    showEndpoints: boolean;
+    MapLogo: React.ReactNode;
+    MapLogoClassName: string;
+    MapLogoStyle: React.CSSProperties;
+    getOverLinkElementDelay: number;
+    tid: string | number;
+    onConnClick: (conn: object) => void;
+    onNodeClick: (node: object) => void;
+    getCenterBox: (conn: object) => void;
+    onConnection: (mapApi: object) => void;
+    onNodeMouseOver: (node: object) => void;
+    nodeIconMapperParentClassName: string;
+    getMenuTitle: (connection: object) => void;
+    getOverLinkElement: (connection: object) => void;
+    initialViewState: ViewState | null;
+    getEndpointText: (connection: object) => void;
+    onLinkContextMenu: (info: {
+        data: object;
+        event: React.MouseEvent;
+        mapApi: MapProps;
+        type: string;
+    }) => void;
+    enableNativeContextMenu: boolean;
+    enableLngLatBox: boolean;
+    mapStyle: {
+        url: string;
+        index: number;
+        name: string;
+    };
+    hideLinks: boolean;
+    customNavigateButtonsClassName: string;
+    mapProps: MapProps;
+    customControlButtons: React.ReactNode[];
+    menuItems: Array<{
+        label: string;
+        action?: (args: {
+            data: object;
+            event: React.MouseEvent;
+            mapApi: MapProps;
+            type: string;
+        }) => void;
+    }>;
+    nodeMenuItems: Array<{
+        label: string;
+        action?: (args: {
+            data: object;
+            event: React.MouseEvent;
+            mapApi: MapProps;
+            type: string;
+        }) => void;
+    }>;
+    nodeIconMapper?: (object: any) => React.ReactNode | null;
+}
+export interface NodeParams {
+    name: string;
+    id: string;
+    color: string;
+    lng: number;
+    lat: number;
+    details?: Record<string, any>;
+}
+export interface NodeTemplate {
+    name: string;
+    color: string;
+    elementId: string;
+    details: Record<string, any>;
+    location: {
+        lng: number;
+        lat: number;
+    };
+}
+export interface ConnectionParams {
+    name: string;
+    id: string;
+    sourceId: string;
+    destinationId: string;
+    details?: Record<string, any>;
+    linkColor?: string | null;
+    linkAnimationColor?: string | null;
+    layer?: number;
+    group?: number;
+    bidir?: boolean;
+    sourcePort: string | null;
+    destinationPort: string | null;
+}
+export interface ConnectionTemplate {
+    name: string;
+    id: string;
+    details: Record<string, any>;
+    sourceId: string;
+    destinationId: string;
+    linkColor: string | null;
+    linkAnimationColor: string | null;
+    layer: number;
+    group: number;
+    bidir: boolean;
+    sourcePort: string | null;
+    destinationPort: string | null;
+}
+export interface TinnyHelpProps {
+    info?: string;
+    more?: React.ReactNode;
+    className?: string;
+    size?: 'sx' | 'sm' | 'lg';
+}
+export interface HelpPopoverProps {
+    title?: string;
+    content: React.ReactNode;
+    trigger?: React.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+export interface RadioItemProps {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    onSelect?: (ev: React.ChangeEvent<HTMLInputElement>, checked: boolean, state: any) => void;
+    onClick?: (state: any) => void;
+    onDoubleClick?: (state: any) => void;
+    onContextMenu?: (state: any) => void;
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    className?: string;
+    defaultChecked?: boolean;
+}
+export interface RadioGroupProps {
+    name: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface ToggleItemProps {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface ToggleGroupProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface NgSuccessLegendProps {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export interface NgFailedLegendProps {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export interface PropertiesItemProps {
+    label: string;
+    value: any;
+    type?: 'text' | 'number' | 'boolean' | 'date' | 'array' | 'object';
+    editable?: boolean;
+    onChange?: (value: any) => void;
+    className?: string;
+}
+export interface ContextMenuProps {
+    items: {
+        items: Array<{
+            label: string;
+            icon?: React.ReactNode;
+            action: () => void;
+            disabled?: boolean;
+            separator?: boolean;
+        }>;
+    };
+    event: React.MouseEvent | null;
+    onClose?: () => void;
+    className?: string;
+}
+export interface HeadlineProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    children: React.ReactNode;
+    className?: string;
+    variant?: 'default' | 'muted' | 'accent';
+}
+export interface MainHeaderProps extends HeadlineProps {
+    subtitle?: string;
+    actions?: React.ReactNode;
+}
+export interface SubHeaderProps extends HeadlineProps {
+    description?: string;
+}
+export interface LabelProps extends HeadlineProps {
+    required?: boolean;
+    error?: string;
+}
+export interface AlertProps {
+    dialog?: {
+        body: string;
+        header?: string;
+        onAccept?: () => void;
+        onDecline?: () => void;
+        autoAccept?: boolean;
+        autoDecline?: boolean;
+        variant?: string;
+        type?: string;
+        extraButtons?: any[];
+        acceptButtonParams?: object;
+        declineButtonParams?: object;
+        warning?: boolean;
+        id?: string;
+        acceptLabel?: string;
+        declineLabel?: string;
+        success?: boolean;
+        alert?: boolean;
+        error?: boolean;
+    };
+}
+export interface NotifyProps {
+    spinnerProps?: SpinnerProps;
+    alertProps?: AlertProps;
+    toastProps?: ToastProps;
+}
+export interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    fallback?: React.ComponentType<{
+        error: Error;
+        resetError: () => void;
+    }>;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+export interface WhatsnewProps {
+    items: Array<{
+        title: string;
+        description: string;
+        image?: string;
+        date: string;
+        version: string;
+    }>;
+    onClose?: () => void;
+    className?: string;
+}
+export interface CommonProps {
+    className?: string;
+    children?: React.ReactNode;
+    id?: string;
+    style?: React.CSSProperties;
+}
+export interface EventHandlers {
+    onClick?: (event: React.MouseEvent) => void;
+    onDoubleClick?: (event: React.MouseEvent) => void;
+    onContextMenu?: (event: React.MouseEvent) => void;
+    onChange?: (event: React.ChangeEvent) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+}
+export interface SizeVariants {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+export interface ColorVariants {
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+}
+export interface DisabledProps {
+    disabled?: boolean;
+    loading?: boolean;
+}
+export type SidebarVariant = 'default';
+export type SidebarDirection = 'left' | 'right';
+export type SidebarModelProps = Partial<Omit<ModelProps, 'children'>>;
+export interface SidebarEvent {
+    isOpen: boolean;
+    id: string;
+    modelRef: React.RefObject<ModelHandle | null>;
+    element: HTMLElement | null;
+}
+export interface SidebarHandle {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    readonly id: string;
+    readonly element: HTMLElement | null;
+    readonly model: React.RefObject<ModelHandle | null>;
+}
+export interface SidebarProps {
+    variant?: SidebarVariant;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    padding?: boolean;
+    margin?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    direction?: SidebarDirection;
+    defaultOpen?: boolean;
+    children?: React.ReactNode;
+    onOpen?: (event: SidebarEvent) => void;
+    onClose?: (event: SidebarEvent) => void;
+    onChange?: (event: SidebarEvent) => void;
+    modelProps?: SidebarModelProps;
+    className?: string;
+    style?: React.CSSProperties;
+    ref?: React.RefObject<HTMLDivElement>;
+}
+export interface ExcelFilterProps {
+    columnField: string;
+    columnDisplayName: string;
+    data: any[];
+    onFilterChange: (field: string, selectedValues: any[]) => void;
+    currentFilter?: any[];
+    tid?: string;
+}
+export interface FilterState {
+    [columnField: string]: any[];
+}
+export interface UseExcelFiltersProps {
+    data: any[];
+    tid?: string;
+    onFilteredDataChange?: (filteredData: any[]) => void;
+}
+export interface ArrayViewerProps {
+    header: string;
+}
+export interface UseApiReturn {
+    data: any;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+export interface UseStoreReturn<T> {
+    state: T;
+    setState: (newState: T | ((prev: T) => T)) => void;
+    reset: () => void;
+}
+export interface UseVariableReturn<T> {
+    value: T;
+    setValue: (newValue: T) => void;
+    reset: () => void;
+}
+export interface UseBoxSizeReturn {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+//# sourceMappingURL=types.d.ts.map