react-timezone-select 2.1.1 → 2.1.4

package/README.md

@@ -126,6 +126,7 @@ The above example will generate two additional choices in the select options, on
 - `onBlur` - `() => void`
 - `onChange` - `(timezone) => void`
 - `labelStyle` - `'original' | 'altName' | 'abbrev'`
+- `displayValue` - `'GMT' | 'UTC'`
 - `timezones` - `Record<string,string>`
 ```
 timezones={{

package/dist/index.cjs

@@ -105,10 +105,10 @@ var allTimezones = {
   "Europe/Bucharest": "Bucharest",
   "Africa/Cairo": "Cairo",
   "Europe/Helsinki": "Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius",
-  "Europe/Athens": "Athens, Minsk",
+  "Europe/Athens": "Athens",
   "Asia/Jerusalem": "Jerusalem",
   "Africa/Harare": "Harare, Pretoria",
-  "Europe/Moscow": "Istanbul, Moscow, St. Petersburg, Volgograd",
+  "Europe/Moscow": "Istanbul, Minsk, Moscow, St. Petersburg, Volgograd",
   "Asia/Kuwait": "Kuwait, Riyadh",
   "Africa/Nairobi": "Nairobi",
   "Asia/Baghdad": "Baghdad",
@@ -153,6 +153,7 @@ var timezone_list_default = allTimezones;
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
+  displayValue = "GMT",
   maxAbbrLength = 4
 }) {
   const options = React.useMemo(() => {
@@ -171,7 +172,7 @@ function useTimezoneSelect({
         let altName = now.isDST() ? dstAltName : standardAltName;
         const min = tz.current.offset * 60;
         const hr = `${min / 60 ^ 0}:` + (min % 60 === 0 ? "00" : Math.abs(min % 60));
-        const prefix = `(GMT${hr.includes("-") ? hr : `+${hr}`}) ${zone[1]}`;
+        const prefix = `(${displayValue}${hr.includes("-") ? hr : `+${hr}`}) ${zone[1]}`;
         switch (labelStyle) {
           case "original":
             label = prefix;
@@ -246,6 +247,7 @@ var TimezoneSelect = (_a) => {
     onBlur,
     onChange,
     labelStyle,
+    displayValue,
     maxAbbrLength,
     timezones
   } = _b, props = __objRest(_b, [
@@ -253,12 +255,14 @@ var TimezoneSelect = (_a) => {
     "onBlur",
     "onChange",
     "labelStyle",
+    "displayValue",
     "maxAbbrLength",
     "timezones"
   ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
+    displayValue,
     maxAbbrLength
   });
   const handleChange = (tz) => {

package/dist/index.d.ts

@@ -1,33 +1,35 @@
 import { Props as Props$1 } from 'react-select';
 
-type ICustomTimezone = {
+declare type ICustomTimezone = {
     [key: string]: string;
 };
-type ILabelStyle = 'original' | 'altName' | 'abbrev';
-type ITimezoneOption = {
+declare type ILabelStyle = 'original' | 'altName' | 'abbrev';
+declare type IDisplayValue = 'GMT' | 'UTC';
+declare type ITimezoneOption = {
     value: string;
     label: string;
     abbrev?: string;
     altName?: string;
     offset?: number;
 };
-type ITimezone = ITimezoneOption | string;
-type TimezoneSelectOptions = {
+declare type ITimezone = ITimezoneOption | string;
+declare type TimezoneSelectOptions = {
     labelStyle?: ILabelStyle;
+    displayValue?: IDisplayValue;
     timezones?: ICustomTimezone;
     maxAbbrLength?: number;
 };
-type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
+declare type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
     value: ITimezone;
-    onChange?: (timezone: ITimezoneOption) => void;
+    onChange?: (timezone: ITimezone) => void;
 };
 
 declare const allTimezones: ICustomTimezone;
 
-declare function useTimezoneSelect({ timezones, labelStyle, maxAbbrLength, }: TimezoneSelectOptions): {
+declare function useTimezoneSelect({ timezones, labelStyle, displayValue, maxAbbrLength, }: TimezoneSelectOptions): {
     parseTimezone: (zone: ITimezone) => ITimezoneOption;
     options: ITimezoneOption[];
 };
-declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, maxAbbrLength, timezones, ...props }: Props) => JSX.Element;
+declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, maxAbbrLength, timezones, ...props }: Props) => JSX.Element;
 
 export { ILabelStyle, ITimezone, ITimezoneOption, Props, TimezoneSelectOptions, allTimezones, TimezoneSelect as default, useTimezoneSelect };

package/dist/index.js

@@ -73,10 +73,10 @@ var allTimezones = {
   "Europe/Bucharest": "Bucharest",
   "Africa/Cairo": "Cairo",
   "Europe/Helsinki": "Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius",
-  "Europe/Athens": "Athens, Minsk",
+  "Europe/Athens": "Athens",
   "Asia/Jerusalem": "Jerusalem",
   "Africa/Harare": "Harare, Pretoria",
-  "Europe/Moscow": "Istanbul, Moscow, St. Petersburg, Volgograd",
+  "Europe/Moscow": "Istanbul, Minsk, Moscow, St. Petersburg, Volgograd",
   "Asia/Kuwait": "Kuwait, Riyadh",
   "Africa/Nairobi": "Nairobi",
   "Asia/Baghdad": "Baghdad",
@@ -121,6 +121,7 @@ var timezone_list_default = allTimezones;
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
+  displayValue = "GMT",
   maxAbbrLength = 4
 }) {
   const options = React.useMemo(() => {
@@ -139,7 +140,7 @@ function useTimezoneSelect({
         let altName = now.isDST() ? dstAltName : standardAltName;
         const min = tz.current.offset * 60;
         const hr = `${min / 60 ^ 0}:` + (min % 60 === 0 ? "00" : Math.abs(min % 60));
-        const prefix = `(GMT${hr.includes("-") ? hr : `+${hr}`}) ${zone[1]}`;
+        const prefix = `(${displayValue}${hr.includes("-") ? hr : `+${hr}`}) ${zone[1]}`;
         switch (labelStyle) {
           case "original":
             label = prefix;
@@ -214,6 +215,7 @@ var TimezoneSelect = (_a) => {
     onBlur,
     onChange,
     labelStyle,
+    displayValue,
     maxAbbrLength,
     timezones
   } = _b, props = __objRest(_b, [
@@ -221,12 +223,14 @@ var TimezoneSelect = (_a) => {
     "onBlur",
     "onChange",
     "labelStyle",
+    "displayValue",
     "maxAbbrLength",
     "timezones"
   ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
+    displayValue,
     maxAbbrLength
   });
   const handleChange = (tz) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timezone-select",
-  "version": "2.1.1",
+  "version": "2.1.4",
   "description": "Usable, dynamic React Timezone Select",
   "scripts": {
     "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",

package/dist/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-	<meta name="theme-color" content="#000000">
-	<!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-	<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-	<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-	<!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-	<title>React App</title>
-</head>
-
-<body>
-	<noscript>
-		You need to enable JavaScript to run this app.
-	</noscript>
-	<div id="root"></div>
-	<!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-</body>
-
-</html>

package/dist/styles.css

@@ -1,26 +0,0 @@
-* {
-  font-family: Helvetica;
-}
-
-.App {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-
-.select-wrapper {
-  margin-top: 50px;
-  width: 500px;
-}
-
-.code, 
-.code span {
-  background-color: #efefef;
-  font-family: monospace;
-}
-
-.code {
-  padding: 10px;
-  line-height: 2;
-  font-size: 1.4rem;
-}