@juspay/blend-design-system 0.0.18-beta → 0.0.18

package/dist/components/Charts/types.d.ts

@@ -130,6 +130,7 @@ export type ChartsProps = {
     xAxis?: XAxisConfig;
     yAxis?: YAxisConfig;
     noData?: NoDataProps;
+    height?: number;
 };
 export type FlattenedDataPoint = {
     name: string;

package/dist/components/DataTable/ColumnManager.d.ts

@@ -1,5 +1,5 @@
 import { ColumnManagerProps } from './types';
 export declare const ColumnManager: {
-    <T extends Record<string, unknown>>({ columns, visibleColumns, onColumnChange, maxSelections, alwaysSelectedColumns, columnManagerPrimaryAction, columnManagerSecondaryAction, }: ColumnManagerProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends Record<string, unknown>>({ columns, visibleColumns, onColumnChange, maxSelections, alwaysSelectedColumns, columnManagerPrimaryAction, columnManagerSecondaryAction, multiSelectWidth, }: ColumnManagerProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/DataTable/TableHeader/types.d.ts

@@ -21,6 +21,7 @@ export type TableHeaderProps<T extends Record<string, unknown>> = {
         disabled?: boolean;
         loading?: boolean;
     };
+    columnManagerWidth?: number;
     enableRowExpansion?: boolean;
     enableRowSelection?: boolean;
     rowActions?: RowActionsConfig<T>;

package/dist/components/DataTable/types.d.ts

@@ -99,6 +99,7 @@ export type ColumnManagerProps<T extends Record<string, unknown>> = {
         disabled?: boolean;
         loading?: boolean;
     };
+    multiSelectWidth?: number;
 };
 export type AdvancedFilterProps = {
     filters: unknown[];
@@ -247,6 +248,7 @@ export type DataTableProps<T extends Record<string, unknown>> = {
         disabled?: boolean;
         loading?: boolean;
     };
+    columnManagerWidth?: number;
     pagination?: PaginationConfig;
     serverSidePagination?: boolean;
     onPageChange?: (page: number) => void;

package/dist/components/DateRangePicker/QuickRangeSelector.d.ts

@@ -10,6 +10,7 @@ type QuickRangeSelectorProps = {
     disablePastDates?: boolean;
     isDisabled?: boolean;
     size?: DateRangePickerSize;
+    maxMenuHeight?: number;
 };
 declare const QuickRangeSelector: import('react').ForwardRefExoticComponent<QuickRangeSelectorProps & import('react').RefAttributes<HTMLDivElement>>;
 export default QuickRangeSelector;

package/dist/components/DateRangePicker/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const DATE_RANGE_PICKER_CONSTANTS: {
+    readonly DEFAULT_DATE_FORMAT: "dd/MM/yyyy";
+    readonly TIME_FORMAT: "HH:mm";
+    readonly PRESET_DETECTION_TOLERANCE_MS: number;
+    readonly TIMEZONE_TOLERANCE_HOURS: 25;
+    readonly CALENDAR_CONTAINER_HEIGHT: 340;
+    readonly CALENDAR_LOAD_THRESHOLD: 100;
+    readonly MONTH_BUFFER_SIZE: 2;
+    readonly MOBILE_PICKER: {
+        readonly ITEM_HEIGHT: 44;
+        readonly VISIBLE_ITEMS: 3;
+    };
+    readonly HAPTIC_PATTERNS: {
+        readonly SELECTION: readonly [8];
+        readonly IMPACT: readonly [15];
+        readonly NOTIFICATION: readonly [25, 40, 25];
+    };
+    readonly MIN_YEAR: 2012;
+    readonly MAX_YEAR_OFFSET: 10;
+    readonly TIME_MINUTE_INCREMENT: 15;
+    readonly SCROLL_DEBOUNCE_MS: 80;
+    readonly HAPTIC_COOLDOWN_MS: 50;
+};

package/dist/components/DateRangePicker/types.d.ts

@@ -20,11 +20,6 @@ export declare enum DateRangePickerSize {
     MEDIUM = "md",
     LARGE = "lg"
 }
-export type DateRange = {
-    startDate: Date;
-    endDate: Date;
-    showTimePicker?: boolean;
-};
 /**
  * Predefined format presets for common date display patterns
  */
@@ -39,6 +34,39 @@ export declare enum DateFormatPreset {
     US_RANGE = "us-range",// "09/03/2025 - 09/05/2025"
     CUSTOM = "custom"
 }
+/**
+ * Haptic feedback types for different interactions
+ */
+export declare enum HapticFeedbackType {
+    SELECTION = "selection",
+    IMPACT = "impact",
+    NOTIFICATION = "notification"
+}
+/**
+ * Validation error types for date inputs
+ */
+export declare enum DateValidationError {
+    NONE = "none",
+    INVALID_FORMAT = "format",
+    INVALID_DATE = "invalid-date",
+    OUT_OF_RANGE = "out-of-range",
+    INVALID_TIME_ORDER = "invalid-time-order",
+    MISSING_DATES = "missing-dates",
+    FUTURE_DATE_DISABLED = "future-date-disabled",
+    PAST_DATE_DISABLED = "past-date-disabled"
+}
+/**
+ * Calendar interaction modes
+ */
+export declare enum CalendarInteractionMode {
+    SINGLE_DATE = "single-date",
+    DATE_RANGE = "date-range"
+}
+export type DateRange = {
+    startDate: Date;
+    endDate: Date;
+    showTimePicker?: boolean;
+};
 /**
  * Custom format function type for advanced formatting
  */
@@ -78,6 +106,37 @@ export type TriggerConfig = {
         onClick: () => void;
     }) => ReactNode;
 };
+/**
+ * Date validation result
+ */
+export type DateValidationResult = {
+    isValid: boolean;
+    error: DateValidationError;
+    message?: string;
+};
+/**
+ * Date range validation result
+ */
+export type DateRangeValidationResult = {
+    isValid: boolean;
+    error: DateValidationError;
+    message?: string;
+};
+/**
+ * Calendar month data structure
+ */
+export type CalendarMonth = {
+    month: number;
+    year: number;
+    index?: number;
+};
+/**
+ * Picker column data
+ */
+export type PickerColumnData = {
+    items: (string | number)[];
+    selectedIndex: number;
+};
 export type DateRangePickerProps = {
     value?: DateRange;
     onChange?: (range: DateRange) => void;
@@ -100,15 +159,8 @@ export type DateRangePickerProps = {
     size?: DateRangePickerSize;
     formatConfig?: DateFormatConfig;
     triggerConfig?: TriggerConfig;
+    maxMenuHeight?: number;
 };
-/**
- * Haptic feedback types for different interactions
- */
-export declare enum HapticFeedbackType {
-    SELECTION = "selection",
-    IMPACT = "impact",
-    NOTIFICATION = "notification"
-}
 export type PresetItemProps = {
     preset: DateRangePreset;
     isActive: boolean;

package/dist/components/DateRangePicker/utils.d.ts

@@ -703,3 +703,27 @@ export declare const shouldHideDateFromCalendar: (date: Date, today: Date, hideF
  * @returns New date range or null if click should be ignored
  */
 export declare const handleEnhancedCalendarDateClick: (clickedDate: Date, selectedRange: DateRange, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, isDoubleClick?: boolean) => DateRange | null;
+/**
+ * Checks if two dates represent the same calendar day (ignoring time and timezone)
+ */
+export declare const isSameCalendarDay: (date1: Date, date2: Date) => boolean;
+/**
+ * Checks if a date range represents a full day in any timezone
+ */
+export declare const isFullDayRange: (startDate: Date, endDate: Date) => boolean;
+/**
+ * Checks if a date range matches "Today" preset
+ */
+export declare const matchesTodayPreset: (range: DateRange) => boolean;
+/**
+ * Checks if a date range matches "Yesterday" preset
+ */
+export declare const matchesYesterdayPreset: (range: DateRange) => boolean;
+/**
+ * Checks if a date range matches "Tomorrow" preset
+ */
+export declare const matchesTomorrowPreset: (range: DateRange) => boolean;
+/**
+ * Robust preset detection that works with both UTC and local timezone dates
+ */
+export declare const detectPresetFromRange: (range: DateRange) => DateRangePreset;

package/dist/components/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import { PopoverProps } from './types';
 declare const Popover: {
-    ({ heading, description, trigger, children, showCloseButton, onOpenChange, open, asModal, primaryAction, secondaryAction, sideOffset, side, align, alignOffset, width, minWidth, maxWidth, height, minHeight, maxHeight, zIndex, size, onClose, shadow, useDrawerOnMobile, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    ({ heading, description, trigger, children, showCloseButton, onOpenChange, open, asModal, primaryAction, secondaryAction, sideOffset, side, align, alignOffset, width, minWidth, maxWidth, height, minHeight, maxHeight, zIndex, size, onClose, shadow, useDrawerOnMobile, avoidCollisions, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Popover;

package/dist/components/Popover/types.d.ts

@@ -30,4 +30,5 @@ export type PopoverProps = {
     onClose?: () => void;
     shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
     useDrawerOnMobile?: boolean;
+    avoidCollisions?: boolean;
 };