@algorithm-shift/design-system 1.2.22 → 1.2.24

package/dist/index.d.ts

@@ -60,6 +60,9 @@ interface TableProps extends ElementProps {
   columns?: Record<string, any>;
   rowActions?: Record<string, any>;
   data?: Record<string, any>;
+  pagination?: boolean;
+  itemsPerPage?: number;
+  onPageChange?: (page: number) => void;
 }
 
 interface TabsProps extends ElementProps {
@@ -93,12 +96,67 @@ interface LogoProps extends ElementProps {
 
 interface ButtonProps extends ElementProps {
   textContent?: string;
+}
+
+interface PieChartProps extends ElementProps {
+  data?: Record<string, any>;
+  showPercentage?: boolean;
+  showLegends?: boolean;
+  labelType?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+}
+
+interface BarChartProps extends ElementProps {
+  data?: Record<string, any>;
+  chartType?: string;
+  legendsPosition?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+}
+
+interface ModalProps extends ElementProps {
+  label?: string;
+  onClose?: () => void;
+}
+
+interface EmailComposerProps extends ElementProps {
+  to?: string;
+  setTo?: (to: string) => void;
+  showCc?: boolean;
+  setShowCc?: (showCc: boolean) => void;
+  showBcc?: boolean;
+  setShowBcc?: (showBcc: boolean) => void;
+  cc?: string;
+  setCc?: (cc: string) => void;
+  bcc?: string;
+  setBcc?: (bcc: string) => void;
+  subject?: string;
+  setSubject?: (subject: string) => void;
+  body?: string;
+  setBody?: (body: string) => void;
+}
+
+interface NavbarProps extends ElementProps {
+  style?: React.CSSProperties;
+  badgeType?: 'number' | 'dot';
+  badgeCount?: number;
+  hideBadgeWhenZero?: boolean;
+  profileType?: 'avatar' | 'initial';
+  showName?: boolean;
+  imageUrl?: string;
+  altText?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+  LinkComponent?: React.ComponentType<any>;
+  ImageComponent?: React.ComponentType<any>;
 }
 
+declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
+
 declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
 declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
+declare const Container: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+
 declare const ButtonComponent: ({ className, style, textContent, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
@@ -144,7 +202,15 @@ declare function DatePicker({ className, style, ...props }: DatePickerInputProps
 
 declare const DateRange: ({ className, style }: DateRangeInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const Table: ({ columns, data, rowActions, className, style }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, rowActions, className, style, pagination, itemsPerPage, onPageChange }: TableProps) => react_jsx_runtime.JSX.Element;
+
+interface CustomPaginationProps {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    maxVisiblePages?: number;
+}
+declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
 declare const Tabs: ({ tabs, className, style, pathname, LinkComponent }: TabsProps) => react_jsx_runtime.JSX.Element;
 
@@ -158,6 +224,14 @@ declare const Notification: ({ className, style, badgeType, badgeCount, hideBadg
 
 declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
 
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent }: NavbarProps): react_jsx_runtime.JSX.Element;
+
+declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
+
+declare const DonutChart: ({ className, style, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element;
+
+declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ButtonComponent as Button, CheckboxInput as Checkbox, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, cn };
+export { ChartComponent as BarChart, ButtonComponent as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailComposer, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput, PhoneInput, DonutChart as PieChart, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, cn };