react-timezone-select 1.2.3-experimental.1 → 1.2.3-experimental.10

package/dist/index.js

@@ -0,0 +1,186 @@
+// src/index.tsx
+import * as React from "react";
+import Select from "react-select";
+import spacetime from "spacetime";
+import soft from "timezone-soft";
+
+// src/timezone-list.ts
+var allTimezones = {
+  "Pacific/Midway": "Midway Island, Samoa",
+  "Pacific/Honolulu": "Hawaii",
+  "America/Juneau": "Alaska",
+  "America/Boise": "Mountain Time",
+  "America/Dawson": "Dawson, Yukon",
+  "America/Chihuahua": "Chihuahua, La Paz, Mazatlan",
+  "America/Phoenix": "Arizona",
+  "America/Chicago": "Central Time",
+  "America/Regina": "Saskatchewan",
+  "America/Mexico_City": "Guadalajara, Mexico City, Monterrey",
+  "America/Belize": "Central America",
+  "America/Detroit": "Eastern Time",
+  "America/Bogota": "Bogota, Lima, Quito",
+  "America/Caracas": "Caracas, La Paz",
+  "America/Santiago": "Santiago",
+  "America/St_Johns": "Newfoundland and Labrador",
+  "America/Sao_Paulo": "Brasilia",
+  "America/Tijuana": "Tijuana",
+  "America/Montevideo": "Montevideo",
+  "America/Argentina/Buenos_Aires": "Buenos Aires, Georgetown",
+  "America/Godthab": "Greenland",
+  "America/Los_Angeles": "Pacific Time",
+  "Atlantic/Azores": "Azores",
+  "Atlantic/Cape_Verde": "Cape Verde Islands",
+  GMT: "UTC",
+  "Europe/London": "Edinburgh, London",
+  "Europe/Dublin": "Dublin",
+  "Europe/Lisbon": "Lisbon",
+  "Africa/Casablanca": "Casablanca, Monrovia",
+  "Atlantic/Canary": "Canary Islands",
+  "Europe/Belgrade": "Belgrade, Bratislava, Budapest, Ljubljana, Prague",
+  "Europe/Sarajevo": "Sarajevo, Skopje, Warsaw, Zagreb",
+  "Europe/Brussels": "Brussels, Copenhagen, Madrid, Paris",
+  "Europe/Amsterdam": "Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna",
+  "Africa/Algiers": "West Central Africa",
+  "Europe/Bucharest": "Bucharest",
+  "Africa/Cairo": "Cairo",
+  "Europe/Helsinki": "Helsinki, Kiev, Riga, Sofia, Tallinn, Vilnius",
+  "Europe/Athens": "Athens, Minsk",
+  "Asia/Jerusalem": "Jerusalem",
+  "Africa/Harare": "Harare, Pretoria",
+  "Europe/Moscow": "Istanbul, Moscow, St. Petersburg, Volgograd",
+  "Asia/Kuwait": "Kuwait, Riyadh",
+  "Africa/Nairobi": "Nairobi",
+  "Asia/Baghdad": "Baghdad",
+  "Asia/Tehran": "Tehran",
+  "Asia/Dubai": "Abu Dhabi, Muscat",
+  "Asia/Baku": "Baku, Tbilisi, Yerevan",
+  "Asia/Kabul": "Kabul",
+  "Asia/Yekaterinburg": "Ekaterinburg",
+  "Asia/Karachi": "Islamabad, Karachi, Tashkent",
+  "Asia/Kolkata": "Chennai, Kolkata, Mumbai, New Delhi",
+  "Asia/Kathmandu": "Kathmandu",
+  "Asia/Dhaka": "Astana, Dhaka",
+  "Asia/Colombo": "Sri Jayawardenepura",
+  "Asia/Almaty": "Almaty, Novosibirsk",
+  "Asia/Rangoon": "Yangon Rangoon",
+  "Asia/Bangkok": "Bangkok, Hanoi, Jakarta",
+  "Asia/Krasnoyarsk": "Krasnoyarsk",
+  "Asia/Shanghai": "Beijing, Chongqing, Hong Kong SAR, Urumqi",
+  "Asia/Kuala_Lumpur": "Kuala Lumpur, Singapore",
+  "Asia/Taipei": "Taipei",
+  "Australia/Perth": "Perth",
+  "Asia/Irkutsk": "Irkutsk, Ulaanbaatar",
+  "Asia/Seoul": "Seoul",
+  "Asia/Tokyo": "Osaka, Sapporo, Tokyo",
+  "Asia/Yakutsk": "Yakutsk",
+  "Australia/Darwin": "Darwin",
+  "Australia/Adelaide": "Adelaide",
+  "Australia/Sydney": "Canberra, Melbourne, Sydney",
+  "Australia/Brisbane": "Brisbane",
+  "Australia/Hobart": "Hobart",
+  "Asia/Vladivostok": "Vladivostok",
+  "Pacific/Guam": "Guam, Port Moresby",
+  "Asia/Magadan": "Magadan, Solomon Islands, New Caledonia",
+  "Asia/Kamchatka": "Kamchatka, Marshall Islands",
+  "Pacific/Fiji": "Fiji Islands",
+  "Pacific/Auckland": "Auckland, Wellington",
+  "Pacific/Tongatapu": "Nuku'alofa"
+};
+var timezone_list_default = allTimezones;
+
+// src/index.tsx
+var TimezoneSelect = ({
+  value,
+  onBlur,
+  onChange,
+  labelStyle = "original",
+  timezones,
+  ...props
+}) => {
+  if (!timezones)
+    timezones = timezone_list_default;
+  const getOptions = React.useMemo(() => {
+    return Object.entries(timezones).reduce((selectOptions, zone) => {
+      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 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]}`;
+      switch (labelStyle) {
+        case "original":
+          label = prefix;
+          break;
+        case "altName":
+          label = `${prefix} ${altName?.length ? `(${altName})` : ""}`;
+          break;
+        case "abbrev":
+          label = `${prefix} ${abbr?.length < 5 ? `(${abbr})` : ""}`;
+          break;
+        default:
+          label = `${prefix}`;
+      }
+      selectOptions.push({
+        value: tz.name,
+        label,
+        offset: tz.current.offset,
+        abbrev: abbr,
+        altName
+      });
+      return selectOptions;
+    }, []).sort((a, b) => a.offset - b.offset);
+  }, [labelStyle, timezones]);
+  const handleChange = (tz) => {
+    onChange && onChange(tz);
+  };
+  const findFuzzyTz = (zone) => {
+    let currentTime = spacetime.now("GMT");
+    try {
+      currentTime = spacetime.now(zone);
+    } catch (err) {
+      return;
+    }
+    return getOptions.filter((tz) => tz.offset === currentTime.timezone().current.offset).map((tz) => {
+      let score = 0;
+      if (currentTime.timezones[tz.value.toLowerCase()] && !!currentTime.timezones[tz.value.toLowerCase()].dst === currentTime.timezone().hasDst) {
+        if (tz.value.toLowerCase().indexOf(currentTime.tz.substring(currentTime.tz.indexOf("/") + 1)) !== -1) {
+          score += 8;
+        }
+        if (tz.label.toLowerCase().indexOf(currentTime.tz.substring(currentTime.tz.indexOf("/") + 1)) !== -1) {
+          score += 4;
+        }
+        if (tz.value.toLowerCase().indexOf(currentTime.tz.substring(0, currentTime.tz.indexOf("/")))) {
+          score += 2;
+        }
+        score += 1;
+      } else if (tz.value === "GMT") {
+        score += 1;
+      }
+      return { tz, score };
+    }).sort((a, b) => b.score - a.score).map(({ tz }) => tz)[0];
+  };
+  const parseTimezone = (zone) => {
+    if (typeof zone === "object" && zone.value && zone.label)
+      return zone;
+    if (typeof zone === "string") {
+      return getOptions.find((tz) => tz.value === zone) || zone.indexOf("/") !== -1 && findFuzzyTz(zone);
+    } else if (zone.value && !zone.label) {
+      return getOptions.find((tz) => tz.value === zone.value);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Select, {
+    value: parseTimezone(value),
+    onChange: handleChange,
+    options: getOptions,
+    onBlur,
+    ...props
+  });
+};
+var src_default = TimezoneSelect;
+export {
+  timezone_list_default as allTimezones,
+  src_default as default
+};

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "react-timezone-select",
-  "version": "1.2.3-experimental.1",
+  "version": "1.2.3-experimental.10",
   "description": "Usable, dynamic React Timezone Select",
   "scripts": {
     "start": "concurrently npm:start:example npm:build",
     "start:example": "cd example && npm start",
     "prepublish": "npm run build",
     "postpublish": "npm run build:example && npm run deploy",
+    "build2": "tsc",
     "build": "node build.cjs",
     "build:example": "cd example && npm run build",
     "deploy": "gh-pages -d example/build",
@@ -26,25 +27,12 @@
     "url": "https://github.com/ndom91/react-timezone-select/issues"
   },
   "license": "MIT",
-  "keywords": [
-    "react",
-    "timezone",
-    "select",
-    "react-select"
-  ],
-  "files": [
-    "dist/**/*",
-    "package.json"
-  ],
+  "keywords": ["react", "timezone", "select", "react-select"],
+  "files": ["dist/**/*", "package.json"],
   "type": "module",
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
-  },
   "peerDependencies": {
     "react": "^17.0.1 || ^16",
     "react-dom": "^17.0.1 || ^16"