@algorithm-shift/design-system 1.2.202 → 1.2.952

package/dist/index.d.ts

@@ -1,17 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
 import React__default from 'react';
-import { VariantProps } from 'class-variance-authority';
+import axios from 'axios';
+import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
+interface ModalProps {
+    isOpen: boolean | string;
+    onModalClose?: () => void;
+    title: string;
+    children: React__default.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    showCloseButton?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface ElementProps {
   children?: React.ReactNode;
@@ -31,19 +35,28 @@ interface ImageProps extends ElementProps {
 }
 
 type InputProperties = {
-  placeholder?: string;
-  regexPattern?: string;
-  errorMessage?: string;
-  noOfCharacters?: number;
-  isRequired?: boolean;
-  isEditable?: boolean;
-  isDisabled?: boolean;
-  isReadonly?: boolean;
-  isAutocomplete?: boolean;
+  name?: string;
+  value?: string | undefined | any;
+  placeholder?: string | undefined;
+  errorMessage?: string | undefined;
+  isEditable?: boolean | undefined;
+  isDisabled?: boolean | undefined;
+  isReadonly?: boolean | undefined;
+  isAutocomplete?: boolean | undefined;
   label?: string;
   text?: string;
+  hasFormContainer?: boolean;
+  defaultValue?: string | boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, name: string) => void;
 };
 
+type InputSourceProperties = {
+  dataLoading?: boolean;
+  data?: Record<string, any>[] | any[];
+  dataKey?: string;
+  dataLabel?: string;
+}
+
 interface TextInputProps extends ElementProps, InputProperties { }
 interface EmailInputProps extends ElementProps, InputProperties { }
 interface PasswordInputProps extends ElementProps, InputProperties { }
@@ -51,15 +64,48 @@ interface NumberInputProps extends ElementProps, InputProperties { }
 interface TextAreaProps extends ElementProps, InputProperties { }
 interface UrlInputProps extends ElementProps, InputProperties { }
 interface SearchInputProps extends ElementProps, InputProperties { }
-interface FileInputProps extends ElementProps, Pick<InputProperties, 'placeholder'> { }
-interface CheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
-interface RadioInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
-interface MultiCheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
-interface RichTextInputProps extends ElementProps { }
-interface SelectDropdownInputProps extends ElementProps, InputProperties { }
-interface SwitchToggleInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
+interface FileInputProps extends ElementProps, InputProperties { }
+interface TextInputGroupProps extends ElementProps, InputProperties {
+  prepend?: string | React.ReactNode;
+  append?: string | React.ReactNode;
+}
+interface CheckboxInputProps extends ElementProps, InputProperties {
+  value?: boolean | any;
+  onChange?: (value: boolean, name: string) => void;
+}
+interface RadioInputProps extends ElementProps, InputSourceProperties, InputProperties {
+  value?: string | any;
+  onChange?: (value: string, name: string) => void;
+}
+interface MultiCheckboxInputProps extends ElementProps, InputSourceProperties, InputProperties {
+  value?: Record<string, boolean> | any;
+  onChange?: (value: Record<string, boolean>, name: string) => void;
+}
+interface RichTextInputProps extends ElementProps, InputProperties {
+  value?: string | any;
+  onChange?: (value: string, name: string) => void;
+}
+interface SelectDropdownInputProps extends ElementProps, InputProperties, InputSourceProperties {
+  source?: string;
+  lazyLoad?: boolean;
+  apiUrl?: string;
+  pageSize?: number;
+  value?: string | any;
+  onChange?: (value: string, name: string) => void;
+  axiosInstance?: typeof axios;
+}
+interface SwitchToggleInputProps extends ElementProps, InputProperties {
+  value?: boolean | any;
+  onChange?: (value: boolean, name: string) => void;
+}
 interface PhoneInputProps extends ElementProps, InputProperties { }
-interface DateRangeInputProps extends ElementProps { }
+interface DateRangeInputProps extends ElementProps {
+  name?: string;
+  value?: { from?: Date; to?: Date } | undefined;
+  onChange?: (value: { from?: Date; to?: Date } | undefined, name: string) => void;
+  errorMessage?: string;
+  validateOnMount?: boolean;
+}
 interface DatePickerInputProps extends ElementProps, InputProperties {
   minimumDate?: string;
   customMinimumDate?: string;
@@ -68,52 +114,176 @@ interface DatePickerInputProps extends ElementProps, InputProperties {
 }
 
 interface TableProps extends ElementProps {
-  columns?: Record<string, any>;
-  rowActions?: Record<string, any>;
-  data?: Record<string, any>;
+  columns?: Array<any>;
+  rowActions?: Array<any>;
+  data?: Array<any>;
+  pagination?: boolean;
+  itemsPerPage?: number;
+  loading?: boolean;
+  cellClickEnabled?: (cellData: Record<string, any>, columnId: string) => boolean;
+  onCellClick?: (cellData: Record<string, any>, columnId: string) => void;
+  getRowSelection?: (rowSelection: Record<string, boolean>) => void;
+  totalRecords?: number;
+  globalSearch?: boolean;
 }
 
 interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
-  LinkComponent?: React.ComponentType<any>;
+  verticalMenu?: boolean;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+  isBuilder?: boolean;
+  source?: string;
+  parentKey?: string;
+  menuNameKey?: string;
+  menuUrlKey?: string;
+  loading?: boolean;
 }
 
 interface StagesProps extends ElementProps {
   stages?: Record<string, any>;
   isShowBtn?: boolean;
   buttonText?: string;
+  onStageChange?: (stageId: string) => void;
+  currentStage?: string;
+  dataKey?: string;
+  dataLabel?: string;
+  loading?: boolean;
 }
 
-interface ProfileProps extends ElementProps {
-  profileType?: 'avatar' | 'initial';
-  showName?: boolean;
-  userName?: string;
+type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
+  textContent?: string;
+  loading?: boolean;
+  loadingText?: string;
+  type?: 'button' | 'submit' | 'reset';
 }
 
-interface NotificationProps extends ElementProps {
-  badgeType?: 'number' | 'dot';
-  badgeCount?: number;
-  hideBadgeWhenZero?: boolean;
+interface PieChartProps extends ElementProps {
+  data?: Record<string, any>;
+  showPercentage?: boolean;
+  showLegends?: boolean;
+  labelType?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+  loading?: boolean;
 }
 
-interface LogoProps extends ElementProps {
+interface BarChartProps extends ElementProps {
+  data?: Record<string, any>;
+  chartType?: string;
+  legendsPosition?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile';
+  loading?: boolean;
+}
+
+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?: string;
+  badgeCount?: number | string;
+  hideBadgeWhenZero?: boolean;
+  profileType?: string;
+  showName?: boolean;
   imageUrl?: string;
   altText?: string;
+  canvasMode?: 'desktop' | 'tablet' | 'mobile' | string;
+  list?: Record<string, any>;
+  profileMenu?: Record<string, any>;
+  userName?: string;
+  isBuilder?: boolean;
+  source?: string;
+  navList?: Record<string, any>;
+}
+
+interface BreadcrumbProps extends ElementProps {
+  list?: Record<string, any>;
+}
+
+interface ButtonGroupProps extends ElementProps {
+  textContent?: string;
+  list?: Record<string, any>;
+}
+
+interface IconProps extends ElementProps {
+  iconType?: string;
+  name?: string;
+  fontSize?: number | string;
+}
+interface AccordionProps extends ElementProps {
+  name?: string;
+}
+
+interface TabListProps extends ElementProps {
+  activeTab?: string;
+  tabId?: string;
+}
+
+interface TabGroupProps extends ElementProps {
+  list?: Record<string, any>;
+  activeTab?: string;
+  onTabChange?: (tabId: string) => void;
+}
+
+declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const Grid: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const Container: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const Accordion: ({ children, name, style, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
+
+declare const Slot: ({ children }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare const AccordionGroup: ({ children, style, className }: ElementProps) => react_jsx_runtime.JSX.Element;
+
+declare function TabList({ children, style, className, activeTab, tabId }: TabListProps): react_jsx_runtime.JSX.Element;
+
+declare function TabGroupComponent({ children, style, className, list, activeTab, onTabChange, }: TabGroupProps): react_jsx_runtime.JSX.Element;
+
+interface RepeaterProps<T> {
+    items: T[];
+    count?: number;
+    render: (item: T, index: number, array: T[]) => React__default.ReactNode;
+    emptyFallback?: React__default.ReactNode;
+    wrapper?: (children: React__default.ReactNode) => React__default.ReactNode;
+    className?: string;
+    loading?: boolean;
+    loadingText?: string;
 }
+declare function Repeater<T>({ items, count, render, emptyFallback, wrapper, className, loading, loadingText, }: RepeaterProps<T>): react_jsx_runtime.JSX.Element;
+declare const _default$2: typeof Repeater;
 
-declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const ButtonWrapper: ({ className, style, textContent, loadingText, loading, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
-declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
+
+declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
 declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
     style: React__default.CSSProperties | undefined;
     className: string;
 }, HTMLElement>;
 
-declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare function SplitButton({ style, textContent, className, list }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+
+declare const Icon: ({ iconType, name, className, fontSize, style }: IconProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -129,11 +299,11 @@ declare const UrlInput: ({ className, style, ...props }: UrlInputProps) => react
 
 declare const CheckboxInput: ({ className, style, ...props }: CheckboxInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const RadioInput: ({ className, style, ...props }: RadioInputProps) => react_jsx_runtime.JSX.Element;
+declare const RadioInput: ({ className, style, defaultValue, onChange, data, dataKey, dataLabel, ...props }: RadioInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const MultiCheckbox: ({ className, style, ...props }: MultiCheckboxInputProps) => react_jsx_runtime.JSX.Element;
+declare const MultiCheckbox: ({ className, style, data, dataKey, dataLabel, value: propValue, onChange, isEditable, isDisabled, ...props }: MultiCheckboxInputProps) => react_jsx_runtime.JSX.Element;
 
-declare function RichText({ className, style }: RichTextInputProps): react_jsx_runtime.JSX.Element;
+declare function RichText({ className, style, ...props }: RichTextInputProps): react_jsx_runtime.JSX.Element;
 
 declare const Dropdown: ({ className, style, ...props }: SelectDropdownInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -147,22 +317,97 @@ declare const FileInput: ({ className, style, ...props }: FileInputProps) => rea
 
 declare function DatePicker({ className, style, ...props }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
 
-declare const DateRange: ({ className, style }: DateRangeInputProps) => react_jsx_runtime.JSX.Element;
+declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) => react_jsx_runtime.JSX.Element;
+
+declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
+
+interface Option {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps {
+    value: string[];
+    onChange: (value: string[], name: string) => void;
+    data: Option[];
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    className?: string;
+    errorMessage?: string;
+    dataKey?: string;
+    dataLabel?: string;
+    name: string;
+}
+declare const MultiSelect: React$1.FC<MultiSelectProps>;
+
+interface PageChangeProps {
+  page: number;
+  itemsPerPage: number;
+}
+
+interface CustomPaginationProps {
+  totalPages: number;
+  currentPage: number;
+  onPageChange: (props: PageChangeProps) => void;
+  maxVisiblePages?: number;
+  perPage: number;
+}
+
+type PaginationMode = 'client' | 'server';
+
+interface CellClickProps {
+  id: string;
+  column: any;
+}
+
+interface ExtendedTableProps extends TableProps {
+  paginationMode?: PaginationMode;
+  page?: number;
+  itemsPerPage?: number;
+  onPageChange?: (props: PageChangeProps) => void;
+  onSortChange?: (props: SortChangeProps) => void;
+  onFilterChange?: (props: FilterChangeProps) => void;
+  onGlobalSearch?: (props: SearchChangeProps) => void;
+  onCellClick?: (props: CellClickProps) => void;
+  sort_by?: string;
+  sort_order?: string;
+  onCellClick?: (props: CellClickProps) => void;
+  onDeleteRow?: (props: CellClickProps) => void;
+  enableDelete?: boolean;
+}
+
+declare const Table: ({ columns, data, rowActions, className, style, pagination, paginationMode, itemsPerPage, onPageChange, onSortChange, onFilterChange, onGlobalSearch, page, loading, totalRecords, globalSearch, onCellClick, onDeleteRow, ...props }: ExtendedTableProps) => react_jsx_runtime.JSX.Element;
 
-declare const Table: ({ columns, data, rowActions, className, style }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ tabs, className, style, pathname, LinkComponent }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder, source, parentKey, menuNameKey, menuUrlKey, loading }: TabsProps) => react_jsx_runtime.JSX.Element;
 
-declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style }: StagesProps) => react_jsx_runtime.JSX.Element;
+declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage, dataKey, dataLabel, loading }: StagesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Profile: ({ profileType, showName, userName, className, style }: ProfileProps) => react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, profileMenu, userName, isBuilder, source, navList }: NavbarProps): react_jsx_runtime.JSX.Element;
+
+declare const _default$1: React__default.MemoExoticComponent<({ className, style, loading, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
+
+declare const _default: React__default.MemoExoticComponent<({ className, style, loading, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
+
+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 const Notification: ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }: NotificationProps) => react_jsx_runtime.JSX.Element;
+type ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning';
+type SonnerToastProps = {
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+declare function showSonnerToast({ title, description, variant, duration, actionLabel, onAction, }: SonnerToastProps): void;
 
-declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
+declare function getInitials(name: string): string;
 
-export { Button, CheckboxInput, 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, buttonVariants, cn };
+export { Accordion, AccordionGroup, _default$1 as BarChart, Breadcrumb, ButtonWrapper as Button, SplitButton as ButtonGroup, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, Icon, ImageControl as Image, Modal, MultiCheckbox, MultiSelect, Navbar, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, _default as PieChart, RadioInput as RadioGroup, _default$2 as Repeater, RichText, SearchInput as Search, Shape, Slot, Spacer, StagesComponent as Stages, SwitchToggle, TabGroupComponent as TabGroup, TabList, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Toaster, Typography, UrlInput as URL, cn, getInitials, showSonnerToast };