@mlw-packages/react-components 1.5.6 → 1.5.7

package/dist/index.d.mts

@@ -347,6 +347,16 @@ declare const LabelBase: React$1.ForwardRefExoticComponent<Omit<React$1.Detailed
     testid?: string;
 } & React$1.RefAttributes<HTMLLabelElement>>;
 
+declare const loadingVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface LoadingBaseProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loadingVariants> {
+    message?: string;
+    overlay?: boolean;
+    variant?: "spinner" | "dots";
+}
+declare const LoadingBase: React$1.ForwardRefExoticComponent<LoadingBaseProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function NavigationMenuBase({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
     viewport?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -565,30 +575,40 @@ interface DateTimePickerProps {
     date: Date | undefined;
     onChange: (date: Date | undefined) => void;
     hideSeconds?: boolean;
+    hideHour?: boolean;
+    hideMinute?: boolean;
     fromDate?: Date;
     toDate?: Date;
     disabled?: boolean;
-    dialogTitle?: string;
+    className?: string;
 }
-declare function DateTimePicker({ label, date, onChange, hideSeconds, fromDate, toDate, disabled, dialogTitle, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePicker({ label, date, onChange, hideSeconds, hideHour, hideMinute, fromDate, toDate, disabled, className, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
 
 interface TimePickerProps {
     date: Date | undefined;
     setDate: (date: Date | undefined) => void;
     hideSeconds?: boolean;
+    enableButton?: boolean;
 }
-declare function TimePicker({ date, setDate, hideSeconds }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ date, setDate, hideSeconds, enableButton, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type TimePickerType = "minutes" | "seconds" | "hours" | "12hours";
 type Period = "AM" | "PM";
 
-interface TimePickerInputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+interface TimePickerInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     picker: TimePickerType;
     date: Date | undefined;
     setDate: (date: Date | undefined) => void;
     period?: Period;
     onRightFocus?: () => void;
     onLeftFocus?: () => void;
+    showArrows?: boolean;
+    label?: string;
+    error?: boolean;
+    inputSize?: "sm" | "md" | "lg";
+    enableButton?: boolean;
+    buttonText?: string;
+    buttonIcon?: React__default.ReactNode;
 }
 declare const TimePickerInput: React__default.ForwardRefExoticComponent<TimePickerInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -685,124 +705,165 @@ interface DestructiveDialogProps {
 }
 declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
 
-interface LineChartData {
-    name: string;
-    [key: string]: string | number;
-}
-interface CustomLineChartProps {
-    data?: LineChartData[];
-    className?: string;
-    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 {
+interface Props$4 {
+    processedData: Array<{
+        name: string;
+    }>;
+    onOpenPeriod: (periodName: string) => void;
+    rightOffset?: number;
+    topOffset?: number;
+    activePeriod?: string;
+    activePeriods?: string[];
+}
+declare function PeriodsDropdown({ processedData, onOpenPeriod, rightOffset, topOffset, activePeriod, activePeriods, }: Props$4): react_jsx_runtime.JSX.Element;
+
+interface Props$3 {
+    showOnlyHighlighted: boolean;
+    setShowOnlyHighlighted: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    highlightedSeriesSize: number;
+    clearHighlights: () => void;
+}
+/**
+ * ShowOnly
+ * - Botão principal alterna entre mostrar somente os itens destacados ou mostrar todos
+ * - Botão secundário limpa os destaques quando houver algum
+ * - Acessibilidade: aria-pressed, aria-labels e estados desabilitados
+ */
+declare const ShowOnly: React__default.FC<Props$3>;
+
+interface MapperEntry {
+    label?: string;
+    formatter?: (value: string | number) => string | number;
+    color?: string;
+    type?: string;
+    visible?: boolean;
+}
+interface Props$2 {
+    allKeys: string[];
+    mapperConfig: Record<string, MapperEntry>;
+    finalColors: Record<string, string>;
+    highlightedSeries: Set<string>;
+    toggleHighlight: (key: string) => void;
+    containerWidth?: number;
+}
+declare const Highlights: React__default.FC<Props$2>;
+
+interface CloseAllButtonProps {
+    count: number;
+    onCloseAll: () => void;
+    position?: "top-left" | "top-right" | "top-center";
+    variant?: "floating" | "inline";
+}
+declare const CloseAllButton: React__default.FC<CloseAllButtonProps>;
+
+interface TooltipData {
     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 BarChartData {
-    [key: string]: string | number | boolean | null | undefined;
+interface Position$1 {
+    top: number;
+    left: number;
 }
-interface XAxisConfig$1 {
+interface DraggableTooltipProps {
+    id: string;
+    data: TooltipData;
+    position: Position$1;
+    isDragging?: boolean;
+    title?: string;
+    dataKeys: string[];
+    finalColors: Record<string, string>;
+    onMouseDown?: (id: string, e: React__default.MouseEvent) => void;
+    onClose: (id: string) => void;
+    periodLabel?: string;
+    dataLabel?: string;
+    showCloseAllButton?: boolean;
+    globalTooltipCount?: number;
+    onCloseAll?: () => void;
+    closeAllButtonPosition?: "top-left" | "top-right" | "top-center";
+    closeAllButtonVariant?: "floating" | "inline";
+    onPositionChange?: (id: string, position: Position$1) => void;
+    highlightedSeries?: Set<string>;
+    toggleHighlight?: (key: string) => void;
+    showOnlyHighlighted?: boolean;
+}
+declare const DraggableTooltip: React__default.NamedExoticComponent<DraggableTooltipProps>;
+
+type TooltipPayloadItem$1 = {
     dataKey: string;
+    value: number;
+    name: string;
+    color?: string;
+};
+interface Props$1 {
+    active?: boolean;
+    payload?: TooltipPayloadItem$1[];
     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;
-    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;
-    mapper?: DataMapper | string[];
-    yAxis?: DataMapper | string[];
-    autoDetect?: boolean;
+    finalColors?: Record<string, string>;
+    periodLabel?: string;
+    totalLabel?: string;
 }
-declare const BarChart: React__default.FC<BarChartProps>;
+declare const RechartTooltipWithTotal: React__default.FC<Props$1>;
 
-interface ChartData {
-    [key: string]: string | number | boolean | null | undefined;
-}
-interface XAxisConfig {
+type TooltipPayloadItem = {
     dataKey: string;
+    value: number;
+    name: string;
+    color?: string;
+};
+interface Props {
+    active?: boolean;
+    payload?: TooltipPayloadItem[];
     label?: string;
-    formatter?: (value: string | number) => string;
-    autoLabel?: boolean;
-}
-type SeriesProp = {
-    bar?: string[];
-    line?: string[];
-    area?: string[];
+    finalColors?: Record<string, string>;
+    periodLabel?: string;
+}
+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;
 };
-interface ChartProps {
-    data: ChartData[];
-    series?: SeriesProp;
-    className?: string;
-    height?: number;
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
     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;
-    enableHighlights?: boolean;
-    enableShowOnly?: boolean;
-    enablePeriodsDropdown?: boolean;
-    enableDraggableTooltips?: boolean;
-}
-declare const Chart: React__default.FC<ChartProps>;
+    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;
 
 declare function useIsMobile(): boolean;
 
@@ -823,4 +884,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-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, 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, 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, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, CustomLineChart as LineChart, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, CustomPieChart as PieChart, 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, 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, TooltipTriggerBase, UseSideBarBase, badgeVariants, buttonVariantsBase, toast, useDrag, useIsMobile, useTheme };
+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 };