@scmlatam/web-ui 0.2.6 → 0.2.8

package/dist/src/rb-components/ui/primitives/AutoCustomCompleteField.d.ts

@@ -0,0 +1,20 @@
+export interface AutoValueItem {
+    value: string;
+    label: string;
+    sublabel?: string;
+    disabled?: boolean;
+    highlight?: {
+        active?: boolean;
+        tooltip?: string;
+    };
+}
+export interface CustomAutoCompleteFieldProps {
+    label: string;
+    placeholder: string;
+    values: AutoValueItem[];
+    value: string[];
+    setValue: (newValue: string[]) => void;
+    white: boolean;
+}
+declare const AutoCustomCompleteField: ({ label, placeholder, values, value, setValue, white, }: CustomAutoCompleteFieldProps) => import("react/jsx-runtime").JSX.Element;
+export { AutoCustomCompleteField };

package/dist/src/rb-components/ui/primitives/RbInlineChipField.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+type RbInlineChipFieldType = "text" | "date" | "time" | "datetime-local";
+type RbInlineChipFieldVariant = "default" | "success" | "warning" | "error" | "info" | "neutral";
+type DateSeparator = "-" | "/";
+export type RbInlineChipFieldAction = {
+    label: React.ReactNode;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+};
+export type RbInlineChipFieldProps = {
+    value?: string | null;
+    placeholder?: string;
+    type?: RbInlineChipFieldType;
+    variant?: RbInlineChipFieldVariant;
+    /**
+     * Para type="date" y type="datetime-local".
+     * Por defecto se usa "-", para mantener formato tipo 2026-06-10.
+     */
+    dateSeparator?: DateSeparator;
+    editable?: boolean;
+    disabled?: boolean;
+    /**
+     * Ícono custom.
+     * Si hay variant success/warning/error/info, se usa el ícono de estado.
+     * Si no hay estado, puede mostrarse este ícono custom.
+     * Si no hay nada, se mantiene el espacio vacío.
+     */
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+    actions?: RbInlineChipFieldAction[];
+    showMenu?: boolean;
+    onChange?: (value: string) => void;
+    onClick?: () => void;
+    className?: string;
+    inputClassName?: string;
+    ariaLabel?: string;
+};
+export declare function CalendarChipIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ClockChipIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function RbInlineChipField({ value, placeholder, type, variant, dateSeparator, editable, disabled, icon, showIcon, actions, showMenu, onChange, onClick, className, inputClassName, ariaLabel, }: RbInlineChipFieldProps): import("react/jsx-runtime").JSX.Element;
+export default RbInlineChipField;

package/dist/src/rb-components/ui/primitives/date-fields/CustomDatePicker.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export interface CustomDatePickerProps {
+    label: string;
+    initialValue: Dayjs | null;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+}
+declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomDatePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateRangeCalendar.d.ts

@@ -0,0 +1,11 @@
+import { Dayjs } from 'dayjs';
+export interface CustomDateRangeCalendarProps {
+    initialValue: [Dayjs | null, Dayjs | null];
+    value: [Dayjs | null, Dayjs | null];
+    setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
+    calendars: 1 | 2 | 3;
+    disabled: boolean;
+    white: boolean;
+}
+declare const CustomDateRangeCalendar: ({ initialValue, value, setValue, calendars, disabled, white, }: CustomDateRangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomDateRangeCalendar };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateRangePicker.d.ts

@@ -0,0 +1,18 @@
+import { Dayjs } from 'dayjs';
+export interface CustomDateRangePickerProps {
+    label: string;
+    initialValue: [Dayjs | null, Dayjs | null];
+    value: [Dayjs | null, Dayjs | null];
+    setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
+    calendars: 1 | 2 | 3;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+    /**
+     * Permite que el trigger use una versión más corta del texto.
+     * Ideal para toolbar, donde el espacio puede variar harto.
+     */
+    compact?: boolean;
+}
+declare const CustomDateRangePicker: ({ label, initialValue, value, setValue, calendars, disabled, white, fullWidth, compact, }: CustomDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomDateRangePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateRangefield.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+export interface CustomDateRangefieldProps {
+    label: string;
+    value: [Dayjs | null, Dayjs | null];
+    setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
+    disabled: boolean;
+}
+declare const CustomDateRangefield: ({ label, value, setValue, disabled, }: CustomDateRangefieldProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomDateRangefield };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDatefield.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export interface CustomDatefieldProps {
+    label: string;
+    initialValue: Dayjs | null;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+}
+declare const CustomDatefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatefieldProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomDatefield };

package/dist/src/rb-components/ui/primitives/date-fields/CustomTimefield.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export interface CustomTimefieldProps {
+    label: string;
+    initialValue: Dayjs | null;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+}
+declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomTimefieldProps) => import("react/jsx-runtime").JSX.Element;
+export { CustomTimefield };

package/dist/src/rb-components/ui/primitives/date-fields/DateFieldTrigger.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+type DateFieldIcon = "chevron" | "clock";
+interface DateFieldTriggerProps {
+    id?: string;
+    label: string;
+    value?: string;
+    placeholder?: string;
+    open?: boolean;
+    disabled?: boolean;
+    white?: boolean;
+    fullWidth?: boolean;
+    icon?: DateFieldIcon;
+    onClick?: () => void;
+}
+export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/src/rb-components/ui/primitives/date-fields/DateShortcuts.d.ts

@@ -0,0 +1,25 @@
+import { Dayjs } from 'dayjs';
+export interface DateShortcut {
+    label: string;
+    value: Dayjs | null;
+}
+export interface DateRangeShortcut {
+    label: string;
+    value: [Dayjs | null, Dayjs | null];
+}
+type ShortcutVariant = "light" | "dark";
+export declare function getDateShortcuts(): DateShortcut[];
+export declare function getDateRangeShortcuts(): DateRangeShortcut[];
+interface DateShortcutsProps {
+    shortcuts: DateShortcut[];
+    onSelect: (value: Dayjs | null) => void;
+    variant?: ShortcutVariant;
+}
+export declare function DateShortcuts({ shortcuts, onSelect, variant, }: DateShortcutsProps): import("react/jsx-runtime").JSX.Element;
+interface DateRangeShortcutsProps {
+    shortcuts: DateRangeShortcut[];
+    onSelect: (value: [Dayjs | null, Dayjs | null]) => void;
+    variant?: ShortcutVariant;
+}
+export declare function DateRangeShortcuts({ shortcuts, onSelect, variant, }: DateRangeShortcutsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/rb-components/ui/primitives/date-fields/TimePickerPanel.d.ts

@@ -0,0 +1,7 @@
+import { Dayjs } from 'dayjs';
+interface TimePickerPanelProps {
+    value: Dayjs | null;
+    onChange: (newValue: Dayjs) => void;
+}
+export declare function TimePickerPanel({ value, onChange }: TimePickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/rb-components/ui/primitives/date-fields/dateUtils.d.ts

@@ -0,0 +1,18 @@
+import { default as dayjs, Dayjs } from 'dayjs';
+export declare const DATE_DISPLAY_FORMAT = "DD/MM/YYYY";
+export declare const TIME_DISPLAY_FORMAT = "HH:mm";
+export declare const DATETIME_DISPLAY_FORMAT = "DD/MM/YYYY HH:mm";
+export declare function toDate(value?: Dayjs | null): Date | undefined;
+export declare function toDayjs(value?: Date | null): Dayjs | null;
+export declare function formatDate(value?: Dayjs | null): string;
+export declare function formatTime(value?: Dayjs | null): string;
+export declare function formatDateTime(value?: Dayjs | null): string;
+export declare function formatDateRange(value?: [Dayjs | null, Dayjs | null]): string;
+export declare function getDateInputValue(value?: Dayjs | null): string;
+export declare function getTimeInputValue(value?: Dayjs | null): string;
+export declare function getDateTimeInputValue(value?: Dayjs | null): string;
+export declare function fromDateInputValue(value: string): dayjs.Dayjs | null;
+export declare function fromTimeInputValue(value: string, baseValue?: Dayjs | null): dayjs.Dayjs | null;
+export declare function fromDateTimeInputValue(value: string): dayjs.Dayjs | null;
+export declare function mergeDateAndTime(dateValue: Dayjs, timeValue?: Dayjs | null): dayjs.Dayjs;
+export declare function normalizeCalendars(calendars?: 1 | 2 | 3): 1 | 2 | 3;

package/dist/src/rb-components/ui/primitives/date-fields/index.d.ts

@@ -0,0 +1,12 @@
+export { CustomDatefield } from './CustomDatefield';
+export type { CustomDatefieldProps } from './CustomDatefield';
+export { CustomDatePicker } from './CustomDatePicker';
+export type { CustomDatePickerProps } from './CustomDatePicker';
+export { CustomTimefield } from './CustomTimefield';
+export type { CustomTimefieldProps } from './CustomTimefield';
+export { CustomDateRangefield } from './CustomDateRangefield';
+export type { CustomDateRangefieldProps } from './CustomDateRangefield';
+export { CustomDateRangePicker } from './CustomDateRangePicker';
+export type { CustomDateRangePickerProps } from './CustomDateRangePicker';
+export { CustomDateRangeCalendar } from './CustomDateRangeCalendar';
+export type { CustomDateRangeCalendarProps } from './CustomDateRangeCalendar';

package/dist/src/rb-components/ui/primitives/date-fields/useDatePopover.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+interface AnchorPosition {
+    top: number;
+    left: number;
+    width: number;
+    placement: "top" | "bottom";
+    maxHeight: number;
+}
+interface UseDatePopoverOptions {
+    estimatedHeight?: number;
+    offset?: number;
+    screenPadding?: number;
+}
+export declare function useDatePopover(options?: UseDatePopoverOptions): {
+    open: boolean;
+    ready: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    close: () => void;
+    toggle: () => void;
+    position: AnchorPosition;
+    floatingStyle: React.CSSProperties;
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    panelRef: React.RefObject<HTMLDivElement | null>;
+};
+export {};

package/dist/src/themes/GoodRabbitDarkTheme.d.ts

@@ -369,6 +369,19 @@ declare const BaseGoodRabbitDarkTheme: {
                 };
             };
         };
+        MuiTooltip: {
+            styleOverrides: {
+                tooltip: {
+                    backgroundColor: string;
+                    color: string;
+                    fontSize: string;
+                    borderRadius: string;
+                };
+                arrow: {
+                    color: string;
+                };
+            };
+        };
     };
 };
 declare const GoodRabbitDarkTheme: import('@mui/material').Theme;

package/dist/src/themes/GoodRabbitTooltips.d.ts

@@ -0,0 +1,14 @@
+declare const GoodRabbitTooltips: {
+    styleOverrides: {
+        tooltip: {
+            backgroundColor: string;
+            color: string;
+            fontSize: string;
+            borderRadius: string;
+        };
+        arrow: {
+            color: string;
+        };
+    };
+};
+export { GoodRabbitTooltips };