39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
import type { ITimezoneOption } from "react-timezone-select";
|
|
|
|
import dayjs from "@calcom/dayjs";
|
|
|
|
import isProblematicTimezone from "./isProblematicTimezone";
|
|
|
|
export type Timezones = { label: string; timezone: string }[];
|
|
|
|
const searchTextFilter = (tzOption: Timezones[number], searchText: string) => {
|
|
return searchText && tzOption.label.toLowerCase().includes(searchText.toLowerCase());
|
|
};
|
|
|
|
export const filterBySearchText = (searchText: string, timezones: Timezones) => {
|
|
return timezones.filter((tzOption) => searchTextFilter(tzOption, searchText));
|
|
};
|
|
|
|
export const addTimezonesToDropdown = (timezones: Timezones) => {
|
|
return Object.fromEntries(
|
|
timezones
|
|
.filter(({ timezone }) => {
|
|
return timezone !== null && !isProblematicTimezone(timezone);
|
|
})
|
|
.map(({ label, timezone }) => [timezone, label])
|
|
);
|
|
};
|
|
|
|
const formatOffset = (offset: string) =>
|
|
offset.replace(/^([-+])(0)(\d):00$/, (_, sign, _zero, hour) => `${sign}${hour}:00`);
|
|
|
|
export const handleOptionLabel = (option: ITimezoneOption, timezones: Timezones) => {
|
|
const offsetUnit = option.label.split("-")[0].substring(1);
|
|
const cityName = option.label.split(") ")[1];
|
|
|
|
const timezoneValue = ` ${offsetUnit} ${formatOffset(dayjs.tz(undefined, option.value).format("Z"))}`;
|
|
return timezones.length > 0
|
|
? `${cityName}${timezoneValue}`
|
|
: `${option.value.replace(/_/g, " ")}${timezoneValue}`;
|
|
};
|