react-timezone-select 2.1.0 → 2.1.2

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

@@ -2,8 +2,34 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -79,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",
@@ -127,24 +153,26 @@ var timezone_list_default = allTimezones;
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
+  displayValue = "GMT",
   maxAbbrLength = 4
 }) {
   const options = React.useMemo(() => {
     return Object.entries(timezones).map((zone) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       try {
         const now = import_spacetime.default.now(zone[0]);
         const tz = now.timezone();
         const tzStrings = (0, import_timezone_soft.default)(zone[0]);
         let label = "";
-        const standardAbbr = tzStrings?.[0]?.standard?.abbr ?? "";
-        const dstAbbr = tzStrings?.[0]?.daylight?.abbr ?? standardAbbr;
+        const standardAbbr = (_c = (_b = (_a = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _a.standard) == null ? void 0 : _b.abbr) != null ? _c : "";
+        const dstAbbr = (_f = (_e = (_d = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _d.daylight) == null ? void 0 : _e.abbr) != null ? _f : standardAbbr;
         let abbr = now.isDST() ? dstAbbr : standardAbbr;
-        const standardAltName = tzStrings?.[0]?.standard?.name ?? "";
-        const dstAltName = tzStrings?.[0]?.daylight?.name ?? standardAltName;
+        const standardAltName = (_i = (_h = (_g = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _g.standard) == null ? void 0 : _h.name) != null ? _i : "";
+        const dstAltName = (_l = (_k = (_j = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _j.daylight) == null ? void 0 : _k.name) != null ? _l : standardAltName;
         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;
@@ -165,7 +193,7 @@ function useTimezoneSelect({
           abbrev: abbr,
           altName
         };
-      } catch {
+      } catch (e) {
         return null;
       }
     }).filter(Boolean).sort((a, b) => a.offset - b.offset);
@@ -213,18 +241,28 @@ function useTimezoneSelect({
   };
   return { options, parseTimezone };
 }
-var TimezoneSelect = ({
-  value,
-  onBlur,
-  onChange,
-  labelStyle,
-  maxAbbrLength,
-  timezones,
-  ...props
-}) => {
+var TimezoneSelect = (_a) => {
+  var _b = _a, {
+    value,
+    onBlur,
+    onChange,
+    labelStyle,
+    displayValue,
+    maxAbbrLength,
+    timezones
+  } = _b, props = __objRest(_b, [
+    "value",
+    "onBlur",
+    "onChange",
+    "labelStyle",
+    "displayValue",
+    "maxAbbrLength",
+    "timezones"
+  ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
+    displayValue,
     maxAbbrLength
   });
   const handleChange = (tz) => {
@@ -232,13 +270,12 @@ var TimezoneSelect = ({
   };
   return /* @__PURE__ */ React.createElement(
     import_react_select.default,
-    {
+    __spreadValues({
       value: parseTimezone(value),
       onChange: handleChange,
       options,
-      onBlur,
-      ...props
-    }
+      onBlur
+    }, props)
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.d.ts

@@ -4,6 +4,7 @@ declare type ICustomTimezone = {
     [key: string]: string;
 };
 declare type ILabelStyle = 'original' | 'altName' | 'abbrev';
+declare type IDisplayValue = 'GMT' | 'UTC';
 declare type ITimezoneOption = {
     value: string;
     label: string;
@@ -14,6 +15,7 @@ declare type ITimezoneOption = {
 declare type ITimezone = ITimezoneOption | string;
 declare type TimezoneSelectOptions = {
     labelStyle?: ILabelStyle;
+    displayValue?: IDisplayValue;
     timezones?: ICustomTimezone;
     maxAbbrLength?: number;
 };
@@ -24,10 +26,10 @@ declare type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelec
 
 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

@@ -1,3 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
 // src/index.tsx
 import * as React from "react";
 import Select from "react-select";
@@ -44,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",
@@ -92,24 +121,26 @@ var timezone_list_default = allTimezones;
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
+  displayValue = "GMT",
   maxAbbrLength = 4
 }) {
   const options = React.useMemo(() => {
     return Object.entries(timezones).map((zone) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       try {
         const now = spacetime.now(zone[0]);
         const tz = now.timezone();
         const tzStrings = soft(zone[0]);
         let label = "";
-        const standardAbbr = tzStrings?.[0]?.standard?.abbr ?? "";
-        const dstAbbr = tzStrings?.[0]?.daylight?.abbr ?? standardAbbr;
+        const standardAbbr = (_c = (_b = (_a = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _a.standard) == null ? void 0 : _b.abbr) != null ? _c : "";
+        const dstAbbr = (_f = (_e = (_d = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _d.daylight) == null ? void 0 : _e.abbr) != null ? _f : standardAbbr;
         let abbr = now.isDST() ? dstAbbr : standardAbbr;
-        const standardAltName = tzStrings?.[0]?.standard?.name ?? "";
-        const dstAltName = tzStrings?.[0]?.daylight?.name ?? standardAltName;
+        const standardAltName = (_i = (_h = (_g = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _g.standard) == null ? void 0 : _h.name) != null ? _i : "";
+        const dstAltName = (_l = (_k = (_j = tzStrings == null ? void 0 : tzStrings[0]) == null ? void 0 : _j.daylight) == null ? void 0 : _k.name) != null ? _l : standardAltName;
         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;
@@ -130,7 +161,7 @@ function useTimezoneSelect({
           abbrev: abbr,
           altName
         };
-      } catch {
+      } catch (e) {
         return null;
       }
     }).filter(Boolean).sort((a, b) => a.offset - b.offset);
@@ -178,18 +209,28 @@ function useTimezoneSelect({
   };
   return { options, parseTimezone };
 }
-var TimezoneSelect = ({
-  value,
-  onBlur,
-  onChange,
-  labelStyle,
-  maxAbbrLength,
-  timezones,
-  ...props
-}) => {
+var TimezoneSelect = (_a) => {
+  var _b = _a, {
+    value,
+    onBlur,
+    onChange,
+    labelStyle,
+    displayValue,
+    maxAbbrLength,
+    timezones
+  } = _b, props = __objRest(_b, [
+    "value",
+    "onBlur",
+    "onChange",
+    "labelStyle",
+    "displayValue",
+    "maxAbbrLength",
+    "timezones"
+  ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
+    displayValue,
     maxAbbrLength
   });
   const handleChange = (tz) => {
@@ -197,13 +238,12 @@ var TimezoneSelect = ({
   };
   return /* @__PURE__ */ React.createElement(
     Select,
-    {
+    __spreadValues({
       value: parseTimezone(value),
       onChange: handleChange,
       options,
-      onBlur,
-      ...props
-    }
+      onBlur
+    }, props)
   );
 };
 export {

package/package.json

@@ -1,20 +1,7 @@
 {
   "name": "react-timezone-select",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Usable, dynamic React Timezone Select",
-  "scripts": {
-    "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",
-    "prepublishOnly": "pnpm run build",
-    "postpublish": "pnpm run build:example && npm run deploy",
-    "build": "tsup src/index.tsx --format cjs,esm --dts",
-    "build:example": "cd example && pnpm run build",
-    "deploy": "gh-pages -d example/dist",
-    "pretest": "pnpm run build",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:ci": "pnpm run build && jest --ci ",
-    "tsc": "tsc"
-  },
   "author": "Nico Domino <yo@ndo.dev>",
   "homepage": "https://github.com/ndom91/react-timezone-select",
   "repository": {
@@ -114,5 +101,16 @@
     "*.{js,jsx}": [
       "eslint --fix"
     ]
+  },
+  "scripts": {
+    "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",
+    "build": "tsup src/index.tsx --format cjs,esm --dts",
+    "build:example": "cd example && pnpm run build",
+    "deploy": "gh-pages -d example/dist",
+    "pretest": "pnpm run build",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:ci": "pnpm run build && jest --ci ",
+    "tsc": "tsc"
   }
-}
+}