@mlw-packages/react-components 1.5.7 → 1.5.9

package/dist/index.d.ts

@@ -376,10 +376,22 @@ type TestIdProps = {
 };
 declare const PopoverContentBase: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Tipos disponíveis de progresso
+ */
+type ProgressType = "bar" | "segments" | "panels" | "circles";
 interface ProgressBaseProps extends React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
+    /** Tipo de visualização do progresso */
+    variant?: ProgressType;
     label?: string;
     leftIcon?: React$1.ReactNode;
     rightIcon?: React$1.ReactNode;
+    /** Número de segmentos (usado quando variant="segments") */
+    segments?: number;
+    /** Array de etapas (usado quando variant="panels" ou "circles") */
+    steps?: string[];
+    /** Índice da etapa atual (usado quando variant="panels" ou "circles") */
+    currentStep?: number;
 }
 declare const ProgressBase: React$1.ForwardRefExoticComponent<ProgressBaseProps & React$1.RefAttributes<HTMLDivElement>>;
 interface ProgressSegmentsBaseProps {
@@ -550,7 +562,11 @@ declare const TabsListBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive
 declare const TabsTriggerBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContentBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const TextAreaBase: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+interface TextAreaBaseProps extends React$1.ComponentProps<"textarea"> {
+    clearable?: boolean;
+    onClear?: () => void;
+}
+declare const TextAreaBase: React$1.ForwardRefExoticComponent<Omit<TextAreaBaseProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 type Theme = "light" | "light-purple" | "light-green" | "light-blue" | "dark" | "dark-purple" | "dark-green" | "dark-blue" | "system";
 type ThemeProviderProps = {
@@ -570,6 +586,16 @@ type ModeToggleBaseProps = {
 };
 declare function ModeToggleBase({ themes, }: ModeToggleBaseProps): react_jsx_runtime.JSX.Element;
 
+interface DestructiveDialogProps {
+    title: string;
+    description: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    children?: React$1.ReactNode;
+    triggerContent?: React$1.ReactNode;
+}
+declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+
 interface DateTimePickerProps {
     label?: string;
     date: Date | undefined;
@@ -695,15 +721,186 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, errorMessage, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface DestructiveDialogProps {
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    children?: React$1.ReactNode;
-    triggerContent?: React$1.ReactNode;
+interface ChartData {
+    [key: string]: string | number | boolean | null | undefined;
 }
-declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+interface XAxisConfig$1 {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+type SeriesProp = {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
+};
+interface ChartProps {
+    data: ChartData[];
+    series?: SeriesProp;
+    className?: string;
+    chartMargin?: Partial<{
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    }>;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig$1 | string;
+    enableHighlights?: boolean;
+    enableShowOnly?: boolean;
+    enablePeriodsDropdown?: boolean;
+    enableDraggableTooltips?: boolean;
+    showTooltipTotal?: boolean;
+    maxTooltips?: number;
+}
+declare const Chart: React__default.FC<ChartProps>;
+
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+type Padding = number | Partial<{
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}>;
+type Margins = Partial<{
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+}>;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface BarChartData {
+    [key: string]: string | number | boolean | null | undefined;
+}
+interface XAxisConfig {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+interface DataMapper {
+    [dataKey: string]: {
+        label?: string;
+        formatter?: (value: string | number) => string | number;
+        color?: string;
+        type?: "number" | "string" | "auto";
+        visible?: boolean;
+    };
+}
+interface BarChartProps {
+    data: BarChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig | string;
+    mapper?: DataMapper | string[];
+    yAxis?: DataMapper | string[];
+    autoDetect?: boolean;
+}
+declare const BarChart: React__default.FC<BarChartProps>;
+
+interface LineChartData {
+    name: string;
+    [key: string]: string | number;
+}
+interface CustomLineChartProps {
+    data?: LineChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    strokeWidth?: number;
+    showDots?: boolean;
+    showLabels?: boolean;
+}
+declare const CustomLineChart: React__default.FC<CustomLineChartProps>;
+
+interface PieChartData {
+    name: string;
+    value: number;
+    [key: string]: string | number;
+}
+interface CustomPieChartProps {
+    data?: PieChartData[];
+    className?: string;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    showLabels?: boolean;
+    innerRadius?: number;
+    outerRadius?: number;
+    centerX?: string | number;
+    centerY?: string | number;
+}
+declare const CustomPieChart: React__default.FC<CustomPieChartProps>;
 
 interface Props$4 {
     processedData: Array<{
@@ -819,51 +1016,16 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-type Padding = number | Partial<{
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-}>;
-type Margins = Partial<{
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-}>;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+interface UseChartHighlightsReturn {
+    highlightedSeries: Set<string>;
+    showOnlyHighlighted: boolean;
+    toggleHighlight: (key: string) => void;
+    setShowOnlyHighlighted: (show: boolean) => void;
+    clearHighlights: () => void;
+    getSeriesStyle: (key: string) => React.CSSProperties;
+    isHighlighted: (key: string) => boolean;
+}
+declare const useChartHighlights: () => UseChartHighlightsReturn;
 
 declare function useIsMobile(): boolean;
 
@@ -884,4 +1046,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useDrag, useIsMobile, useTheme };
+export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, Chart, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, CustomLineChart as LineChart, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useChartHighlights, useDrag, useIsMobile, useTheme };