@zimyo/ui 1.8.0 → 1.9.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ElementType } from 'react';
-import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
+import { ButtonProps as ButtonProps$1, PopoverProps as PopoverProps$1, CardProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
 import { SxProps } from '@mui/system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props, GroupBase } from 'react-select';
@@ -19,6 +19,52 @@ interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
 }
 declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
+interface PopoverProps extends Partial<PopoverProps$1> {
+    open: boolean;
+    onClose: () => void;
+    anchorEl: HTMLElement | null;
+    children: React__default.ReactNode;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    padding?: number;
+    border?: boolean;
+}
+declare const Popover: ({ open, onClose, anchorEl, children, width, maxWidth, minWidth, padding, border, anchorOrigin, transformOrigin, ...rest }: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+interface CardRootProps extends CardProps {
+    sx?: SxProps;
+    variant?: 'elevated' | 'outlined' | 'bordered';
+    children: React__default.ReactNode;
+}
+declare const CardRoot: React__default.FC<CardRootProps>;
+
+declare const CardHeader: ({ title, subtitle, action, }: {
+    title?: string | React__default.ReactNode;
+    subtitle?: string | React__default.ReactNode;
+    action?: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardContent: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardActions: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardImage: ({ src, height, alt }: {
+    src: string;
+    height?: number | string;
+    alt?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardSkeleton: ({ lines }: {
+    lines?: number;
+}) => react_jsx_runtime.JSX.Element;
+
 interface Option {
     label?: string;
     value?: string | number;
@@ -430,6 +476,100 @@ interface AppListProps {
 }
 declare const AppList: React__default.FC<AppListProps>;
 
+interface Column {
+    id: string;
+    header: string;
+    accessor: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    sticky?: 'left' | 'right';
+    sortable?: boolean;
+    filterable?: boolean;
+    hidden?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: any, index: number) => React__default.ReactNode;
+}
+interface TableData {
+    id: string;
+    [key: string]: any;
+    _expanded?: boolean;
+    _selected?: boolean;
+    _children?: TableData[];
+}
+interface StickyConfig {
+    left?: string[];
+    right?: string[];
+}
+interface BulkAction$1 {
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick: (selectedIds: string[]) => void;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: boolean;
+}
+interface TableProps {
+    columns: Column[];
+    data: TableData[];
+    loading?: boolean;
+    pagination?: {
+        page: number;
+        pageSize: number;
+        total: number;
+        onPageChange: (page: number) => void;
+        onPageSizeChange: (size: number) => void;
+    };
+    selection?: {
+        enabled: boolean;
+        selectedRows: string[];
+        onSelectionChange: (selectedIds: string[]) => void;
+    };
+    sorting?: {
+        sortBy: string;
+        sortOrder: 'asc' | 'desc';
+        onSortChange: (sortBy: string, order: 'asc' | 'desc') => void;
+    };
+    filtering?: {
+        filters: Record<string, any>;
+        onFilterChange: (filters: Record<string, any>) => void;
+    };
+    expansion?: {
+        expandedRows: string[];
+        onExpansionChange: (expandedIds: string[]) => void;
+        renderExpandedRow: (row: TableData) => React__default.ReactNode;
+    };
+    virtualization?: {
+        enabled: boolean;
+        rowHeight?: number;
+        overscan?: number;
+    };
+    onRowClick?: (row: TableData) => void;
+    className?: string;
+    stickyColumns?: StickyConfig;
+    bulkActions?: BulkAction$1[];
+    isRowSelectable?: (row: TableData) => boolean;
+}
+declare const Table: React__default.FC<TableProps>;
+
+interface BulkAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick: (selectedIds: string[]) => void;
+    disabled?: boolean;
+    variant?: 'primary' | 'danger' | 'default';
+    type?: 'button' | 'dropdown';
+    onOpen?: () => void;
+}
+interface BulkActionsBarProps {
+    selectedRows: string[];
+    totalRows: number;
+    bulkActions: BulkAction[];
+    clearSelection: () => void;
+    maxVisibleActions?: number;
+}
+declare const BulkActionsBar: React__default.FC<BulkActionsBarProps>;
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -524,5 +664,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, Button, Caption, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, PopupConfirm, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, ButtonProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, RadioGroup, Select, Strong, Switch, Table, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, UILibraryThemeProviderProps };