@kelvininc/ui-components
Version:
Kelvin UI Components
334 lines (331 loc) • 11.1 kB
JavaScript
import { n as EUnitReference, m as ERelativeTimeComparisonConfig } from './p-DBphUUgi.js';
const TIME_RANGE_UPDATE_INTERVAL = 10000;
const CUSTOMIZE_INTERVAL_KEY = 'customize-interval';
const CUSTOMIZE_INTERVAL_LABEL = 'Custom Interval';
const TIMEZONES_PLACEHOLDER = 'Select a timezone';
const TIMEZONES_SEARCH_PLACEHOLDER = 'Search for a timezone';
const DEFAULT_TIMEZONE_GROUP_NAME = 'system-timezone';
const DEFAULT_TIMEZONE_GROUP_LABEL = 'System Timezone - Default';
const OTHER_TIMEZONES_GROUP_NAME = 'other-timezones';
const OTHER_TIMEZONES_GROUP_LABEL = 'Other Timezones';
const DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS = [
[
{
label: 'Today',
value: 'today',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: 0,
unit: 'day',
unitReference: EUnitReference.StartOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM',
separator: 'until',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Yesterday',
value: 'yesterday',
comparisonConfig: ERelativeTimeComparisonConfig.AbsoluteAmountOfUnits,
startDate: {
amount: -1,
unit: 'days',
unitReference: EUnitReference.StartOfUnit
},
endDate: {
amount: -1,
unit: 'days',
unitReference: EUnitReference.EndOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM'
}
}
],
[
{
label: 'Last 24 hours',
value: 'last-24-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -24,
unit: 'hours'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
},
{
label: 'Last 48 hours',
value: 'last-48-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -48,
unit: 'hours'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
},
{
label: 'Last 7 days',
value: 'last-7-d',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -7,
unit: 'days'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM',
separator: 'to',
endDateFormatter: 'D MMM'
}
},
{
label: 'Last 30 days',
value: 'last-30-d',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -30,
unit: 'days'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM',
separator: 'to',
endDateFormatter: 'D MMM'
}
},
{
label: 'Last 90 days',
value: 'last-90-d',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -90,
unit: 'days'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM',
separator: 'to',
endDateFormatter: 'D MMM'
}
},
{
label: 'Last 6 months',
value: 'last-6-m',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -6,
unit: 'months'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM',
separator: 'to',
endDateFormatter: 'D MMM'
}
}
],
[
{
label: 'Last 5 minutes',
value: 'last-5-m',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -5,
unit: 'minutes'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 15 minutes',
value: 'last-15-m',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -15,
unit: 'minutes'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 30 minutes',
value: 'last-30-m',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -30,
unit: 'minutes'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 1 hour',
value: 'last-1-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -1,
unit: 'hour'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 3 hours',
value: 'last-3-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -3,
unit: 'hours'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 6 hours',
value: 'last-6-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -6,
unit: 'hours'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
},
{
label: 'Last 12 hours',
value: 'last-12-h',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -12,
unit: 'hours'
},
labelRangeFormatter: {
startDateFormatter: 'HH:mm',
separator: 'to',
endDateFormatter: 'HH:mm'
}
}
],
[
{
label: 'Last 365 days',
value: 'last-365-d',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -365,
unit: 'days'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM YYYY',
separator: 'to',
endDateFormatter: 'D MMM YYYY'
}
},
{
label: 'Last 2 years',
value: 'last-2-y',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: -2,
unit: 'years'
},
labelRangeFormatter: {
startDateFormatter: 'D MMM YYYY',
separator: 'to',
endDateFormatter: 'D MMM YYYY'
}
}
],
[
{
label: 'This week so far',
value: 'this-week-so-far',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: 0,
unit: 'week',
unitReference: EUnitReference.StartOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
},
{
label: 'This month so far',
value: 'this-month-so-far',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: 0,
unit: 'month',
unitReference: EUnitReference.StartOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
},
{
label: 'This quarter so far',
value: 'this-quarter-so-far',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: 0,
unit: 'quarter',
unitReference: EUnitReference.StartOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
},
{
label: 'This year so far',
value: 'this-year-so-far',
comparisonConfig: ERelativeTimeComparisonConfig.RelativeAmountOfUnits,
startDate: {
amount: 0,
unit: 'year',
unitReference: EUnitReference.StartOfUnit
},
labelRangeFormatter: {
startDateFormatter: 'D MMM HH:mm',
separator: 'to',
endDateFormatter: 'D MMM HH:mm'
}
}
]
];
const BOTTOM_OPTIONS_HEIGHT = 41;
const SELECT_OPTION_HEIGHT = 32;
const GROUP_GAP = 12; //spacing-3x
const MAX_HEIGHT = 347;
const PADDING_SIZE = 16; //spacing-4x
export { BOTTOM_OPTIONS_HEIGHT as B, CUSTOMIZE_INTERVAL_KEY as C, DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS as D, GROUP_GAP as G, MAX_HEIGHT as M, OTHER_TIMEZONES_GROUP_NAME as O, PADDING_SIZE as P, SELECT_OPTION_HEIGHT as S, TIME_RANGE_UPDATE_INTERVAL as T, OTHER_TIMEZONES_GROUP_LABEL as a, DEFAULT_TIMEZONE_GROUP_NAME as b, DEFAULT_TIMEZONE_GROUP_LABEL as c, CUSTOMIZE_INTERVAL_LABEL as d, TIMEZONES_SEARCH_PLACEHOLDER as e, TIMEZONES_PLACEHOLDER as f };