@scmlatam/web-ui 0.2.31 → 0.2.33

package/dist/src/components/form/Form.d.ts

@@ -1,3 +1,3 @@
 import { FormProps } from './types/types';
-declare const Form: ({ title, alert, action, fields, open, setOpen, loading, onClickSave, }: FormProps) => import("react").JSX.Element;
+declare const Form: ({ title, alert, action, fields, open, setOpen, loading, onClickSave, showAlertUnsavedChanges, }: FormProps) => import("react").JSX.Element;
 export { Form };

package/dist/src/components/rb.d.ts

@@ -21,3 +21,5 @@ export { TreePanel, findNodeById, flattenTree, getExpandableNodeIds, getNodeSele
 export type { GetSelectableSubtreeOptions, TreePanelExpandedChangeDetails, TreePanelIdCollection, TreePanelNode, TreePanelNodeId, TreePanelProps, TreePanelRenderNodeParams, TreePanelSelectionChangeDetails, TreePanelSelectionState, } from '../rb-components/tree-panel';
 export { getRbImageUrl, rbImages } from '../rb-components/images';
 export type { RbImageName } from '../rb-components/images';
+export { Timeline } from '../rb-components/timeline';
+export type { TimelineProps, TimelineSegment, TimelineBoundary, TimelineBoundaryClickArgs, TimelineSegmentClickArgs, TimelineBoundaryChangeArgs, TimelineSegmentId, } from '../rb-components/timeline';

package/dist/src/rb-components/timeline/BoundaryDot.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+import { ResolvedBoundary } from './timeline.types';
+interface BoundaryDotProps {
+    boundary: ResolvedBoundary;
+    isEdge: boolean;
+    color: string;
+    tooltip: React.ReactNode;
+    editable: boolean;
+    minDate: Dayjs | null;
+    maxDate: Dayjs | null;
+    align?: "start" | "center" | "end";
+    onDateChange?: (date: Dayjs) => void;
+    onClick?: (anchorEl: HTMLElement) => void;
+}
+export declare function BoundaryDot({ boundary, isEdge, color, tooltip, editable, minDate, maxDate, align, onDateChange, onClick, }: BoundaryDotProps): React.JSX.Element;
+export {};

package/dist/src/rb-components/timeline/SegmentLabel.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TimelineSegment } from './timeline.types';
+interface SegmentLabelProps {
+    segment: TimelineSegment;
+    index: number;
+    color: string;
+    leftPct: number;
+    tooltip: React.ReactNode;
+    align?: "start" | "center" | "end";
+    onClick?: (index: number, anchorEl: HTMLElement) => void;
+}
+export declare function SegmentLabel({ segment, index, color, leftPct, tooltip, align, onClick, }: SegmentLabelProps): React.JSX.Element;
+export {};

package/dist/src/rb-components/timeline/Timeline.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TimelineProps } from './timeline.types';
-export declare function Timeline({ segments, startBoundary, endBoundary, colors, formatDate, segmentTooltip, boundaryTooltip, onSegmentClick, onBoundaryClick, className, }: TimelineProps): React.JSX.Element | null;
+export declare function Timeline({ segments, startBoundary, endBoundary, colors, formatDate, segmentTooltip, boundaryTooltip, onSegmentClick, onBoundaryClick, allowGaps, scale, editableBoundaries, exclusiveEnd, indefiniteDate, indefiniteLabel, onBoundaryDateChange, className, }: TimelineProps): import("react").JSX.Element | null;
 export default Timeline;

package/dist/src/rb-components/timeline/index.d.ts

@@ -1,2 +1,2 @@
 export { Timeline, default } from './Timeline';
-export type { TimelineBoundary, TimelineBoundaryClickArgs, TimelineProps, TimelineSegment, TimelineSegmentClickArgs, TimelineSegmentId, } from './timeline.types';
+export type { TimelineBoundary, TimelineBoundaryClickArgs, TimelineProps, TimelineSegment, TimelineSegmentClickArgs, TimelineSegmentId, TimelineBoundaryChangeArgs, } from './timeline.types';

package/dist/src/rb-components/timeline/timeline.types.d.ts

@@ -1,6 +1,7 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 export type TimelineSegmentId = string | number;
+export type TimelineBoundaryKind = "start" | "end" | "shared";
 export interface TimelineSegment {
     id: TimelineSegmentId;
     startDate: Dayjs;
@@ -62,4 +63,40 @@ export interface TimelineProps {
     /** Handler opcional para clic en un punto intermedio (no se dispara en los extremos). */
     onBoundaryClick?: (args: TimelineBoundaryClickArgs) => void;
     className?: string;
+    allowGaps?: boolean;
+    /**
+     * `"equal"` reparte el ancho por igual entre tramos; `"proportional"` lo
+     * calcula según la duración real de cada uno.
+     */
+    scale?: "equal" | "proportional";
+    editableBoundaries?: boolean;
+    onBoundaryDateChange?: (args: TimelineBoundaryChangeArgs) => void;
+    /** true si endDate es exclusivo (el día no pertenece al tramo). Default: false */
+    exclusiveEnd?: boolean;
+    /** Fecha centinela que representa "sin término" (ej. `dayjs("3000-01-01")`). */
+    indefiniteDate?: Dayjs;
+    /** Texto mostrado en el punto cuya fecha es `indefiniteDate`. */
+    indefiniteLabel?: string;
+}
+export interface TimelineBoundaryChangeArgs {
+    kind: TimelineBoundaryKind;
+    date: Dayjs;
+    segmentIndex: number;
+    previousIndex: number | null;
+    minDate: Dayjs | null;
+    maxDate: Dayjs | null;
+}
+export interface TimelineSlot {
+    type: "segment" | "gap";
+    index: number;
+    startPct: number;
+    widthPct: number;
+}
+export interface ResolvedBoundary {
+    key: string;
+    kind: TimelineBoundaryKind;
+    date: Dayjs;
+    leftPct: number;
+    segmentIndex: number;
+    previousIndex: number | null;
 }

package/dist/src/rb-components/timeline/timelineLayout.d.ts

@@ -0,0 +1,13 @@
+import { Dayjs } from 'dayjs';
+import { ResolvedBoundary, TimelineSegment, TimelineSlot } from './timeline.types';
+export interface BuildSlotsOptions {
+    /** Reparte el ancho según la duración real de cada tramo. */
+    proportional?: boolean;
+    indefiniteDate?: Dayjs;
+}
+export declare function buildSlots(segments: TimelineSegment[], allowGaps: boolean, options?: BuildSlotsOptions): TimelineSlot[];
+export declare function buildBoundaries(segments: TimelineSegment[], segmentSlots: TimelineSlot[], allowGaps: boolean): ResolvedBoundary[];
+export declare function boundaryBounds(boundary: ResolvedBoundary, segments: TimelineSegment[], allowGaps: boolean, exclusiveEnd?: boolean): {
+    min: Dayjs | null;
+    max: Dayjs | null;
+};

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

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
+declare const DATE_PICKER_LOCALES: {
+    readonly en: import('react-day-picker').DayPickerLocale;
+    readonly es: import('react-day-picker').DayPickerLocale;
+};
+type DatePickerLocale = keyof typeof DATE_PICKER_LOCALES;
 export interface CustomDatePickerProps {
     label: string;
     initialValue: Dayjs | null;
@@ -9,6 +14,8 @@ export interface CustomDatePickerProps {
     white: boolean;
     fullWidth: boolean;
     placeholder?: string;
+    captionLayout?: "label" | "dropdown";
+    locale?: DatePickerLocale | null;
     /**
      * Activa el estado visual y accesible de error.
      */
@@ -19,5 +26,5 @@ export interface CustomDatePickerProps {
      */
     helperText?: React.ReactNode;
 }
-declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, placeholder, error, helperText, }: CustomDatePickerProps) => React.JSX.Element;
+declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, placeholder, captionLayout, error, helperText, locale, }: CustomDatePickerProps) => React.JSX.Element;
 export { CustomDatePicker };

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+export interface DatePickerFooterApi {
+    close: () => void;
+}
+export interface CustomDatePickerProps {
+    label: string;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+    minDate?: Dayjs | Date;
+    maxDate?: Dayjs | Date;
+    disabled?: boolean;
+    white?: boolean;
+    fullWidth?: boolean;
+    placeholder?: string;
+    /** Sobrescribe el texto del trigger (ej. "Indefinido"). */
+    displayValue?: string;
+    /** Texto de ayuda opcional que se muestra debajo del campo. */
+    helperText?: string;
+    /** Estado visual y accesible de error. */
+    error?: boolean;
+    /** Contenido opcional al pie del panel. Se oculta en la vista de años. */
+    footer?: (api: DatePickerFooterApi) => React.ReactNode;
+}
+declare const CustomDatePicker: ({ label, value, setValue, minDate: minDateProp, maxDate: maxDateProp, disabled, white, fullWidth, placeholder, displayValue, footer, helperText, error, }: CustomDatePickerProps) => React.JSX.Element;
+export { CustomDatePicker };

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CustomDatePickerProps } from './CustomDatePicker';
+export interface CustomIndefiniteDatePickerProps extends Omit<CustomDatePickerProps, "footer" | "displayValue"> {
+    indefinite: boolean;
+    onIndefiniteChange: (indefinite: boolean) => void;
+    indefiniteLabel?: string;
+    showIndefiniteCheckbox?: boolean;
+    disabledIndefinite?: boolean;
+    disabledIndefiniteTooltip?: string;
+}
+declare const CustomIndefiniteDatePicker: ({ indefinite, onIndefiniteChange, indefiniteLabel, showIndefiniteCheckbox, disabled, disabledIndefinite, disabledIndefiniteTooltip, ...datePickerProps }: CustomIndefiniteDatePickerProps) => React.JSX.Element;
+export { CustomIndefiniteDatePicker };

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface YearGridProps {
+    years: number[];
+    activeYear: number;
+    onSelect: (year: number) => void;
+}
+export declare const YearGrid: React.MemoExoticComponent<({ years, activeYear, onSelect }: YearGridProps) => React.JSX.Element>;
+export {};

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

@@ -24,5 +24,5 @@ interface DateFieldTriggerProps {
     helperText?: React.ReactNode;
     onClick?: () => void;
 }
-export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement | HTMLInputElement>>;
 export {};

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+interface DateInputTriggerProps {
+    id: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    open: boolean;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+    error: boolean;
+    helperText?: React.ReactNode;
+    onChange: (value: string) => void;
+    onOpen: () => void;
+    onBlur: () => void;
+}
+declare const DateInputTrigger: React.ForwardRefExoticComponent<DateInputTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export { DateInputTrigger };

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+interface TimeFieldTriggerProps {
+    id: string;
+    label: string;
+    hour: string;
+    minute: string;
+    open: boolean;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+    error: boolean;
+    helperText?: React.ReactNode;
+    onHourChange: (value: string) => void;
+    onMinuteChange: (value: string) => void;
+    onOpen: () => void;
+    onBlur: React.FocusEventHandler<HTMLDivElement>;
+}
+declare const TimeFieldTrigger: React.ForwardRefExoticComponent<TimeFieldTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export { TimeFieldTrigger };

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 interface TimePickerPanelProps {
     value: Dayjs | null;
@@ -21,5 +22,5 @@ interface TimePickerPanelProps {
      */
     minuteStep?: number;
 }
-export declare function TimePickerPanel({ value, onChange, minuteStep, }: TimePickerPanelProps): import("react").JSX.Element;
+export declare function TimePickerPanel({ value, onChange, minuteStep, }: TimePickerPanelProps): React.JSX.Element;
 export {};

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

@@ -5,6 +5,8 @@ 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 maskDateInput(value: string): string;
+export declare function fromDisplayDateValue(value: string): dayjs.Dayjs | null;
 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;
@@ -16,3 +18,7 @@ export declare function fromTimeInputValue(value: string, baseValue?: Dayjs | nu
 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;
+export declare function startOfToday(): Date;
+/** Mantiene el día dentro del mes destino (31 ene → 28 feb). */
+export declare function withYearMonth(source: Date, year: number, monthIndex: number): Date;
+export declare function clampDate(date: Date, min: Date, max: Date): Date;

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

@@ -2,8 +2,8 @@ export { CustomDatefield } from './CustomDatefield';
 export type { CustomDatefieldProps } from './CustomDatefield';
 export { CustomDatePicker } from './CustomDatePicker';
 export type { CustomDatePickerProps } from './CustomDatePicker';
-export { CustomIndefiniteDatePicker } from './CustomIndefiniteDatePicker';
-export type { CustomIndefiniteDatePickerProps } from './CustomIndefiniteDatePicker';
+export { CustomIndefiniteDatePicker } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
+export type { CustomIndefiniteDatePickerProps } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
 export { CustomTimefield } from './CustomTimefield';
 export type { CustomTimefieldProps } from './CustomTimefield';
 export { CustomDateRangefield } from './CustomDateRangefield';

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

@@ -11,7 +11,7 @@ interface UseDatePopoverOptions {
     offset?: number;
     screenPadding?: number;
 }
-export declare function useDatePopover(options?: UseDatePopoverOptions): {
+export declare function useDatePopover<TriggerElement extends HTMLElement = HTMLButtonElement>(options?: UseDatePopoverOptions): {
     open: boolean;
     ready: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -19,7 +19,7 @@ export declare function useDatePopover(options?: UseDatePopoverOptions): {
     toggle: () => void;
     position: AnchorPosition;
     floatingStyle: React.CSSProperties;
-    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    triggerRef: React.RefObject<TriggerElement | null>;
     panelRef: React.RefObject<HTMLDivElement | null>;
     anchorVars: React.CSSProperties;
     contentRef: React.RefObject<HTMLDivElement | null>;