react-timezone-select 3.1.0 → 3.2.1

package/README.md

@@ -130,6 +130,7 @@ The above example will generate two additional choices in the select options, on
 - `labelStyle` - `'original' | 'altName' | 'abbrev' | 'offsetHidden'`
 - `displayValue` - `'GMT' | 'UTC'`
 - `timezones` - `Record<string,string>`
+- `currentDatetime` - `Date | string` - Set datetime used to calculate timezone values (alternative to current datetime) 
 ```
 timezones={{
   ...allTimezones,

package/dist/index.d.ts

@@ -18,6 +18,7 @@ type TimezoneSelectOptions = {
     labelStyle?: ILabelStyle;
     displayValue?: IDisplayValue;
     timezones?: ICustomTimezone;
+    currentDatetime?: Date | string;
 };
 type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions & {
     value: ITimezone;
@@ -26,10 +27,10 @@ type Props = Omit<Props$1<ITimezone, false>, 'onChange'> & TimezoneSelectOptions
 
 declare const allTimezones: ICustomTimezone;
 
-declare function useTimezoneSelect({ timezones, labelStyle, displayValue, }: TimezoneSelectOptions): {
+declare function useTimezoneSelect({ timezones, labelStyle, displayValue, currentDatetime, }: TimezoneSelectOptions): {
     parseTimezone: (zone: ITimezone) => ITimezoneOption;
     options: ITimezoneOption[];
 };
-declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, ...props }: Props) => react_jsx_runtime_js.JSX.Element;
+declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, currentDatetime, ...props }: Props) => react_jsx_runtime_js.JSX.Element;
 
 export { ILabelStyle, ITimezone, ITimezoneOption, Props, TimezoneSelectOptions, allTimezones, TimezoneSelect as default, useTimezoneSelect };

package/dist/index.js

@@ -119,16 +119,18 @@ var timezone_list_default = allTimezones;
 
 // src/index.tsx
 import { jsx } from "react/jsx-runtime";
+"use client";
 function useTimezoneSelect({
   timezones = timezone_list_default,
   labelStyle = "original",
-  displayValue = "GMT"
+  displayValue = "GMT",
+  currentDatetime
 }) {
   const options = useMemo(() => {
     return Object.entries(timezones).map((zone) => {
       var _a, _b, _c, _d;
       try {
-        const now = spacetime.now(zone[0]);
+        const now = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto(zone[0]);
         const isDstString = now.isDST() ? "daylight" : "standard";
         const tz = now.timezone();
         const tzStrings = soft(zone[0]);
@@ -169,23 +171,17 @@ function useTimezoneSelect({
   const findFuzzyTz = (zone) => {
     let currentTime;
     try {
-      currentTime = spacetime.now(zone);
+      currentTime = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto(zone);
     } catch (err) {
-      currentTime = spacetime.now("GMT");
+      currentTime = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto("GMT");
     }
-    return options.filter(
-      (tz) => tz.offset === currentTime.timezone().current.offset
-    ).map((tz) => {
+    return options.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) {
+        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) {
+        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("/")))) {
@@ -216,19 +212,22 @@ var TimezoneSelect = (_a) => {
     onChange,
     labelStyle,
     displayValue,
-    timezones
+    timezones,
+    currentDatetime
   } = _b, props = __objRest(_b, [
     "value",
     "onBlur",
     "onChange",
     "labelStyle",
     "displayValue",
-    "timezones"
+    "timezones",
+    "currentDatetime"
   ]);
   const { options, parseTimezone } = useTimezoneSelect({
     timezones,
     labelStyle,
-    displayValue
+    displayValue,
+    currentDatetime
   });
   const handleChange = (tz) => {
     onChange && onChange(tz);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timezone-select",
-  "version": "3.1.0",
+  "version": "3.2.1",
   "description": "Usable, dynamic React Timezone Select",
   "scripts": {
     "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",
@@ -101,8 +101,7 @@
   },
   "prettier": {
     "semi": false,
-    "singleQuote": true,
-    "maxLineLength": 100
+    "printWidth": 100
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"