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

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

@@ -1,16 +1,18 @@
-import { DateRangePreset, DateRangePickerSize } from './types';
+import { DateRangePreset, DateRangePickerSize, CustomPresetConfig } from './types';
 type QuickRangeSelectorProps = {
     isOpen: boolean;
     onToggle: () => void;
     activePreset: DateRangePreset;
     onPresetSelect: (preset: DateRangePreset) => void;
     excludeCustom?: boolean;
+    customPresets?: CustomPresetConfig[];
     className?: string;
     disableFutureDates?: boolean;
     disablePastDates?: boolean;
     isDisabled?: boolean;
     size?: DateRangePickerSize;
     maxMenuHeight?: number;
+    isStandalone?: boolean;
 };
 declare const QuickRangeSelector: import('react').ForwardRefExoticComponent<QuickRangeSelectorProps & import('react').RefAttributes<HTMLDivElement>>;
 export default QuickRangeSelector;

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

@@ -4,12 +4,14 @@ export declare enum DateRangePreset {
     TODAY = "today",
     YESTERDAY = "yesterday",
     TOMORROW = "tomorrow",
-    LAST_30_MINS = "last30Mins",
+    LAST_30_MINUTES = "last30Minutes",
     LAST_1_HOUR = "last1Hour",
     LAST_6_HOURS = "last6Hours",
     LAST_24_HOURS = "last24Hours",
     LAST_7_DAYS = "last7Days",
     LAST_30_DAYS = "last30Days",
+    THIS_MONTH = "thisMonth",
+    LAST_MONTH = "lastMonth",
     LAST_3_MONTHS = "last3Months",
     LAST_12_MONTHS = "last12Months",
     NEXT_7_DAYS = "next7Days",
@@ -139,6 +141,27 @@ export type PickerColumnData = {
     items: (string | number)[];
     selectedIndex: number;
 };
+/**
+ * Custom preset configuration for predefined presets
+ */
+export type CustomPresetConfig = {
+    preset: DateRangePreset;
+    label?: string;
+    visible?: boolean;
+};
+/**
+ * Custom preset definition for truly custom presets
+ */
+export type CustomPresetDefinition = {
+    id: string;
+    label: string;
+    getDateRange: () => DateRange;
+    visible?: boolean;
+};
+/**
+ * Presets configuration - can be predefined presets, custom configs, or custom definitions
+ */
+export type PresetsConfig = DateRangePreset[] | CustomPresetConfig[] | CustomPresetDefinition[] | (DateRangePreset | CustomPresetConfig | CustomPresetDefinition)[];
 /**
  * Function type for custom date disabling logic
  * @param date The date to check
@@ -209,11 +232,25 @@ export type CustomRangeConfig = {
      */
     applyToPresets?: boolean;
 };
+/**
+ * Preset selection callback data
+ */
+export type PresetSelectionData = {
+    preset: DateRangePreset;
+    label: string;
+    dateRange: DateRange;
+    formattedStartDate: string;
+    formattedEndDate: string;
+    formattedStartTime: string;
+    formattedEndTime: string;
+};
 export type DateRangePickerProps = {
     value?: DateRange;
     onChange?: (range: DateRange) => void;
+    onPresetSelection?: (data: PresetSelectionData) => void;
     showDateTimePicker?: boolean;
     showPresets?: boolean;
+    customPresets?: PresetsConfig;
     placeholder?: string;
     isDisabled?: boolean;
     icon?: ReactNode;
@@ -234,6 +271,7 @@ export type DateRangePickerProps = {
     formatConfig?: DateFormatConfig;
     triggerConfig?: TriggerConfig;
     maxMenuHeight?: number;
+    showPreset?: boolean;
 };
 export type PresetItemProps = {
     preset: DateRangePreset;

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

@@ -1,4 +1,4 @@
-import { DateRange, DateRangePreset, DateFormatConfig, CustomFormatFunction, HapticFeedbackType, CustomRangeConfig, CustomRangeCalculatorFunction } from './types';
+import { DateRange, DateRangePreset, DateFormatConfig, CustomFormatFunction, HapticFeedbackType, CustomPresetConfig, CustomPresetDefinition, PresetsConfig, CustomRangeConfig } from './types';
 import { CalendarTokenType } from './dateRangePicker.tokens';
 /**
  * Formats a date according to the specified format
@@ -705,6 +705,28 @@ 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;
+/**
+ * Validates custom range configuration
+ * @param config The custom range configuration to validate
+ * @returns Validation result
+ */
+export declare const validateCustomRangeConfig: (config: CustomRangeConfig) => {
+    isValid: boolean;
+    error?: string;
+};
+/**
+ * Handles calendar date click with custom range configuration support
+ * @param clickedDate The date that was clicked
+ * @param selectedRange Current selected range
+ * @param allowSingleDateSelection Whether single date selection is allowed
+ * @param today Today's date for validation
+ * @param disableFutureDates Whether future dates are disabled
+ * @param disablePastDates Whether past dates are disabled
+ * @param customRangeConfig Custom range configuration
+ * @param isDoubleClick Whether this is a double-click event
+ * @returns New date range or null if click should be ignored
+ */
+export declare const handleCustomRangeCalendarDateClick: (clickedDate: Date, selectedRange: DateRange, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customRangeConfig?: CustomRangeConfig, isDoubleClick?: boolean) => DateRange | null;
 /**
  * Checks if two dates represent the same calendar day (ignoring time and timezone)
  */
@@ -730,99 +752,72 @@ export declare const matchesTomorrowPreset: (range: DateRange) => boolean;
  */
 export declare const detectPresetFromRange: (range: DateRange) => DateRangePreset;
 /**
- * Applies custom range calculation logic to a selected start date
- * @param startDate The selected start date
- * @param customRangeConfig Custom range configuration
- * @param currentRange Current selected range (optional)
- * @returns Calculated range or null to use default behavior
+ * Default preset configuration for the DateRangePicker
  */
-export declare const applyCustomRangeCalculation: (startDate: Date, customRangeConfig: CustomRangeConfig, currentRange?: DateRange) => DateRange | null;
+export declare const DEFAULT_PRESET_CONFIG: DateRangePreset[];
 /**
- * Enhanced calendar date click handler with custom range calculation support
- * @param clickedDate The date that was clicked
- * @param selectedRange Current selected range
- * @param allowSingleDateSelection Whether single date selection is allowed
- * @param today Today's date for validation
- * @param disableFutureDates Whether future dates are disabled
- * @param disablePastDates Whether past dates are disabled
- * @param customRangeConfig Custom range configuration
- * @param isDoubleClick Whether this is a double-click event
- * @returns New date range or null if click should be ignored
+ * Get custom preset definition by ID
  */
-export declare const handleCustomRangeCalendarDateClick: (clickedDate: Date, selectedRange: DateRange, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customRangeConfig?: CustomRangeConfig, isDoubleClick?: boolean) => DateRange | null;
+export declare const getCustomPresetDefinition: (id: string) => CustomPresetDefinition | undefined;
 /**
- * Validates custom range configuration
- * @param config Custom range configuration to validate
- * @returns Validation result with error message if invalid
+ * Processes custom presets configuration and returns normalized preset configs
+ * @param customPresets User-provided presets configuration
+ * @returns Array of normalized CustomPresetConfig objects
  */
-export declare const validateCustomRangeConfig: (config: CustomRangeConfig) => {
-    isValid: boolean;
-    error?: string;
-};
+export declare const processCustomPresets: (customPresets?: PresetsConfig) => CustomPresetConfig[];
 /**
- * Creates common custom range calculation functions
+ * Filters presets based on visibility and other criteria
+ * @param presetConfigs Array of preset configurations
+ * @param disableFutureDates Whether future date presets should be excluded
+ * @param disablePastDates Whether past date presets should be excluded
+ * @returns Array of visible and enabled presets
  */
-export declare const createCustomRangeCalculators: {
-    /**
-     * Creates a calculator for fixed number of days
-     * @param days Number of days for the range
-     * @returns Custom range calculator function
-     */
-    fixedDays: (days: number) => CustomRangeCalculatorFunction;
-    /**
-     * Creates a calculator for business days (excluding weekends)
-     * @param businessDays Number of business days
-     * @returns Custom range calculator function
-     */
-    businessDays: (businessDays: number) => CustomRangeCalculatorFunction;
-    /**
-     * Creates a calculator for end of week (Sunday)
-     * @returns Custom range calculator function
-     */
-    endOfWeek: () => CustomRangeCalculatorFunction;
-    /**
-     * Creates a calculator for end of month
-     * @returns Custom range calculator function
-     */
-    endOfMonth: () => CustomRangeCalculatorFunction;
-    /**
-     * Creates a calculator for quarter end
-     * @returns Custom range calculator function
-     */
-    endOfQuarter: () => CustomRangeCalculatorFunction;
-    /**
-     * Creates a calculator that compares with another date range
-     * @param compareRange The range to compare with
-     * @returns Custom range calculator function
-     */
-    compareWithRange: (compareRange: DateRange) => CustomRangeCalculatorFunction;
-};
+export declare const getFilteredPresets: (presetConfigs: CustomPresetConfig[], disableFutureDates?: boolean, disablePastDates?: boolean) => DateRangePreset[];
+/**
+ * Gets the label for a preset, using custom label if provided
+ * @param preset The preset to get label for
+ * @param presetConfigs Array of preset configurations with potential custom labels
+ * @returns The label for the preset
+ */
+export declare const getPresetLabelWithCustom: (preset: DateRangePreset, presetConfigs?: CustomPresetConfig[]) => string;
 /**
- * Helper function to create common custom range configurations
+ * Creates a preset configuration with custom label and visibility
+ * @param preset The preset enum value
+ * @param label Optional custom label
+ * @param visible Whether the preset should be visible (default: true)
+ * @returns CustomPresetConfig object
  */
-export declare const createCustomRangeConfigs: {
+export declare const createPresetConfig: (preset: DateRangePreset, label?: string, visible?: boolean) => CustomPresetConfig;
+/**
+ * Helper function to create common preset configurations
+ */
+export declare const PRESET_HELPERS: {
+    /**
+     * Creates a configuration for time-based presets only
+     */
+    timeBasedOnly: () => CustomPresetConfig[];
     /**
-     * Fixed 5-day range
+     * Creates a configuration for day-based presets only
      */
-    fiveDayRange: () => CustomRangeConfig;
+    dayBasedOnly: () => CustomPresetConfig[];
     /**
-     * Fixed 7-day range (week)
+     * Creates a configuration for month-based presets only
      */
-    weekRange: () => CustomRangeConfig;
+    monthBasedOnly: () => CustomPresetConfig[];
     /**
-     * Business week (5 business days)
+     * Creates a minimal preset configuration
      */
-    businessWeek: () => CustomRangeConfig;
+    minimal: () => CustomPresetConfig[];
     /**
-     * Month range (start date to end of month)
+     * Creates a comprehensive preset configuration
      */
-    monthRange: () => CustomRangeConfig;
+    comprehensive: () => CustomPresetConfig[];
     /**
-     * Quarter range (start date to end of quarter)
+     * Creates a configuration with custom labels
      */
-    quarterRange: () => CustomRangeConfig;
+    withCustomLabels: () => CustomPresetConfig[];
     /**
-     * Flexible range with manual override
+     * Creates a configuration with some presets hidden
      */
-    flexibleRange: (defaultDays: number) => CustomRangeConfig;
+    selectiveVisibility: () => CustomPresetConfig[];
 };