react-timezone-select 3.2.7 → 3.3.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime_js from 'react/jsx-runtime.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props as Props$1 } from 'react-select';
 
 type ICustomTimezone = {
@@ -12,6 +12,7 @@ type ITimezoneOption = {
     abbrev?: string;
     altName?: string;
     offset?: number;
+    searchTerms?: string;
 };
 type ITimezone = ITimezoneOption | string;
 type TimezoneSelectOptions = {
@@ -20,7 +21,7 @@ type TimezoneSelectOptions = {
     timezones?: ICustomTimezone;
     currentDatetime?: Date | string;
 };
-type Props = Omit<Props$1<ITimezone, false>, "onChange"> & TimezoneSelectOptions & {
+type Props = Omit<Props$1<ITimezone>, "onChange"> & TimezoneSelectOptions & {
     value: ITimezone;
     onChange?: (timezone: ITimezoneOption) => void;
 };
@@ -30,7 +31,12 @@ declare const allTimezones: ICustomTimezone;
 declare function useTimezoneSelect({ timezones, labelStyle, displayValue, currentDatetime, }: TimezoneSelectOptions): {
     parseTimezone: (zone: ITimezone) => ITimezoneOption;
     options: ITimezoneOption[];
+    filterOption: (option: {
+        label: string;
+        value: string;
+        data: ITimezone;
+    }, inputValue: string) => boolean;
 };
-declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, currentDatetime, ...props }: Props) => react_jsx_runtime_js.JSX.Element;
+declare const TimezoneSelect: ({ value, onBlur, onChange, labelStyle, displayValue, timezones, currentDatetime, ...props }: Props) => react_jsx_runtime.JSX.Element;
 
 export { type ILabelStyle, type ITimezone, type ITimezoneOption, type Props, type TimezoneSelectOptions, allTimezones, TimezoneSelect as default, useTimezoneSelect };

package/dist/index.js

@@ -1,6 +1,7 @@
 "use client"
-
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -16,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -127,7 +129,7 @@ function useTimezoneSelect({
   displayValue = "GMT",
   currentDatetime
 }) {
-  const options = useMemo(() => {
+  const allOptions = useMemo(() => {
     return Object.entries(timezones).map((zone) => {
       var _a, _b, _c, _d;
       try {
@@ -169,6 +171,19 @@ function useTimezoneSelect({
       }
     }).filter(Boolean).sort((a, b) => a.offset - b.offset);
   }, [labelStyle, timezones, currentDatetime]);
+  const options = useMemo(() => {
+    return allOptions.filter(
+      (item, idx, arr) => arr.findIndex((t) => t.offset === item.offset) === idx
+    ).map((item) => __spreadProps(__spreadValues({}, item), {
+      searchTerms: allOptions.filter((t) => t.offset === item.offset).map((t) => t.label).join(" ")
+    }));
+  }, [allOptions]);
+  const filterOption = (option, inputValue) => {
+    var _a, _b, _c;
+    const data = option.data;
+    const term = inputValue.toLowerCase();
+    return ((_a = data.label) == null ? void 0 : _a.toLowerCase().includes(term)) || ((_c = (_b = data.searchTerms) == null ? void 0 : _b.toLowerCase().includes(term)) != null ? _c : false);
+  };
   const findFuzzyTz = (zone) => {
     var _a, _b;
     let currentTime;
@@ -177,7 +192,7 @@ function useTimezoneSelect({
     } catch (err) {
       currentTime = (currentDatetime ? spacetime(currentDatetime) : spacetime.now()).goto("GMT");
     }
-    return (_b = (_a = options.filter((tz) => tz.offset === currentTime.timezone().current.offset).map((tz) => {
+    return (_b = (_a = allOptions.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) {
@@ -201,14 +216,14 @@ function useTimezoneSelect({
   }
   const parseTimezone = (zone) => {
     if (typeof zone === "string") {
-      return options.find((tz) => tz.value === zone) || zone.indexOf("/") !== -1 && findFuzzyTz(zone);
+      return allOptions.find((tz) => tz.value === zone) || zone.indexOf("/") !== -1 && findFuzzyTz(zone);
     } else if (isObject(zone) && !zone.label) {
-      return options.find((tz) => tz.value === zone.value);
+      return allOptions.find((tz) => tz.value === zone.value);
     } else {
       return zone;
     }
   };
-  return { options, parseTimezone };
+  return { options, parseTimezone, filterOption };
 }
 var TimezoneSelect = (_a) => {
   var _b = _a, {
@@ -228,14 +243,16 @@ var TimezoneSelect = (_a) => {
     "timezones",
     "currentDatetime"
   ]);
-  const { options, parseTimezone } = useTimezoneSelect({
+  const { options, parseTimezone, filterOption } = useTimezoneSelect({
     timezones,
     labelStyle,
     displayValue,
     currentDatetime
   });
   const handleChange = (tz) => {
-    onChange && onChange(tz);
+    if (!onChange) return;
+    const _a2 = tz, { searchTerms: _ } = _a2, rest = __objRest(_a2, ["searchTerms"]);
+    onChange(rest);
   };
   return /* @__PURE__ */ jsx(
     Select,
@@ -243,6 +260,7 @@ var TimezoneSelect = (_a) => {
       value: parseTimezone(value),
       onChange: handleChange,
       options,
+      filterOption,
       onBlur
     }, props)
   );

package/package.json

@@ -1,7 +1,24 @@
 {
   "name": "react-timezone-select",
-  "version": "3.2.7",
+  "version": "3.3.1",
   "description": "Usable, dynamic React Timezone Select",
+  "scripts": {
+    "dev": "concurrently \"tsup --watch\" \"cd example && pnpm dev\"",
+    "prepublishOnly": "pnpm run build",
+    "postpublish": "pnpm run build:example && npm run deploy",
+    "build": "tsup",
+    "build:example": "cd example && pnpm run build",
+    "deploy": "gh-pages -d example/dist",
+    "pretest": "pnpm run build",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "test:ci": "pnpm run build && pnpm test",
+    "tsc": "tsc",
+    "lint": "biome lint",
+    "lint:fix": "biome lint --fix",
+    "format": "biome check",
+    "format:fix": "biome check --write"
+  },
   "author": "Nico Domino <yo@ndo.dev>",
   "homepage": "https://github.com/ndom91/react-timezone-select",
   "repository": {
@@ -12,16 +29,8 @@
     "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",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -32,81 +41,33 @@
     }
   },
   "peerDependencies": {
-    "react": "^16 || ^17.0.1 || ^18 || ^19.0.0-0",
-    "react-dom": "^16 || ^17.0.1 || ^18 || ^19.0.0-0",
+    "react": "^16 || ^17.0.1 || ^18 || ^19",
+    "react-dom": "^16 || ^17.0.1 || ^18 || ^19",
     "react-select": "^5.8.0"
   },
   "dependencies": {
-    "spacetime": "^7.6.0",
+    "spacetime": "^7.12.0",
     "timezone-soft": "^1.5.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.9",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/testing-library__jest-dom": "^5.14.9",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "concurrently": "^8.2.2",
-    "esbuild": "^0.23.0",
-    "esbuild-jest": "^0.5.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "5.2.1",
-    "gh-pages": "^6.1.1",
-    "jest-environment-jsdom": "^29.7.0",
-    "prettier": "^3.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "simple-git-hooks": "^2.11.1",
-    "ts-jest": "^29.2.3",
-    "tsup": "^8.2.2",
-    "typescript": "^5.5.4",
-    "vite": "^5.3.4",
-    "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^2.0.4"
-  },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaVersion": "latest",
-      "sourceType": "module"
-    },
-    "extends": [
-      "eslint:recommended",
-      "plugin:@typescript-eslint/recommended",
-      "plugin:prettier/recommended"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "root": true
-  },
-  "prettier": {
-    "semi": false,
-    "printWidth": 100
+    "@biomejs/biome": "^1.9.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^20.19.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "concurrently": "^9.2.1",
+    "esbuild": "^0.27.3",
+    "gh-pages": "^6.3.0",
+    "jsdom": "^26.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.1.1",
+    "vitest": "^4.0.18"
   },
-  "simple-git-hooks": {
-    "pre-commit": "npx lint-staged"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix"
-    ]
-  },
-  "scripts": {
-    "dev": "concurrently \"tsup src/index.tsx --format esm --watch\" \"cd example && pnpm dev\"",
-    "build": "tsup src/index.tsx --format esm --clean --dts && sed -i '1i \"use client\"\\n' dist/index.js",
-    "build:example": "cd example && pnpm run build",
-    "deploy": "gh-pages -d example/dist",
-    "pretest": "pnpm run build",
-    "test": "vitest",
-    "test:watch": "vitest --watch",
-    "test:ci": "pnpm run build && pnpm test",
-    "tsc": "tsc"
-  }
-}
+  "packageManager": "pnpm@9.0.6+sha256.0624e30eff866cdeb363b15061bdb7fd9425b17bc1bb42c22f5f4efdea21f6b3"
+}