@mahatisystems/mahati-ui-components 4.6.0 → 5.0.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
 import { ChartData } from 'chart.js';
@@ -11,7 +11,7 @@ interface AccordionProps {
     headerTestId?: string;
     contentTestId?: string;
 }
-declare function Accordion({ title, children, defaultOpen, accordionTestId, headerTestId, contentTestId, }: AccordionProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Accordion({ title, children, defaultOpen, accordionTestId, headerTestId, contentTestId, }: AccordionProps): react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
@@ -20,13 +20,7 @@ interface IconButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElem
     direction?: "row" | "col";
     gapClass?: string;
 }
-/**
- * IconButtonGroup - Groups icon buttons with consistent spacing
- */
 declare const IconButtonGroup: React__default.ForwardRefExoticComponent<IconButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * ButtonBase - Main button component
- */
 declare const ButtonBase: any;
 type ButtonWithGroup = typeof ButtonBase & {
     IconButtonGroup: typeof IconButtonGroup;
@@ -62,7 +56,7 @@ type MahatiModalProps = {
     headerIcon?: React.ReactNode;
     showDivider?: boolean;
 };
-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 function Modal({ testId, isOpen, onClose, title, subtitle, children, className, width: customWidth, height, margin, primaryAction, secondaryAction, headerIcon, showDivider, position, size, }: MahatiModalProps): react_jsx_runtime.JSX.Element | null;
 declare namespace Modal {
     var displayName: string;
 }
@@ -75,7 +69,7 @@ interface FormContainerProps {
     testId?: string;
 }
 declare const FormContainer: {
-    ({ children, onSubmit, style, testId, className }: FormContainerProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ children, onSubmit, style, testId, className, }: FormContainerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -135,7 +129,7 @@ interface CalendarProps {
     };
 }
 declare const Calendar: {
-    ({ 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;
+    ({ 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): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -180,25 +174,24 @@ interface FilterProps {
     statusOptions?: SelectOption[];
     searchPlaceholder?: string;
     testId?: string;
-    size?: any;
 }
 declare const Filter$1: {
-    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, size, testId }: FilterProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, testId, }: FilterProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI ACTIVITY */
+/** ================= MAHATI ACTIVITY ================= */
 declare const MahatiActivity: {
-    ({ value, onChange, options, size, testId }: MahatiActivityProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId, }: MahatiActivityProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI STATUS */
+/** ================= MAHATI STATUS ================= */
 declare const MahatiStatus: {
-    ({ value, onChange, options, size, testId, }: MahatiStatusProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId, }: MahatiStatusProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI SEARCH */
+/** ================= MAHATI SEARCH ================= */
 declare const MahatiSearch: {
-    ({ value, onChange, placeholder, size, testId }: MahatiSearchProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, placeholder, size, testId, }: MahatiSearchProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -246,7 +239,7 @@ interface DropdownProps {
     testId?: string;
 }
 declare const Dropdown: {
-    ({ options, value, onSelect, variant, className, placeholder, disabled, testId }: DropdownProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ options, value, onSelect, variant, className, placeholder, disabled, testId }: DropdownProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -285,67 +278,95 @@ interface TableProps {
     textWrapMaxLength?: number;
     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, tableTestId, }: TableProps): any;
-    displayName: string;
-};
+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, tableTestId, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 type BaseTableProps = React__default.ComponentProps<typeof Table>;
 type BaseTabProps = React__default.ComponentProps<typeof TabbedInterface>;
 type AllowedTabProps = Omit<BaseTabProps, "tabs" | "onTabChange" | "draggableTabs" | "onReorderTabs" | "onCloseTab">;
 interface TableWithTabProps<RowType extends Record<string, any>> {
-    /**
-     * Props that describe how the table should look.
-     * We reuse the Table's interface, but here we only require headers + data.
-     */
     tableProps: Pick<BaseTableProps, "headers" | "data">;
-    /**
-     * Props that describe how the tab container should look.
-     * We reuse TabbedInterface's props but we control tabs & tab state.
-     */
     tabProps?: AllowedTabProps;
-    /**
-     * If true, user can rearrange tabs by dragging.
-     * If false/undefined, tabs cannot be rearranged.
-     */
     rearrange?: boolean;
-    /**
-     * Optional custom row id. Defaults to the row index.
-     */
     getRowId?: (row: RowType, index: number) => string | number;
-    /**
-     * Optional custom content renderer for the tab body.
-     * If not provided, a simple key/value layout is shown.
-     */
     renderTabContent?: (row: RowType) => React__default.ReactNode;
-    /**
-     * Optional callback when a row is opened as a tab.
-     */
     onRowOpenInTab?: (row: RowType) => void;
-    /**
-     * Optional title/description displayed above the table.
-     */
     title?: string;
     description?: string;
     testId?: string;
-    /**
-     * Key of the column to use as the tab header label.
-     * For example: "name", "email", "policyNumber", etc.
-     * If not provided, the first column in headers is used.
-     */
     tabLabelKey?: string;
-    /**
-     * Optional font configuration for the section title/description.
-     * Values like "sans", "serif", "mono", "Poppins", or a custom font name.
-     */
     sectionTitleFont?: string;
     sectionDescriptionFont?: string;
 }
-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 function TableWithTab<RowType extends Record<string, any>>({ tableProps, tabProps, rearrange, getRowId, renderTabContent, onRowOpenInTab, title, description, tabLabelKey, sectionTitleFont, sectionDescriptionFont, testId, }: TableWithTabProps<RowType>): react_jsx_runtime.JSX.Element;
 declare namespace TableWithTab {
     var displayName: string;
 }
 
+interface LollipopData {
+    title: string;
+    [year: string]: any;
+}
+
+interface ColumnChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface ColumnChartData {
+    title: string;
+    yAxis?: Record<string, ColumnChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
+interface KPIChartData {
+    title: string;
+    value: string;
+    change?: number;
+    timeLabel: string;
+    timePeriod: string;
+    data: number[];
+    labels?: string[];
+    timePeriods?: string[];
+    timestamps?: string[];
+}
+
+interface GroupBarLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+interface GroupBarChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface GroupBarChartData {
+    title: string;
+    legends?: GroupBarLegendItem[];
+    yAxis?: Record<string, GroupBarChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
+interface StackBarLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+interface StackBarChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface StackBarChartData {
+    title: string;
+    legends?: StackBarLegendItem[];
+    yAxis?: Record<string, StackBarChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
 interface BulletItem {
     name: string;
     achieved: number;
@@ -365,7 +386,7 @@ interface GaugeItem {
 interface GaugeData {
     title: string;
     gauges: GaugeItem[];
-    [year: string]: any;
+    [key: string]: any;
 }
 
 interface HorizontalBarData {
@@ -418,7 +439,7 @@ interface HeatmapData {
     project?: string;
 }
 
-type ChartType = "pie" | "doughnut" | "line" | "area" | "bar" | "bullet" | "gauge" | "gantt" | "calendarheatmap" | "horizontalbar";
+type ChartType = "pie" | "doughnut" | "line" | "area" | "bar" | "bullet" | "gauge" | "gantt" | "calendarheatmap" | "horizontalbar" | "columnchart" | "groupbar" | "lollipop" | "kpi" | "riskgauge" | "stackbar";
 interface Filter {
     id: string;
     label: string;
@@ -433,8 +454,15 @@ interface ChartFiltersConfig {
     bullet?: Filter[];
     gauge?: Filter[];
     gantt?: Filter[];
+    heatmap?: Filter[];
     calendarheatmap?: Filter[];
     horizontalbar?: Filter[];
+    columnchart?: Filter[];
+    groupbar?: Filter[];
+    stackbar?: Filter[];
+    lollipop?: Filter[];
+    kpi?: Filter[];
+    riskgauge?: Filter[];
 }
 interface DetailItem {
     label: string;
@@ -454,6 +482,12 @@ interface MahatiChartAnalyticsWidgetProps {
     bulletData?: BulletData;
     gaugeData?: GaugeData;
     horizontalBarData?: HorizontalBarData;
+    columnChartData?: ColumnChartData;
+    groupBarData?: GroupBarChartData;
+    stackBarData?: StackBarChartData;
+    lollipopData?: LollipopData;
+    kpiData?: Record<string, KPIChartData>;
+    riskGaugeData?: any;
     ganttData?: Record<string, Record<string, GanttData>>;
     heatmapData?: Record<string, HeatmapData>;
     calendarheatmapData?: Record<string, any>;
@@ -479,7 +513,7 @@ interface MahatiChartAnalyticsWidgetProps {
     }[];
 }
 declare const MahatiChartAnalyticsWidget: {
-    ({ title, chartTypes, initialChartType, filters, chartFilters, selectedFilters, chartDataMap, bulletData, gaugeData, horizontalBarData, ganttData, heatmapData, calendarheatmapData, onApplyFilters, quickStats, actionButtons, onChartTypeChange, onFiltersChange, details, }: MahatiChartAnalyticsWidgetProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ title, chartTypes, initialChartType, filters, chartFilters, selectedFilters, chartDataMap, bulletData, gaugeData, horizontalBarData, columnChartData, groupBarData, stackBarData, lollipopData, kpiData, riskGaugeData, ganttData, heatmapData, calendarheatmapData, onApplyFilters, quickStats, actionButtons, onChartTypeChange, onFiltersChange, details, }: MahatiChartAnalyticsWidgetProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -573,7 +607,7 @@ interface ToastMessageProps extends React__default.HTMLAttributes<HTMLDivElement
 }
 declare const ToastMessage: React__default.ForwardRefExoticComponent<ToastMessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ConfettiExplosionProps {
+interface ConfettiExplosionProps$1 {
     isActive: boolean;
     particleCount?: number;
     duration?: number;
@@ -583,18 +617,19 @@ interface ConfettiExplosionProps {
     stageHeight?: number;
     testId?: string;
 }
-declare const ConfettiExplosion: React__default.FC<ConfettiExplosionProps>;
+declare const ConfettiExplosion: React__default.FC<ConfettiExplosionProps$1>;
 
-interface RealisticConfettiProps {
-    isActive?: boolean;
+interface ConfettiExplosionProps {
+    isActive: boolean;
     particleCount?: number;
     duration?: number;
     colors?: string[];
-    explosionForce?: number;
-    wind?: number;
+    force?: number;
+    particleSize?: number;
+    stageHeight?: number;
     testId?: string;
 }
-declare const RealisticConfetti: React__default.FC<RealisticConfettiProps>;
+declare const RealisticConfetti: React__default.FC<ConfettiExplosionProps>;
 
 interface SpinnerProps {
     size?: number;
@@ -605,7 +640,7 @@ interface SpinnerProps {
     speed?: number;
     testId?: string;
 }
-declare const Spinner: ({ size, testId, borderWidth, borderRadius, primaryColor, backgroundColor, speed }: SpinnerProps) => any;
+declare const Spinner: ({ size, borderWidth, borderRadius, primaryColor, backgroundColor, speed, testId, }: SpinnerProps) => any;
 interface CircularSpinnerProps {
     size?: number;
     color?: string;
@@ -624,7 +659,7 @@ interface CardOverlayLoaderProps {
     label?: string;
     testId?: string;
 }
-declare const CardOverlayLoader: ({ show, testId, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label }: CardOverlayLoaderProps) => any;
+declare const CardOverlayLoader: ({ show, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label, testId, }: CardOverlayLoaderProps) => any;
 interface LoadingDotsProps {
     size?: number;
     color?: string;
@@ -642,7 +677,7 @@ interface LoadingDotsLinearProps {
     count?: number;
     testId?: string;
 }
-declare const LoadingDotsLinear: ({ size, color, gap, speed, count, testId }: LoadingDotsLinearProps) => any;
+declare const LoadingDotsLinear: ({ size, color, gap, speed, count, testId, }: LoadingDotsLinearProps) => any;
 interface CardWithLoadingProps {
     loading?: boolean;
     imageUrl?: string;
@@ -650,9 +685,9 @@ interface CardWithLoadingProps {
     content?: string;
     testId?: string;
 }
-declare const CardWithLoading: ({ loading, testId, imageUrl, title, content, }: CardWithLoadingProps) => any;
+declare const CardWithLoading: ({ loading, imageUrl, title, content, testId, }: CardWithLoadingProps) => any;
 
-declare function SearchableDropdown({ label, options, value, onChange, placeholder, testId }: any): _emotion_react_jsx_runtime.JSX.Element;
+declare function SearchableDropdown({ label, options, value, onChange, placeholder, testId }: any): react_jsx_runtime.JSX.Element;
 
 type IconSet = {
     play: string;
@@ -666,7 +701,7 @@ type IconSet = {
 };
 declare const TexttoAudio: ({ icons }: {
     icons?: IconSet;
-}) => _emotion_react_jsx_runtime.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId, }: any) => any;
 interface MahatiCameraAccessModalProps {
@@ -744,6 +779,6 @@ interface MahatiNotificationCardProps {
     onSecondaryAction?: () => void;
     onClose?: () => void;
 }
-declare const MahatiNotificationCard: ({ title, testId, 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) => 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 };