react-timezone-select 1.5.6 → 2.0.1

package/README.md

@@ -23,7 +23,7 @@ We also have some **more examples** available on Codesandbox using this componen
 ## 🏗️ Installing
 
 ```bash
-npm install react-timezone-select
+npm install react-select react-timezone-select
 ```
 
 ## 🔭 Usage

package/dist/index.cjs

@@ -30,7 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   allTimezones: () => timezone_list_default,
-  default: () => src_default
+  default: () => TimezoneSelect
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"), 1);
@@ -128,21 +128,23 @@ var TimezoneSelect = ({
   onBlur,
   onChange,
   labelStyle = "original",
-  timezones,
+  timezones = timezone_list_default,
   maxAbbrLength = 4,
   ...props
 }) => {
-  if (!timezones)
-    timezones = timezone_list_default;
-  const getOptions = React.useMemo(() => {
-    return Object.entries(timezones).reduce((selectOptions, zone) => {
+  const getOptions = React.useMemo(
+    () => Object.entries(timezones).reduce((selectOptions, zone) => {
       try {
         const now = import_spacetime.default.now(zone[0]);
         const tz = now.timezone();
         const tzStrings = (0, import_timezone_soft.default)(zone[0]);
         let label = "";
-        let abbr = now.isDST() ? tzStrings[0].daylight.abbr : tzStrings[0].standard.abbr;
-        let altName = now.isDST() ? tzStrings[0].daylight.name : tzStrings[0].standard.name;
+        const standardAbbr = tzStrings?.[0]?.standard?.abbr ?? "";
+        const dstAbbr = tzStrings?.[0]?.daylight?.abbr ?? standardAbbr;
+        let abbr = now.isDST() ? dstAbbr : standardAbbr;
+        const standardAltName = tzStrings?.[0]?.standard?.name ?? "";
+        const dstAltName = tzStrings?.[0]?.daylight?.name ?? 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]}`;
@@ -151,7 +153,7 @@ var TimezoneSelect = ({
             label = prefix;
             break;
           case "altName":
-            label = `${prefix} ${altName?.length ? `(${altName})` : ""}`;
+            label = `${prefix} ${altName ? `(${altName})` : ""}`;
             break;
           case "abbrev":
             label = `${prefix} (${abbr.substring(0, maxAbbrLength)})`;
@@ -170,8 +172,9 @@ var TimezoneSelect = ({
       } catch {
         return selectOptions;
       }
-    }, []).sort((a, b) => a.offset - b.offset);
-  }, [labelStyle, timezones]);
+    }, []).sort((a, b) => a.offset - b.offset),
+    [labelStyle, timezones]
+  );
   const handleChange = (tz) => {
     onChange && onChange(tz);
   };
@@ -227,7 +230,6 @@ var TimezoneSelect = ({
     }
   );
 };
-var src_default = TimezoneSelect;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   allTimezones

package/dist/index.d.ts

@@ -1,36 +1,27 @@
 import { Props as Props$1 } from 'react-select';
 
 declare type ICustomTimezone = {
-  [key: string]: string
-}
-declare type ILabelStyle = 'original' | 'altName' | 'abbrev'
+    [key: string]: string;
+};
+declare type ILabelStyle = 'original' | 'altName' | 'abbrev';
 interface ITimezoneOption {
-  value: string
-  label: string
-  offset: number
-  abbrev?: string
-  altName?: string
+    value: string;
+    label: string;
+    abbrev?: string;
+    altName?: string;
+    offset?: number;
 }
-declare type ITimezone = ITimezoneOption | string
-interface Props
-  extends Omit<Props$1<ITimezone, false>, 'onChange'> {
-  value: ITimezone
-  labelStyle?: ILabelStyle
-  onChange?: (timezone: ITimezoneOption) => void
-  timezones?: ICustomTimezone
-  maxAbbrLength?: number
+declare type ITimezone = ITimezoneOption | string;
+interface Props extends Omit<Props$1<ITimezone, false>, 'onChange'> {
+    value: ITimezone;
+    labelStyle?: ILabelStyle;
+    onChange?: (timezone: ITimezoneOption) => void;
+    timezones?: ICustomTimezone;
+    maxAbbrLength?: number;
 }
 
 declare const allTimezones: ICustomTimezone;
 
-declare const TimezoneSelect: ({
-  value,
-  onBlur,
-  onChange,
-  labelStyle,
-  timezones,
-  maxAbbrLength,
-  ...props
-}: Props) => JSX.Element
+declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, timezones, maxAbbrLength, ...props }: Props) => JSX.Element;
 
 export { ILabelStyle, ITimezone, ITimezoneOption, Props, allTimezones, TimezoneSelect as default };

package/dist/index.js

@@ -94,21 +94,23 @@ var TimezoneSelect = ({
   onBlur,
   onChange,
   labelStyle = "original",
-  timezones,
+  timezones = timezone_list_default,
   maxAbbrLength = 4,
   ...props
 }) => {
-  if (!timezones)
-    timezones = timezone_list_default;
-  const getOptions = React.useMemo(() => {
-    return Object.entries(timezones).reduce((selectOptions, zone) => {
+  const getOptions = React.useMemo(
+    () => Object.entries(timezones).reduce((selectOptions, zone) => {
       try {
         const now = spacetime.now(zone[0]);
         const tz = now.timezone();
         const tzStrings = soft(zone[0]);
         let label = "";
-        let abbr = now.isDST() ? tzStrings[0].daylight.abbr : tzStrings[0].standard.abbr;
-        let altName = now.isDST() ? tzStrings[0].daylight.name : tzStrings[0].standard.name;
+        const standardAbbr = tzStrings?.[0]?.standard?.abbr ?? "";
+        const dstAbbr = tzStrings?.[0]?.daylight?.abbr ?? standardAbbr;
+        let abbr = now.isDST() ? dstAbbr : standardAbbr;
+        const standardAltName = tzStrings?.[0]?.standard?.name ?? "";
+        const dstAltName = tzStrings?.[0]?.daylight?.name ?? 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]}`;
@@ -117,7 +119,7 @@ var TimezoneSelect = ({
             label = prefix;
             break;
           case "altName":
-            label = `${prefix} ${altName?.length ? `(${altName})` : ""}`;
+            label = `${prefix} ${altName ? `(${altName})` : ""}`;
             break;
           case "abbrev":
             label = `${prefix} (${abbr.substring(0, maxAbbrLength)})`;
@@ -136,8 +138,9 @@ var TimezoneSelect = ({
       } catch {
         return selectOptions;
       }
-    }, []).sort((a, b) => a.offset - b.offset);
-  }, [labelStyle, timezones]);
+    }, []).sort((a, b) => a.offset - b.offset),
+    [labelStyle, timezones]
+  );
   const handleChange = (tz) => {
     onChange && onChange(tz);
   };
@@ -193,8 +196,7 @@ var TimezoneSelect = ({
     }
   );
 };
-var src_default = TimezoneSelect;
 export {
   timezone_list_default as allTimezones,
-  src_default as default
+  TimezoneSelect as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timezone-select",
-  "version": "1.5.6",
+  "version": "2.0.1",
   "description": "Usable, dynamic React Timezone Select",
   "scripts": {
     "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",
@@ -48,10 +48,10 @@
   },
   "peerDependencies": {
     "react": "^18 || ^17.0.1 || ^16",
-    "react-dom": "^18 || ^17.0.1 || ^16"
+    "react-dom": "^18 || ^17.0.1 || ^16",
+    "react-select": "^5.7.0"
   },
   "dependencies": {
-    "react-select": "^5.7.0",
     "spacetime": "^7.4.1",
     "timezone-soft": "^1.4.1"
   },