react-timezone-select 2.1.0 → 2.1.1

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 });
@@ -131,16 +157,17 @@ function useTimezoneSelect({
 }) {
   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));
@@ -165,7 +192,7 @@ function useTimezoneSelect({
           abbrev: abbr,
           altName
         };
-      } catch {
+      } catch (e) {
         return null;
       }
     }).filter(Boolean).sort((a, b) => a.offset - b.offset);
@@ -213,15 +240,22 @@ function useTimezoneSelect({
   };
   return { options, parseTimezone };
 }
-var TimezoneSelect = ({
-  value,
-  onBlur,
-  onChange,
-  labelStyle,
-  maxAbbrLength,
-  timezones,
-  ...props
-}) => {
+var TimezoneSelect = (_a) => {
+  var _b = _a, {
+    value,
+    onBlur,
+    onChange,
+    labelStyle,
+    maxAbbrLength,
+    timezones
+  } = _b, props = __objRest(_b, [
+    "value",
+    "onBlur",
+    "onChange",
+    "labelStyle",
+    "maxAbbrLength",
+    "timezones"
+  ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
@@ -232,13 +266,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

@@ -1,23 +1,23 @@
 import { Props as Props$1 } from 'react-select';
 
-declare type ICustomTimezone = {
+type ICustomTimezone = {
     [key: string]: string;
 };
-declare type ILabelStyle = 'original' | 'altName' | 'abbrev';
-declare type ITimezoneOption = {
+type ILabelStyle = 'original' | 'altName' | 'abbrev';
+type ITimezoneOption = {
     value: string;
     label: string;
     abbrev?: string;
     altName?: string;
     offset?: number;
 };
-declare type ITimezone = ITimezoneOption | string;
-declare type TimezoneSelectOptions = {
+type ITimezone = ITimezoneOption | string;
+type TimezoneSelectOptions = {
     labelStyle?: ILabelStyle;
     timezones?: ICustomTimezone;
     maxAbbrLength?: number;
 };
-declare type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
+type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
     value: ITimezone;
     onChange?: (timezone: ITimezoneOption) => void;
 };

package/dist/index.html

@@ -0,0 +1,43 @@
+<!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/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";
@@ -96,16 +125,17 @@ function useTimezoneSelect({
 }) {
   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));
@@ -130,7 +160,7 @@ function useTimezoneSelect({
           abbrev: abbr,
           altName
         };
-      } catch {
+      } catch (e) {
         return null;
       }
     }).filter(Boolean).sort((a, b) => a.offset - b.offset);
@@ -178,15 +208,22 @@ function useTimezoneSelect({
   };
   return { options, parseTimezone };
 }
-var TimezoneSelect = ({
-  value,
-  onBlur,
-  onChange,
-  labelStyle,
-  maxAbbrLength,
-  timezones,
-  ...props
-}) => {
+var TimezoneSelect = (_a) => {
+  var _b = _a, {
+    value,
+    onBlur,
+    onChange,
+    labelStyle,
+    maxAbbrLength,
+    timezones
+  } = _b, props = __objRest(_b, [
+    "value",
+    "onBlur",
+    "onChange",
+    "labelStyle",
+    "maxAbbrLength",
+    "timezones"
+  ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
@@ -197,13 +234,12 @@ var TimezoneSelect = ({
   };
   return /* @__PURE__ */ React.createElement(
     Select,
-    {
+    __spreadValues({
       value: parseTimezone(value),
       onChange: handleChange,
       options,
-      onBlur,
-      ...props
-    }
+      onBlur
+    }, props)
   );
 };
 export {

package/dist/styles.css

@@ -0,0 +1,26 @@
+* {
+  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;
+}

package/package.json

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