@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/time-range-picker/locale.d.ts

@@ -1,4 +1,4 @@
-export declare type TimeRangePickerLocale = {
+export type TimeRangePickerLocale = {
     headerLabel: string;
     timezoneLabel: string;
     today: string;
@@ -25,6 +25,7 @@ export declare type TimeRangePickerLocale = {
     nextMonth: string;
     customRange: string;
     cancelBtnLabel: string;
+    clearBtnLabel: string;
     saveBtnLabel: string;
     timeSelectStartLabel: string;
     timeSelectEndLabel: string;
@@ -37,8 +38,13 @@ export declare type TimeRangePickerLocale = {
     timezonePlaceholder: string;
     rangeErrorMsg: string;
     presetMenuAriaLabel: string;
+    presetSearchPlaceholder: string;
+    presetSearchAriaLabel: string;
+    presetSearchNoResults: string;
     popoverAriaLabel: string;
     minDateErrorMessage: string;
     maxDateErrorMessage: string;
     minMaxDateErrorMessage: string;
+    timePickerAriaLabel12Hour: string;
+    timePickerAriaLabel24Hour: string;
 };

package/time-range-picker/styled-component.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledHeader = void 0;
 var tslib_1 = require("tslib");
-var styled_1 = (0, tslib_1.__importDefault)(require("../style/styled"));
-exports.StyledHeader = (0, styled_1.default)('div', 'flex justify-between items-center h-10 px-5');
+var styled_1 = tslib_1.__importDefault(require("../style/styled"));
+exports.StyledHeader = (0, styled_1.default)('div', 'flex gap-2 justify-between items-center h-14 px-4 py-3');

package/time-range-picker/types.d.ts

@@ -1,45 +1,44 @@
 /// <reference types="react" />
-import { DatepickerOverrides, FormatString, StatelessDatePickerProps } from '../date-picker';
-import { Override } from '../overrides';
-import { Option } from '../baseui/select';
-import { BaseSelectProps } from '../select/types';
+import type { DatepickerOverrides, FormatString, StatelessDatePickerProps } from '../date-picker';
+import type { Override } from '../overrides';
+import type { Option } from '../baseui/select';
+import type { Timezone, TimezonePickerOverrides } from '../time-zone-picker/types';
+import { ClassName, Styles } from '../types';
 export type { FormatString } from '../date-picker';
-export declare type TimeRangePreset = {
+export type TimeRangePreset = {
     id: string;
     label: string;
     getTimeRangeLimits?: (timezone?: string) => [Date, Date] | [];
 };
-export declare type TimezonePickerProps = {
+export type TimezonePickerProps = {
     setTimezone: React.Dispatch<string>;
     timezone: string;
-    overrides?: BaseSelectProps['overrides'];
+    overrides?: TimezonePickerOverrides;
+    timezoneOptions?: Timezone[];
+    modernZonesOnly?: boolean;
+    className?: ClassName;
+    style?: Styles;
 };
-export declare type TimeRangeListProps = {
+export type TimeRangeListProps = {
     timeRangePresets: TimeRangePreset[];
     onChange: ({ date, preset }: any) => void;
     timeRange?: Date[];
     preset: string | undefined;
+    hidePresetSearch?: boolean;
     overrides?: {
         Menu?: Override<any>;
         MenuItem?: Override<any>;
     };
 };
-export declare type TimeRangePickerOverrides = DatepickerOverrides<Record<string, any>> & {
-    TimeRangeList?: Override<TimeRangeListProps & Record<string, any>>;
-    Header?: Override<Record<string, any>>;
-    HeaderBeforeEnhancer?: Override<Record<string, any>>;
-    FooterBeforeEnhancer?: Override<Record<string, any>>;
-    Calendar?: Override<Record<string, any>>;
-};
-export declare type TimeRangePickerValue = {
+export type TimeRangePickerValue = {
     value: Date[] | string;
     date: Date[];
     preset: string;
     timezone?: string;
 };
-declare type Preset = string;
-export declare type SizeVariant = 'default' | 'compact' | 'iconButton';
-export declare type FormatSummaryValueOptions = {
+type Preset = string;
+export type SizeVariant = 'default' | 'compact' | 'iconButton';
+export type FormatSummaryValueOptions = {
     date: Date[];
     presetId: string;
     presetLabel: string;
@@ -52,7 +51,7 @@ export declare type FormatSummaryValueOptions = {
     hidePresetLabel?: boolean;
     displayVariant?: SizeVariant;
 };
-export declare type TimeRangePickerProps = Omit<StatelessDatePickerProps, 'value' | 'overrides' | 'onChange' | 'isOpen' | 'onFocus' | 'onBlur' | 'range' | 'formatDisplayValue'> & {
+export type TimeRangePickerProps = Omit<StatelessDatePickerProps, 'value' | 'overrides' | 'onChange' | 'isOpen' | 'onFocus' | 'onBlur' | 'range' | 'formatDisplayValue' | 'disableTimezoneSwitch'> & {
     /**
      * @deprecated Please prevent passing preset to value. Instead, pass it in the prop `preset`.
      *   This will be removed in future major releases.
@@ -70,9 +69,10 @@ export declare type TimeRangePickerProps = Omit<StatelessDatePickerProps, 'value
     startOpen?: boolean;
     disableTimezone?: boolean;
     displayVariant?: SizeVariant;
+    hidePresetSearch?: boolean;
     formatDisplayValue?: (date: Date | undefined | null | Array<Date | undefined | null>, formatString: string, options: FormatSummaryValueOptions) => string;
 };
-export declare type RangeSelectorContainerProps = Omit<TimeRangePickerProps, 'onFocus' | 'onBlur' | 'timeRangePresets' | 'onSubmit' | 'formatDisplayValue' | 'onClear' | 'timezone'> & {
+export type RangeSelectorContainerProps = Omit<TimeRangePickerProps, 'onFocus' | 'onBlur' | 'timeRangePresets' | 'onSubmit' | 'formatDisplayValue' | 'onClear' | 'timezone'> & {
     timeRangePresets: TimeRangePreset[];
     onSubmit: ({ timeRange, preset, timezone }: {
         timeRange: Date[];
@@ -84,8 +84,17 @@ export declare type RangeSelectorContainerProps = Omit<TimeRangePickerProps, 'on
     timezone: string;
     formatString: FormatString;
 };
-export declare type RangeSelectorProps = Omit<RangeSelectorContainerProps, 'onSubmit' | 'onClose' | 'onChage' | 'formatDate' | 'formatDisplayValue'> & {
+export type RangeSelectorProps = Omit<RangeSelectorContainerProps, 'onSubmit' | 'onClose' | 'onChage' | 'formatDate' | 'formatDisplayValue'> & {
     timeRange?: Date[];
     onChange: ({ date, preset }: any) => void;
     preset: string | undefined;
+    footerContent?: React.ReactNode;
+};
+export type TimeRangePickerOverrides = DatepickerOverrides<Record<string, any>> & {
+    TimeRangeList?: Override<TimeRangeListProps & Record<string, any>>;
+    Header?: Override<Record<string, any>>;
+    HeaderBeforeEnhancer?: Override<Record<string, any>>;
+    FooterBeforeEnhancer?: Override<Record<string, any>>;
+    Calendar?: Override<Record<string, any>>;
+    RangeSelector?: Override<RangeSelectorProps>;
 };

package/time-range-picker/utils.d.ts

@@ -1,12 +1,12 @@
 import DateHelpers from '../baseui/datepicker/utils/date-helpers';
 import { Locale } from '../locale';
 import type { FormatSummaryValueOptions, TimeRangePreset } from './types';
+import { Timezone } from '../time-zone-picker/types';
 export declare const getSelectedTimeRange: (selectedTimeRange: string | undefined, timeRangeOptions: Array<TimeRangePreset>) => TimeRangePreset | undefined;
-export declare const getSystemTzName: () => string;
 /**
-  @param date: Date object or epoch in source timezone
-  @param srcTz: source timezone
-  @param targetTz: target timezone
+ @param date: Date object or epoch in source timezone
+ @param srcTz: source timezone
+ @param targetTz: target timezone
   This function is used to convert the time from one timezone to another timezone.
   Example use-case of this function
   Lets say you want to find out what time it will be in New York when it is 6th Nov, 2022 00:00 in Los Angeles.
@@ -14,31 +14,38 @@ export declare const getSystemTzName: () => string;
   convertDateFromSrcTzToTargetTz(new Date('6 Nov 2022, 00:00'), "America/Los_Angeles", "America/New_York")
   this function will return 6 Nov 2022, 2:00 because generally NY is 3 hours ahead of LA but at 2:00AM NY will switch to DST
   and hence it will be not 3:00AM but 2:00AM.
-*/
+ */
 export declare const convertDateFromSrcTzToTargetTz: (date: Date | number, srcTz?: string, targetTz?: string) => number;
 /**
  * @param date Date object or epoch representing the date in particular timezone
  * @param timezone timezone of the date
+ * @param timezoneOptions when provided and timezone matches an option id, uses offset-based conversion (no IANA/date-fns-tz calls)
  * @returns epoch of the same time in system timezone
  * Use case:
  * Lets say user selects 6 Nov 2022, 00:00 from Time range picker and selects New York timezone.
  * Now we want to find out what that time represents in our system timezone(Los Angeles) which in given case is 5 Nov 2022, 21:00
  */
-export declare const convertDateFromTargetTzToSystemTz: (date: Date | number, timezone?: string) => number;
+export declare const convertDateFromTargetTzToSystemTz: (date: Date | number, timezone?: string, timezoneOptions?: Timezone[]) => number;
 /**
  * @param date date in system timezone
  * @param timezone timezone in which you want to convert this date to
- * @returns date in that timezone
+ * @param timezoneOptions when provided and timezone matches an option id, uses offset-based conversion (no IANA/date-fns-tz calls)
+ * @returns epoch of the same moment (date in that timezone)
  * Use case:
  * User will come back with 5 Nov 2022, 21:00 but has selected new york timezone so we want to find out
  * what time it will be in new york when it is 5 Nov 2022, 21:00 in system timezone(Los Angeles), which is
  * 6 Nov 2022, 00:00
  */
-export declare const convertDateFromSystemTzToTargetTz: (date: Date | number, timezone?: string) => number;
+export declare const convertDateFromSystemTzToTargetTz: (date: Date | number, timezone?: string, timezoneOptions?: Timezone[]) => number;
 /**
  * returns milliseconds offset from timezone name
+ * return negative value for timezones ahead utc
+ * return postive value for timezones behind utc
+ *  ex - "CEST+02:00" is -120
+ *
+ * When timezoneOptions is provided and timezone matches an option id, uses option.offset directly (no external lookup).
  */
-export declare const getTzOffset: (timezone: string, date?: number | Date | undefined) => number;
+export declare const getTzOffset: (timezone: string, date?: Date | number, timezoneOptions?: Timezone[]) => number;
 /**
  * @deprecated use convertDateFromTargetTzToSystemTz function to make sure you account for DST cases too
  * convert epoch from one timezone to another
@@ -50,9 +57,10 @@ export declare const switchEpochTimezone: (date: Date | number, tzFrom?: string,
  * Now in Asia/Kolkata timezone today implies 19th Feb. But for Asia/Kabul which is one hour behind Asia/Kolkata Today still implies 18th Feb.
  * So, this function will subtract that offset of 1 hour from current date so new time 11:30PM, with this time we can get correct value
  * of today, this week, etc preset.
+ * When timezoneOptions is provided and timezone matches an option id, uses offset-based conversion (no IANA/date-fns-tz calls).
  */
-export declare const getDateForGivenTimezone: (timezone?: string | undefined) => Date;
-export declare const getDefaultTimeRangePresets: (locale: Locale) => TimeRangePreset[];
+export declare const getDateForGivenTimezone: (timezone?: string, timezoneOptions?: Timezone[]) => Date;
+export declare const getDefaultTimeRangePresets: (locale: Locale, timezoneOptions?: Timezone[]) => TimeRangePreset[];
 export declare const formatSummaryValue: ({ date, presetId, presetLabel, timezone, formatString, showFullDateInSummary, showTimezoneInSummary, adapter, locale, hidePresetLabel, displayVariant, }: FormatSummaryValueOptions) => string;
 export declare const getRangeError: ({ maxDate, minDate, dateHelpers, timeRange, locale, preset, }: {
     minDate?: Date | null | undefined;
@@ -65,3 +73,18 @@ export declare const getRangeError: ({ maxDate, minDate, dateHelpers, timeRange,
     hasError: boolean;
     errMsg?: string;
 };
+export declare const getValidRange: ({ range, minDate, maxDate, dateHelpers, }: {
+    minDate?: Date | null | undefined;
+    maxDate?: Date | null | undefined;
+    range: [Date, Date] | [];
+    dateHelpers: DateHelpers<Date>;
+}) => [Date, Date] | [];
+export declare const getMinMaxDateInTimezone: ({ minDate: _minDate, maxDate: _maxDate, timezone, timezoneOptions, }: {
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    timezone?: string | undefined;
+    timezoneOptions?: Timezone[] | undefined;
+}) => {
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+};