UNPKG

wass-rct-ui

Version:

A lightweight and customizable WASS Rct UI component library for modern web applications.

1,592 lines (1,451 loc) 51.8 kB
import * as React$1 from 'react'; import { ReactElement, FC, ReactNode, FunctionComponent, MouseEvent, ElementType, CSSProperties, JSX, FocusEvent, ChangeEvent } from 'react'; import * as react_jsx_runtime from 'react/jsx-runtime'; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type AlignmentType = "left" | "center" | "right" | "centered"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type BoxType = "boxed" | "toggle"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type BaseColorVariant = "link" | "primary" | "info" | "success" | "warning" | "danger" | "white" | "light" | "dark" | "black" | "grey"; type BaseColorShade = "black-bis" | "black-ter" | "grey-darker" | "white-bis" | "white-ter" | "grey-lighter"; type ColorShade = "00" | "05" | "10" | "15" | "20" | "25" | "30" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100" | "light" | "dark" | "soft" | "bold" | "on-scheme"; type PrefixTextVariant = `text-${BaseColorVariant}`; type PrefixBGVariant = `background-${BaseColorVariant}`; type PrefixBorderVariant = `border-${BaseColorVariant}`; type PrefixHoverVariant = `hover-${BaseColorVariant}`; type TextColorVariant = PrefixTextVariant | `${PrefixTextVariant}-${ColorShade}` | `${PrefixTextVariant}-${BaseColorShade}`; type BGColorVariant = PrefixBGVariant | `${PrefixBGVariant}-${ColorShade}` | `${PrefixBGVariant}-${BaseColorShade}`; type BorderColorVariant = PrefixBorderVariant | `${PrefixBorderVariant}-${ColorShade}` | `${PrefixBorderVariant}-${BaseColorShade}`; type HoverColorVariant = PrefixHoverVariant | `${PrefixHoverVariant}-${ColorShade}` | `${PrefixHoverVariant}-${BaseColorShade}`; type ColorVariant = TextColorVariant | BGColorVariant | BorderColorVariant | HoverColorVariant; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type ButtonColorType = BaseColorVariant | "text" | "ghost"; type ButtonType = "button" | "submit" | "reset"; type ChatIconPosition = "top-left" | "top-center" | "top-right" | "middle-left" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type BaseSize = "three-quarters" | "two-thirds" | "half" | "one-third" | "one-quarter" | "full" | "four-fifths" | "three-fifths" | "two-fifths" | "one-fifth"; type NumericSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12"; type FlexBoxSizeType = BaseSize | `s-${NumericSize}`; type PrefixMinSize = `min-${FlexBoxSizeType}`; type PrefixMaxSize = `max-${FlexBoxSizeType}`; type PrefixHeight = `h-${FlexBoxSizeType}`; type PrefixWidth = `w-${FlexBoxSizeType}`; type MinFlexBoxSizeType = PrefixMinSize | `${PrefixMinSize}-mobile` | `${PrefixMinSize}-tablet` | `${PrefixMinSize}-desktop`; type MaxFlexBoxSizeType = PrefixMaxSize | `${PrefixMaxSize}-mobile` | `${PrefixMaxSize}-tablet` | `${PrefixMaxSize}-desktop`; type HeightType = PrefixHeight | `${PrefixHeight}-mobile` | `${PrefixHeight}-tablet` | `${PrefixHeight}-desktop`; type WidthType = PrefixWidth | `${PrefixWidth}-mobile` | `${PrefixWidth}-tablet` | `${PrefixWidth}-desktop`; type OffsetType = `offset-${NumericSize}` | `offset-${NumericSize}-mobile` | `offset-${NumericSize}-tablet` | `offset-${NumericSize}-desktop`; type SizingVariant = FlexBoxSizeType | MinFlexBoxSizeType | MaxFlexBoxSizeType | HeightType | WidthType | OffsetType; type ContainerVariant = "widescreen" | "fullhd" | "max-desktop" | "max-widescreen"; type PickerType = "date" | "month" | "year"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse"; type FlexWrap = "nowrap" | "wrap" | "wrap-reverse"; type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right"; type AlignContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline"; type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline" | "start" | "end" | "self-start" | "self-end"; type AlignSelf = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch"; type FlexGrowShrink = 0 | 1 | 2 | 3 | 4 | 5; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type FontWeight = "bold" | "normal" | "light" | "semibold"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type GroupAlignmentType = "" | "grouped-centered" | "grouped-right"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type InputType = "text" | "email" | "password" | "textarea" | "select" | "checkbox" | "radio" | "color" | "date" | "datetime-local" | "file" | "hidden" | "month" | "number" | "range" | "search" | "tel" | "time" | "url" | "week"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type NavLinkType = "link" | "text" | "dropdown" | "button" | "icon-button" | "icon" | "profile" | "profile-drop-down"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type NotificationType = "notification" | "message"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type CellType = "back" | "lay"; type ViewMode = "standard" | "fancy"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type SeperatorType = "arrow" | "bullet" | "dot" | "succeeds"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type SizeType = "small" | "normal" | "medium" | "large"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ declare enum SlideDirection { Right = -1, Left = 1 } declare const enum ArrowKeys { Right = 39, Left = 37 } type Item = ReactElement; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ type ColumnType = "text" | "image" | "date" | "status" | "action" | "link"; type Theme = "light" | "dark"; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface BlockProps { className?: string; bgColor?: BGColorVariant; children?: React$1.ReactNode; } declare const Block: React$1.FC<BlockProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ButtonsProps { children: React$1.ReactNode; className?: string; } declare const Buttons: FC<ButtonsProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ChatBotRef { addNewMessage: (message: string, sender?: "user" | "bot") => void; } interface ChatBotProps { position?: ChatIconPosition; iconName?: string; iconColor?: string; iconSize?: number; chatBotTitle?: string; buttonColor?: BaseColorVariant; chatTheme?: BGColorVariant; defaultMessages?: { text: string; sender: "user" | "bot"; }[]; welcomeMessage?: string; botResponses?: { [key: string]: string; }; placeholderText?: string; quickReplies?: string[]; onAskQuestion?: (question: string) => void; } declare const ChatBot: React$1.ForwardRefExoticComponent<ChatBotProps & React$1.RefAttributes<ChatBotRef>>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface CollapsibleItemProps { title: string; content: React$1.ReactNode; bodyBGColor?: BGColorVariant; headerBGColor?: BGColorVariant; titleColor?: TextColorVariant; } interface CollapsibleGroupProps { iconColor?: string; iconSize?: number; padding?: number; className?: string; items: CollapsibleItemProps[]; } declare const CollapsibleGroup: React$1.FC<CollapsibleGroupProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ColumnProps { size?: FlexBoxSizeType; offset?: OffsetType; isNarrow?: boolean; isNarrowMobile?: boolean; isNarrowTablet?: boolean; isNarrowTouch?: boolean; isNarrowDesktop?: boolean; isNarrowWidescreen?: boolean; isNarrowFullhd?: boolean; children: React$1.ReactNode; clasName?: string; } declare const Column: React$1.FC<ColumnProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ColumnsProps { isMobile?: boolean; isTablet?: boolean; isTouch?: boolean; isDesktop?: boolean; isWidescreen?: boolean; isFullhd?: boolean; isGapLess?: boolean; isMultiLine?: boolean; isCentered?: boolean; isVCentered?: boolean; children: React$1.ReactNode; className?: string; } declare const Columns: React$1.FC<ColumnsProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ContainerProps { containerVariant?: ContainerVariant; className?: string; children?: ReactNode; } declare const Container: React$1.FC<ContainerProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ContentProps { sizeVariant?: SizeType; className?: string; children?: ReactNode; } declare const Content: React$1.FC<ContentProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface DatePickerProps { value?: string; onChange?: (date: string | [string, string]) => void; timeZone?: string; pickerType?: PickerType; placeholder?: string; minDate?: string; maxDate?: string; dateRange?: boolean; colorVariant?: BaseColorVariant; } declare const DatePicker: React$1.FC<DatePickerProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface FigureProps { width?: number; height?: number; className?: string; children?: ReactNode; caption?: string; } declare const Figure: FC<FigureProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface FlexProps { direction?: FlexDirection; wrap?: FlexWrap; justify?: JustifyContent; alignContent?: AlignContent; alignItems?: AlignItems; alignSelf?: AlignSelf; flexGrow?: FlexGrowShrink; flexShrink?: FlexGrowShrink; className?: string; children: React$1.ReactNode; } declare const FlexBox: React$1.NamedExoticComponent<FlexProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface FooterProps { className?: string; children?: React$1.ReactNode; } declare const Footer: React$1.FC<FooterProps>; interface FormProps extends React$1.FormHTMLAttributes<HTMLFormElement> { className?: string; children?: React$1.ReactNode; onSubmit?: (event: React$1.FormEvent<HTMLFormElement>) => void; } declare const MemoizedForm: React$1.NamedExoticComponent<FormProps & React$1.RefAttributes<HTMLFormElement>>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface GridBoxProps { minCol?: number; gap?: number; columnGap?: number; rowGap?: number; mobileCols?: number; tabletCols?: number; desktopCols?: number; widescreenCols?: number; fullhdCols?: number; allDeviceCols?: number; autoCount?: boolean; fixedGrid?: boolean; className?: string; children?: ReactNode; } declare const GridBox: React$1.FC<GridBoxProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface GridBoxCellProps { className?: string; children?: ReactNode; colStart?: number; colFromEnd?: number; colSpan?: number; rowStart?: number; rowFromEnd?: number; rowSpan?: number; } declare const GridBoxCell: React$1.FC<GridBoxCellProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface HeroProps { className?: string; colorVariant?: BaseColorVariant; sizeVariant?: SizeType; children?: ReactNode; } declare const Hero: FC<HeroProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ImageViewerProps { isOpen: boolean; onClose: () => void; imageUrl?: string; altText?: string; } declare const ImageViewer: React$1.FC<ImageViewerProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface MediaProps { className?: string; mediaLeft?: ReactNode; mediaRight?: ReactNode; mediaContent?: ReactNode; } declare const Media: React$1.FC<MediaProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface NavLinkProps { label: string; link: string; className?: string; type: NavLinkType; dropdownList?: NavLinkProps[]; dropdownRight?: boolean; iconName?: string; iconColor?: string; iconSize?: number; colorVariant?: BaseColorVariant; hr?: boolean; } interface NavbarProps { logo: string; leftLinks: NavLinkProps[]; rightLinks?: NavLinkProps[]; logoWidth?: number; logoHeight?: number; navColor?: BaseColorVariant; isSideBarEnabled?: boolean; sideBarIcon?: string; sideBarIconColor?: string; sideBarIconSize?: number; toggleSidebar: (isOpen: boolean) => void; className?: string; } declare const Navbar: React$1.FC<NavbarProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface NoDataProps { className?: string; title?: string; paddingLevel?: number; } declare const NoData: React$1.FC<NoDataProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface OddsItem { odd: string; size: string; } interface OddsTableRow { id: string; teamId: string; teamName: string; profitLoss: number | null; backOdds: OddsItem[]; layOdds: OddsItem[]; suspended: boolean; suspendedMessage?: string; } interface OddsTableProps { rows: OddsTableRow[]; onCellClick?: (rowId: string, cellType: CellType, teamId: string, odds: string, size: string) => void; viewMode?: ViewMode; min?: number; max?: number; tableHeader?: string; headerBGColor?: BGColorVariant; headerTextColor?: TextColorVariant; } declare const OddsTableTable: React$1.FC<OddsTableProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SectionProps { className?: string; sizeVariant?: SizeType; children?: React$1.ReactNode; ariaLabel?: string; } declare const Section: React$1.FC<SectionProps>; interface SidebarProps { isOpen: boolean; backgroundColor?: BGColorVariant; logo?: string; logoHeight?: number; logoWidth?: number; logoAlt?: string; onToggle: (state: boolean) => void; menuChildren: React$1.ReactNode; contentChildren: React$1.ReactNode; } declare const Sidebar: React$1.FC<SidebarProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface StepFormProps { steps: string[]; children: React$1.ReactNode[]; onSubmit: () => void; } declare const StepForm: React$1.FC<StepFormProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface TagProps { id: number; label: string; } interface TagListProps { tags: TagProps[]; deleteIcon?: boolean; colorVariant?: BaseColorVariant; onTagRemove?: (removedTag: TagProps) => void; className?: string; } declare const TagList: React$1.FC<TagListProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ declare const Slider: FunctionComponent<SliderProps>; interface SliderProps { children: Item[]; show: number; slide: number; transition?: number; swiping?: boolean; swipeOn?: number; responsive?: boolean; infinite?: boolean; className?: string; useArrowKeys?: boolean; hideArrows?: boolean; a11y?: { [key: string]: string; }; dynamic?: boolean; skeleton?: boolean; paginationCallback?: ((direction: SlideDirection) => unknown) | null; pageCount?: number; leftArrow?: ReactElement | null; rightArrow?: ReactElement | null; autoSwipe?: number | null; navigation?: null | ((selected: boolean) => ReactElement); triggerClickOn?: number; onLeftArrowClick?: () => void; onRightArrowClick?: () => void; } interface SliderState { items: Item[]; width: number; transform: number; transition: number; isSliding: boolean; current: number; } /** * @file wass-rct-ui * @description A reusable Button component with various styles, icon support, and dynamic rendering. * @author Web Apps * @copyright © 2024 * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ButtonProps { keyId?: string | number; label?: string | number; iconAlignment?: AlignmentType; iconName?: string; iconSize?: number; iconColor?: string; colorVariant?: ButtonColorType; sizeVariant?: SizeType; fullWidth?: boolean; outlined?: boolean; inverted?: boolean; rounded?: boolean; hovered?: boolean; focused?: boolean; isStatic?: boolean; active?: boolean; loading?: boolean; disabled?: boolean; dark?: boolean; light?: boolean; skeleton?: boolean; responsive?: boolean; onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>) => void; type?: ButtonType; as?: ElementType; href?: string; className?: string; } declare const Button: React$1.FC<ButtonProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface DropdownItemProps { label: string; value: string; } interface DropdownProps { buttonLabel: string; items: DropdownItemProps[]; iconColor?: string; isHover?: boolean; isRightAligned?: boolean; className?: string; onSelect?: (selectedValue: DropdownItemProps) => void; } declare const Dropdown: React$1.FC<DropdownProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface FieldProps { label?: string; sideLabel?: boolean; rightIcon?: boolean; leftIcon?: boolean; isExpanded?: boolean; isLoading?: boolean; isGrouped?: boolean; isAddon?: boolean; rightButton?: boolean; buttonDisabled?: boolean; leftButton?: boolean; leftButtonColor?: BaseColorVariant; rightButtonColor?: BaseColorVariant; groupAlignment?: GroupAlignmentType; labelSizeVariant?: SizeType; iconSizeVariant?: SizeType; leftIconSize?: number; leftIconColor?: string; leftIconName?: string; rightIconSize?: number; rightIconColor?: string; rightIconName?: string; className?: string; children?: React$1.ReactNode; onLeftIconClick?: () => void; onRightIconClick?: () => void; } declare const Field: FC<FieldProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface FileInputProps { fileName?: string; iconName?: string; iconColor?: string; iconWidth?: number; iconHeight?: number; alignment?: AlignmentType; isFullWidth?: boolean; isBoxed?: boolean; colorVariant?: BaseColorVariant; sizeVariant?: SizeType; preview?: boolean; allowedFileTypes?: string[]; className?: string; onFileSelect?: (file: File | null) => void; } declare const FileInput: React$1.FC<FileInputProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SelectOptionProps$1 { label: string; value: string; } interface FormInputProps { fieldProps?: Partial<FieldProps>; colorVariant?: BaseColorVariant; sizeVariant?: SizeType; isReadonly?: boolean; fixedSize?: boolean; rows?: number; disabled?: boolean; id?: string; label?: string; type: InputType; name: string; placeholder?: string; value?: string; defaultValue?: string; options?: SelectOptionProps$1[]; checked?: boolean; className?: string; validationMessage?: string; required?: boolean; readOnly?: boolean; minLength?: number; maxLength?: number; pattern?: string; accept?: string; multiple?: boolean; step?: string | number; onChange?: (e: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void; onBlur?: (e: React$1.FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void; onKeyDown?: (e: React$1.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void; onKeyUp?: (e: React$1.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void; onFocus?: () => void; onClick?: () => void; } declare const FormInput: React$1.FC<FormInputProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SuggestionProps$1 { label: string; value: string; } interface MultiSelectProps { activeColor?: BaseColorVariant; activeTextColor?: BaseColorVariant; placeholder?: string; className?: string; defaultValue?: string[]; suggestions: SuggestionProps$1[]; noResultText?: string; ariaLabel?: string; role?: string; onSelect: (selected: SuggestionProps$1[]) => void; } declare const MultiSelect: React$1.FC<MultiSelectProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface OTPInputProps { length?: number; type?: "number" | "string"; theme?: "light" | "dark" | "random"; onComplete: (otp: string) => void; onResend: () => void; resendTime: number; value?: string; } declare const OTPInput: React$1.FC<OTPInputProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SearchBarProps { activeColor?: BaseColorVariant; activeTextColor?: BaseColorVariant; placeholder?: string; buttonLabel?: string; className?: string; defaultValue?: string; suggestions: string[]; debounceTime?: number; noResultText?: string; ariaLabel?: string; role?: string; onSearch: (query: string) => void; } declare const SearchBar: React$1.FC<SearchBarProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SuggestionProps { label: string; value: string; } interface SingleSelectProps { activeColor?: BaseColorVariant; activeTextColor?: BaseColorVariant; placeholder?: string; className?: string; defaultValue?: string; suggestions: SuggestionProps[]; noResultText?: string; ariaLabel?: string; role?: string; onSelect: (selected: SuggestionProps) => void; } declare const SingleSelect: React$1.FC<SingleSelectProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SubTitleProps { sizeLevel: 1 | 2 | 3 | 4 | 5 | 6; skeleton?: boolean; children: React$1.ReactNode; colorVariant?: TextColorVariant; className?: string; } declare const SubTitle: React$1.FC<SubTitleProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SwitchProps { className?: string; activeColor?: BGColorVariant; inactiveColor?: BGColorVariant; skeleton?: boolean; onChange: (checked: boolean) => void; } declare const Switch: React$1.FC<SwitchProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface TitleProps { sizeLevel: 1 | 2 | 3 | 4 | 5 | 6; skeleton?: boolean; children: React$1.ReactNode; colorVariant?: TextColorVariant; className?: string; } declare const Title: React$1.FC<TitleProps>; /** * @file wass-rct-ui * @description A reusable, high-performance Card component using React.memo and useMemo. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface CardProps { bgColorVariant?: BGColorVariant; header?: ReactNode; children: ReactNode; footer?: ReactNode; className?: string; skeleton?: boolean; } declare const Card: React$1.FC<CardProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface DeleteIconProps { sizeVariant?: SizeType; className?: string; children?: ReactNode; onClose: () => void; } declare const DeleteIcon: React$1.FC<DeleteIconProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface IconProps { name: string; width?: number; height?: number; style?: CSSProperties; color?: string; onClick?: () => void; } declare const Icon: FC<IconProps>; /** * @file wass-rct-ui * @description A reusable ImageView component that supports dynamic styles and classes. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ImageViewProps { isRounded?: boolean; className?: string; link?: string; alt?: string; placeholder?: string; squareHeight?: number; squareWidth?: number; ratioHeight?: number; ratioWidth?: number; customWidth?: number | string; customHeight?: number | string; } declare const ImageView: React$1.FC<ImageViewProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface MasonryProps { children: ReactNode; columnsCountBreakPoints?: { [key: number]: number; }; gap?: string; className?: string; skeleton?: boolean; style?: CSSProperties; containerTag?: keyof JSX.IntrinsicElements; itemTag?: keyof JSX.IntrinsicElements; itemStyle?: CSSProperties; } declare const Masonry: React$1.FC<MasonryProps>; interface TableColumnProps<T> { header: string; accessor: keyof T; type?: ColumnType; dateFormat?: string; textColor?: TextColorVariant; fontWeight?: FontWeight; render?: (value: T[keyof T], row: T) => React$1.ReactNode; onTap?: (row: T) => void; } interface TableProps<T> { data: T[]; columns: TableColumnProps<T>[]; itemsPerPage?: number; totalCount: number; border?: boolean; striped?: boolean; narrow?: boolean; foverable?: boolean; fullwidth?: boolean; isContainer?: boolean; className?: string; onPageChange: (page: number) => void; } declare const Table: <T>({ data, columns, itemsPerPage, totalCount, onPageChange, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface BreadcrumbItemProps { label: string; path: string; isActive?: boolean; } interface BreadcrumbProps { skeleton?: boolean; items: BreadcrumbItemProps[]; alignment?: AlignmentType; separator?: SeperatorType; sizeVariant?: SizeType; className?: string; } declare const Breadcrumb: React$1.FC<BreadcrumbProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface PaginationProps { currentPage: number; totalPages: number; alignment?: AlignmentType; sizeVariant?: SizeType; bgColorVariant?: BGColorVariant; textColorVariant?: TextColorVariant; boxVariant?: BoxType; isRounded?: boolean; onPageChange: (page: number) => void; className?: string; } declare const Pagination: React$1.FC<PaginationProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SubMenuItemProps { iconName: string; iconColor?: string; iconActiveColor?: string; textColor?: string; textActiveColor?: string; iconSize?: number; name: string; link: string; } interface MenuItemProps { iconName: string; iconColor?: string; iconActiveColor?: string; textColor?: string; textActiveColor?: string; iconSize?: number; name: string; link?: string; subItems?: SubMenuItemProps[]; className?: string; } interface MenuSectionProps { label: string; items: MenuItemProps[]; } interface SidebarMenuProps { menuData: MenuSectionProps[]; className?: string; } declare const SidebarMenu: React$1.FC<SidebarMenuProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface TabProps { label: string; iconName?: string; iconSize?: number; iconColor?: string; content: React$1.ReactNode; } interface TabsProps { tabs: TabProps[]; alignment?: AlignmentType; size?: SizeType; variant?: BoxType; isRounded?: boolean; fullWidth?: boolean; className?: string; } declare const Tabs: FC<TabsProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface AlertProps { colorVariant?: BaseColorVariant; className?: string; children?: React$1.ReactNode; onClose?: () => void; } declare const Alert: React$1.FC<AlertProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface MessageProps { colorVariant?: BaseColorVariant; title: string; className?: string; children?: ReactNode; onClose?: () => void; } declare const Message: React$1.FC<MessageProps>; /** * @file wass-rct-ui * @description A reusable, high-performance Modal component with dynamic class management. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ModalProps { colorVariant?: BaseColorVariant; title: string; isOpen: boolean; onClose: () => void; children: ReactNode; footer?: ReactNode; className?: string; } declare const Modal: React$1.FC<ModalProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface ProgressBarProps { colorVariant?: BaseColorVariant; sizeVariant?: SizeType; className?: string; value: number; max?: number; } declare const ProgressBar: React$1.FC<ProgressBarProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface BottomSheetProps { isOpen: boolean; onClose: () => void; title?: string; children: React$1.ReactNode; height?: string; bgColor?: BGColorVariant; } declare const BottomSheet: React$1.FC<BottomSheetProps>; interface NotificationContextType { addNotification: (message: string, colorVariant?: BaseColorVariant, title?: string, type?: NotificationType, timeout?: number) => void; removeNotification: (id: number) => void; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ declare const useNotification: () => NotificationContextType; interface ThemeContextProps { theme: Theme; toggleTheme: () => void; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ declare const useTheme: () => ThemeContextProps; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface BoxProps { className?: string; bgColor?: BGColorVariant; children?: React$1.ReactNode; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface CollapsibleProps { title: string; children: React$1.ReactNode; isOpen: boolean; bodyBGColor?: BGColorVariant; headerBGColor?: BGColorVariant; titleColor?: TextColorVariant; onToggle: () => void; iconColor?: string; iconSize?: number; padding?: number; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface SelectOptionProps { value: string; label: string; } interface SelectDropdownProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size"> { options?: SelectOptionProps[]; placeholder?: string; alignment?: string; sizeVariant?: SizeType; colorVariant?: BaseColorVariant; isRounded?: boolean; isLoading?: boolean; isDisabled?: boolean; fullWidth?: boolean; className?: string; value?: string; id?: string; required?: boolean; onBlur?: (event: FocusEvent<HTMLSelectElement>) => void; onChange?: (event: ChangeEvent<HTMLSelectElement>) => void; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface TextAreaProps { colorVariant?: BaseColorVariant; sizeVariant?: SizeType; isLoading?: boolean; isReadonly?: boolean; fixedSize?: boolean; value?: string; placeholder?: string; className?: string; rows?: number; disabled?: boolean; id?: string; required?: boolean; onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void; onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void; } /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ interface NotificationProviderProps { children: React$1.ReactNode; width?: string; position?: "top-right" | "top-left" | "bottom-right" | "bottom-left"; } declare const NotificationProvider: React$1.FC<NotificationProviderProps>; /** * @file wass-rct-ui * @description A reusable Title component that supports dynamic heading levels. * @author Web Apps Software Solutions * @copyright © 2024 Web Apps Software Solutions. All rights reserved. * @license MIT * @repository https://github.com/WebAppSoftNK/wass-rct-ui */ declare const ThemeProvider: React.FC<{ children: React.ReactNode; }>; export { Alert, type AlertProps, type AlignContent, type AlignItems, type AlignSelf, type AlignmentType, ArrowKeys, type BGColorVariant, type BaseColorShade, type BaseColorVariant, type BaseSize, Block, type BlockProps, type BorderColorVariant, BottomSheet, type BottomSheetProps, type BoxProps, type BoxType, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonColorType, type ButtonProps, type ButtonType, Buttons, type ButtonsProps, Card, type CardProps, type CellType, ChatBot, type ChatBotProps, type ChatBotRef, type ChatIconPosition, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleItemProps, type CollapsibleProps, type ColorShade, type ColorVariant, Column, type ColumnProps, type ColumnType, Columns, type ColumnsProps, Container, type ContainerProps, type ContainerVariant, Content, type ContentProps, DatePicker, type DatePickerProps, DeleteIcon, type DeleteIconProps, Dropdown, type DropdownItemProps, type DropdownProps, Field, type FieldProps, Figure, type FigureProps, FileInput, type FileInputProps, FlexBox, type FlexBoxSizeType, type FlexDirection, type FlexGrowShrink, type FlexProps, type FlexWrap, type FontWeight, Footer, type FooterProps, Memoized