@mahatisystems/mahati-ui-components 4.5.0 → 4.6.0

package/dist/index.d.mts

@@ -7,8 +7,11 @@ interface AccordionProps {
     title: string;
     children?: React__default.ReactNode;
     defaultOpen?: boolean;
+    accordionTestId?: string;
+    headerTestId?: string;
+    contentTestId?: string;
 }
-declare function Accordion({ title, children, defaultOpen, }: AccordionProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Accordion({ title, children, defaultOpen, accordionTestId, headerTestId, contentTestId, }: AccordionProps): _emotion_react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
@@ -35,6 +38,7 @@ declare const Card: any;
 type MahatiModalSize = "default" | "sm" | "md" | "lg" | "xl";
 type MahatiModalProps = {
     isOpen: boolean;
+    testId?: string;
     onOpenChange?: (open: boolean) => void;
     onClose: () => void;
     title?: string;
@@ -58,7 +62,7 @@ type MahatiModalProps = {
     headerIcon?: React.ReactNode;
     showDivider?: boolean;
 };
-declare function Modal({ isOpen, onClose, title, subtitle, children, className, width: customWidth, height, margin, primaryAction, secondaryAction, headerIcon, showDivider, position, size, }: MahatiModalProps): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function Modal({ testId, isOpen, onClose, title, subtitle, children, className, width: customWidth, height, margin, primaryAction, secondaryAction, headerIcon, showDivider, position, size, }: MahatiModalProps): _emotion_react_jsx_runtime.JSX.Element | null;
 declare namespace Modal {
     var displayName: string;
 }
@@ -68,9 +72,10 @@ interface FormContainerProps {
     onSubmit?: (e: React__default.FormEvent) => void;
     className?: string;
     style?: React__default.CSSProperties;
+    testId?: string;
 }
 declare const FormContainer: {
-    ({ children, onSubmit, style, className }: FormContainerProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ children, onSubmit, style, testId, className }: FormContainerProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -92,6 +97,7 @@ interface CalendarDateRange {
 }
 type CalendarSize = "small" | "medium" | "large" | "extra-large";
 interface CalendarProps {
+    calendartestId?: string;
     value?: CalendarDate | null;
     onChange?: (date: CalendarDate | null, dateString?: string) => void;
     enableRangeSelection?: boolean;
@@ -129,7 +135,7 @@ interface CalendarProps {
     };
 }
 declare const Calendar: {
-    ({ value, onChange, enableRangeSelection, rangeValue, onRangeChange, enableTimeSelection, timeValue, onTimeChange, showTimeFormatToggle, timeFormat, onTimeFormatChange, autoHide, showTodayButton, showClearButton, placeholder, className, disabled, onShow, onHide, icon, showIcon, size, enableYearDropdown, showDateFormatSelector, dateFormat, onDateFormatChange, showTimeZoneSelector, timeZoneFormat, onTimeZoneFormatChange, blockDateConfig, previewTextStyles, globalTypography }: CalendarProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ calendartestId, value, onChange, enableRangeSelection, rangeValue, onRangeChange, enableTimeSelection, timeValue, onTimeChange, showTimeFormatToggle, timeFormat, onTimeFormatChange, autoHide, showTodayButton, showClearButton, placeholder, className, disabled, onShow, onHide, icon, showIcon, size, enableYearDropdown, showDateFormatSelector, dateFormat, onDateFormatChange, showTimeZoneSelector, timeZoneFormat, onTimeZoneFormatChange, blockDateConfig, previewTextStyles, globalTypography }: CalendarProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -149,18 +155,21 @@ interface MahatiActivityProps {
     onChange: (v: string | number) => void;
     options?: SelectOption[];
     size?: FieldSize;
+    testId?: string;
 }
 interface MahatiStatusProps {
     value: string | number;
     onChange: (v: string | number) => void;
     options?: SelectOption[];
     size?: FieldSize;
+    testId?: string;
 }
 interface MahatiSearchProps {
     value: string;
     onChange: (v: string) => void;
     placeholder?: string;
     size?: FieldSize;
+    testId?: string;
 }
 declare const DEFAULT_ACTIVITY_OPTIONS: SelectOption[];
 declare const DEFAULT_STATUS_OPTIONS: SelectOption[];
@@ -170,25 +179,26 @@ interface FilterProps {
     activityOptions?: SelectOption[];
     statusOptions?: SelectOption[];
     searchPlaceholder?: string;
+    testId?: string;
     size?: any;
 }
 declare const Filter$1: {
-    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, size }: FilterProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, size, testId }: FilterProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /** ✅ MAHATI ACTIVITY */
 declare const MahatiActivity: {
-    ({ value, onChange, options, size, }: MahatiActivityProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId }: MahatiActivityProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /** ✅ MAHATI STATUS */
 declare const MahatiStatus: {
-    ({ value, onChange, options, size, }: MahatiStatusProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId, }: MahatiStatusProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /** ✅ MAHATI SEARCH */
 declare const MahatiSearch: {
-    ({ value, onChange, placeholder, size, }: MahatiSearchProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, placeholder, size, testId }: MahatiSearchProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -200,6 +210,7 @@ interface Tab {
 interface TabbedInterfaceProps {
     tabs: Tab[];
     variant?: "underline" | "pill" | "outline" | "filled" | "gradient" | "shadow" | "glass" | "dark";
+    testId?: string;
     defaultActiveTab?: number;
     onTabChange?: (index: number) => void;
     draggableTabs?: boolean;
@@ -216,7 +227,7 @@ interface TabbedInterfaceProps {
     sectionDescriptionFont?: string;
 }
 declare const TabbedInterface: {
-    ({ tabs, variant, defaultActiveTab, onTabChange, draggableTabs, onReorderTabs, orientation, verticalPosition, showTabCloseIconInHeader, tabCloseIconPosition, tabCloseIconContent, onCloseTab, tabHeaderFont, tabContentFont, sectionTitleFont, sectionDescriptionFont, }: TabbedInterfaceProps): any;
+    ({ tabs, variant, defaultActiveTab, onTabChange, draggableTabs, onReorderTabs, orientation, verticalPosition, showTabCloseIconInHeader, tabCloseIconPosition, tabCloseIconContent, onCloseTab, tabHeaderFont, tabContentFont, sectionTitleFont, sectionDescriptionFont, testId }: TabbedInterfaceProps): any;
     displayName: string;
 };
 
@@ -232,9 +243,10 @@ interface DropdownProps {
     className?: string;
     placeholder?: string;
     disabled?: boolean;
+    testId?: string;
 }
 declare const Dropdown: {
-    ({ options, value, onSelect, variant, className, placeholder, disabled }: DropdownProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ options, value, onSelect, variant, className, placeholder, disabled, testId }: DropdownProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -246,6 +258,7 @@ interface TableProps {
     data: {
         [key: string]: unknown;
     }[];
+    tableTestId?: string;
     page?: number;
     setPage?: (page: number) => void;
     limit?: number;
@@ -273,7 +286,7 @@ interface TableProps {
     textWrapColumnMaxLengths?: Record<string, number>;
 }
 declare const Table: {
-    ({ headers, data, page, setPage, limit, setLimit, totalCount, highlightRowColor, actions, paginationRequired, paginationPosition, onDownloadPDF, onDownloadExcel, searchable, searchTerm, onResetSearch, onSearch, searchModeOptions, summary, summaryKey, summaryTitleField, summaryColumn, summaryColumnKey, summaryColumnMaxLength, textWrapColumns, textWrapMaxLength, textWrapColumnMaxLengths, }: TableProps): any;
+    ({ headers, data, page, setPage, limit, setLimit, totalCount, highlightRowColor, actions, paginationRequired, paginationPosition, onDownloadPDF, onDownloadExcel, searchable, searchTerm, onResetSearch, onSearch, searchModeOptions, summary, summaryKey, summaryTitleField, summaryColumn, summaryColumnKey, summaryColumnMaxLength, textWrapColumns, textWrapMaxLength, textWrapColumnMaxLengths, tableTestId, }: TableProps): any;
     displayName: string;
 };
 
@@ -314,6 +327,7 @@ interface TableWithTabProps<RowType extends Record<string, any>> {
      */
     title?: string;
     description?: string;
+    testId?: string;
     /**
      * Key of the column to use as the tab header label.
      * For example: "name", "email", "policyNumber", etc.
@@ -327,7 +341,7 @@ interface TableWithTabProps<RowType extends Record<string, any>> {
     sectionTitleFont?: string;
     sectionDescriptionFont?: string;
 }
-declare function TableWithTab<RowType extends Record<string, any>>({ tableProps, tabProps, rearrange, getRowId, renderTabContent, onRowOpenInTab, title, description, tabLabelKey, sectionTitleFont, sectionDescriptionFont, }: TableWithTabProps<RowType>): _emotion_react_jsx_runtime.JSX.Element;
+declare function TableWithTab<RowType extends Record<string, any>>({ tableProps, tabProps, rearrange, getRowId, renderTabContent, onRowOpenInTab, title, description, tabLabelKey, sectionTitleFont, sectionDescriptionFont, testId }: TableWithTabProps<RowType>): _emotion_react_jsx_runtime.JSX.Element;
 declare namespace TableWithTab {
     var displayName: string;
 }
@@ -471,6 +485,7 @@ declare const MahatiChartAnalyticsWidget: {
 
 interface TooltipProps {
     text?: string | React__default.ReactNode;
+    testId?: string;
     position?: "top" | "right" | "bottom" | "left";
     children: React__default.ReactNode;
     variant?: "default" | "transparent";
@@ -490,7 +505,7 @@ interface TooltipProps {
     };
 }
 declare const Tooltip: {
-    ({ text, position, children, variant, className, textColor, backgroundColor, image, animation }: TooltipProps): any;
+    ({ text, position, children, variant, className, textColor, backgroundColor, image, testId, animation }: TooltipProps): any;
     displayName: string;
 };
 
@@ -554,6 +569,7 @@ interface ToastMessageProps extends React__default.HTMLAttributes<HTMLDivElement
     background?: BackgroundType;
     custom?: CustomToastStyles;
     action?: ActionButton[];
+    testId?: string;
 }
 declare const ToastMessage: React__default.ForwardRefExoticComponent<ToastMessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -565,6 +581,7 @@ interface ConfettiExplosionProps {
     force?: number;
     particleSize?: number;
     stageHeight?: number;
+    testId?: string;
 }
 declare const ConfettiExplosion: React__default.FC<ConfettiExplosionProps>;
 
@@ -575,6 +592,7 @@ interface RealisticConfettiProps {
     colors?: string[];
     explosionForce?: number;
     wind?: number;
+    testId?: string;
 }
 declare const RealisticConfetti: React__default.FC<RealisticConfettiProps>;
 
@@ -585,15 +603,17 @@ interface SpinnerProps {
     primaryColor?: string;
     backgroundColor?: string;
     speed?: number;
+    testId?: string;
 }
-declare const Spinner: ({ size, borderWidth, borderRadius, primaryColor, backgroundColor, speed }: SpinnerProps) => any;
+declare const Spinner: ({ size, testId, borderWidth, borderRadius, primaryColor, backgroundColor, speed }: SpinnerProps) => any;
 interface CircularSpinnerProps {
     size?: number;
     color?: string;
     speed?: number;
     ringCount?: number;
+    testId?: string;
 }
-declare const CircularSpinner: ({ size, color, speed, ringCount, }: CircularSpinnerProps) => any;
+declare const CircularSpinner: ({ size, color, speed, ringCount, testId, }: CircularSpinnerProps) => any;
 interface CardOverlayLoaderProps {
     show?: boolean;
     spinnerSize?: number;
@@ -602,33 +622,37 @@ interface CardOverlayLoaderProps {
     spinnerTrack?: string;
     backdrop?: string;
     label?: string;
+    testId?: string;
 }
-declare const CardOverlayLoader: ({ show, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label }: CardOverlayLoaderProps) => any;
+declare const CardOverlayLoader: ({ show, testId, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label }: CardOverlayLoaderProps) => any;
 interface LoadingDotsProps {
     size?: number;
     color?: string;
     gap?: number;
     speed?: number;
     count?: number;
+    testId?: string;
 }
-declare const LoadingDots: ({ size, color, gap, speed, count, }: LoadingDotsProps) => any;
+declare const LoadingDots: ({ size, color, gap, speed, count, testId, }: LoadingDotsProps) => any;
 interface LoadingDotsLinearProps {
     size?: number;
     color?: string;
     gap?: number;
     speed?: number;
     count?: number;
+    testId?: string;
 }
-declare const LoadingDotsLinear: ({ size, color, gap, speed, count, }: LoadingDotsLinearProps) => any;
+declare const LoadingDotsLinear: ({ size, color, gap, speed, count, testId }: LoadingDotsLinearProps) => any;
 interface CardWithLoadingProps {
     loading?: boolean;
     imageUrl?: string;
     title?: string;
     content?: string;
+    testId?: string;
 }
-declare const CardWithLoading: ({ loading, imageUrl, title, content, }: CardWithLoadingProps) => any;
+declare const CardWithLoading: ({ loading, testId, imageUrl, title, content, }: CardWithLoadingProps) => any;
 
-declare function SearchableDropdown({ label, options, value, onChange, placeholder, }: any): _emotion_react_jsx_runtime.JSX.Element;
+declare function SearchableDropdown({ label, options, value, onChange, placeholder, testId }: any): _emotion_react_jsx_runtime.JSX.Element;
 
 type IconSet = {
     play: string;
@@ -644,8 +668,9 @@ declare const TexttoAudio: ({ icons }: {
     icons?: IconSet;
 }) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => any;
+declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId, }: any) => any;
 interface MahatiCameraAccessModalProps {
+    testId?: string;
     isOpen: boolean;
     onClose: () => void;
     title: string;
@@ -656,8 +681,8 @@ interface MahatiCameraAccessModalProps {
     onAllow?: (stream?: MediaStream) => void;
     onDeny?: () => void;
 }
-declare const MahatiCameraAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: MahatiCameraAccessModalProps) => any;
-declare const MahatiMicrophoneAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => any;
+declare const MahatiCameraAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId }: MahatiCameraAccessModalProps) => any;
+declare const MahatiMicrophoneAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId }: any) => any;
 interface MahatiPromotionModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -670,10 +695,12 @@ interface MahatiPromotionModalProps {
     openInNewTab?: boolean;
     showInput?: boolean;
     inputPlaceholder?: string;
+    testId?: string;
 }
-declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, ...cardProps }: MahatiPromotionModalProps) => any;
+declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, testId, ...cardProps }: MahatiPromotionModalProps) => any;
 interface MahatiPromotionModalV2Props {
     isOpen: boolean;
+    testId?: string;
     onClose: () => void;
     headerTitle: string;
     title: string;
@@ -685,10 +712,11 @@ interface MahatiPromotionModalV2Props {
     showBadgeImage?: boolean;
     badgeImageSrc?: string;
 }
-declare const MahatiPromotionModalV2Modal: ({ isOpen, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => any;
+declare const MahatiPromotionModalV2Modal: ({ isOpen, testId, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => any;
 interface MahatiPromotionModalV3Props {
     isOpen: boolean;
     onClose: () => void;
+    testId?: string;
     title: string;
     description: string;
     ctaText: string;
@@ -699,12 +727,13 @@ interface MahatiPromotionModalV3Props {
     ctaLink?: string;
     openInNewTab?: boolean;
 }
-declare const MahatiPromotionModalV3Modal: ({ isOpen, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => any;
+declare const MahatiPromotionModalV3Modal: ({ isOpen, testId, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => any;
 type BadgeType = "like" | "mention" | "follow" | "comment" | "add";
 interface MahatiNotificationCardProps {
     title: string;
     description?: string;
     time?: string;
+    testId?: string;
     iconSrc?: string;
     avatarSrc?: string;
     badgeIconSrc?: string;
@@ -715,6 +744,6 @@ interface MahatiNotificationCardProps {
     onSecondaryAction?: () => void;
     onClose?: () => void;
 }
-declare const MahatiNotificationCard: ({ title, description, time, iconSrc, avatarSrc, badgeIconSrc, badgeType, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, onClose, }: MahatiNotificationCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const MahatiNotificationCard: ({ title, testId, description, time, iconSrc, avatarSrc, badgeIconSrc, badgeType, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, onClose, }: MahatiNotificationCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 export { Accordion, type AccordionProps, type CalendarDate, type CalendarDateRange, type CalendarProps, type CalendarTime, CardOverlayLoader, CardWithLoading, CircularSpinner, DEFAULT_ACTIVITY_OPTIONS, DEFAULT_STATUS_OPTIONS, type FieldSize, Filter$1 as Filter, type FilterValues, LoadingDots, LoadingDotsLinear, MahatiActivity, type MahatiActivityProps, Button as MahatiButton, Calendar as MahatiCalendar, MahatiCameraAccessModal, Card as MahatiCard, MahatiChartAnalyticsWidget, ConfettiExplosion as MahatiConfettiExplosion, Dropdown as MahatiDropdown, FormContainer as MahatiFormContainer, Input as MahatiInput, MahatiLocationAccessModal, MahatiMicrophoneAccessModal, Modal as MahatiModal, MahatiNotificationCard, MahatiPromotionModal as MahatiPromotionModal_V1, MahatiPromotionModalV2Modal as MahatiPromotionModal_V2, MahatiPromotionModalV3Modal as MahatiPromotionModal_V3, RealisticConfetti as MahatiRealisticConfetti, MahatiSearch, type MahatiSearchProps, SearchableDropdown as MahatiSearchableDropdown, MahatiStatus, type MahatiStatusProps, TabbedInterface as MahatiTabbedInterface, Table as MahatiTable, TableWithTab as MahatiTableWithTab, TexttoAudio as MahatiTexttoAudio, ToastMessage as MahatiToastMessage, Tooltip as MahatiTooltip, type SelectOption, Spinner };