react-timezone-range-picker 0.1.0 → 0.1.2

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-timezone-range-picker",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "React UI components for building timezone-aware date and time range pickers, powered by Mantine and designed for flexibility.",
   "author": "Vaibhav Dangra vaibhav1180@gmail.com>",
   "license": "MIT",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
     "**/*.css"
@@ -13,9 +13,11 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist",
@@ -23,9 +25,9 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "vite build && tsc -p tsconfig.build.json",
     "prepublishOnly": "pnpm build",
-    "dev": "tsup --watch",
+    "dev": "vite build --watch",
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "eslint src --ext .ts,.tsx"
@@ -33,8 +35,8 @@
   "peerDependencies": {
     "@mantine/core": "^8.3.1",
     "@mantine/dates": "^8.3.1",
-    "@mantine/hooks": "^8.3.1",
     "@mantine/form": "^8.3.4",
+    "@mantine/hooks": "^8.3.1",
     "dayjs": "^1.11.18",
     "react": ">=18",
     "react-dom": ">=18"
@@ -60,7 +62,6 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "jsdom": "^27.0.0",
     "react-use": "^17.6.0",
-    "tsup": "^8.5.0",
     "typescript": "^5.9.2",
     "vite": "^7.1.5",
     "vitest": "^3.2.4"

package/dist/index.css

@@ -1,80 +0,0 @@
-/* src/TimezonePanel/components/TimezoneList/index.module.css */
-.row {
-  padding: 0.4rem;
-}
-.row-dark {
-  cursor: pointer;
-  &:hover {
-    background-color: #3a3a3a;
-  }
-}
-.row-light {
-  cursor: pointer;
-  &:hover {
-    background-color: #f3f4f6;
-  }
-}
-.row-selected-dark {
-  background-color: #5a5a5a;
-  font-weight: 600;
-  &:hover {
-    background-color: #5a5a5a;
-  }
-}
-.row-selected-light {
-  background-color: #f3f4f6;
-  font-weight: 600;
-  &:hover {
-    background-color: #f3f4f6;
-  }
-}
-
-/* src/TimezonePanel/index.module.css */
-.timezone-panel-container {
-  height: 100%;
-}
-.list-container {
-  overflow-y: auto;
-  height: inherit;
-  margin-top: 0.5rem;
-}
-
-/* src/styles/index.module.css */
-.form-container {
-  display: flex;
-  flex: 2;
-  flex-direction: column;
-  justify-content: space-between;
-  height: 100%;
-}
-
-/* src/Sidebar/index.module.css */
-.sidebar-container {
-  border-right: 1px solid #ddd;
-}
-.sidebar-row {
-  cursor: pointer;
-  & > div > svg {
-    margin-right: 0.5rem;
-  }
-}
-
-/* src/RelativeTimePanel/index.module.css */
-.relative-time-panel-container {
-  height: calc(100% - 120px - 36px);
-  overflow-y: auto;
-}
-.time-row {
-  cursor: pointer;
-}
-.time-row-dark {
-  &:hover {
-    background-color: #3a3a3a;
-  }
-}
-.time-row-light {
-  &:hover {
-    background-color: #f3f4f6;
-  }
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/TimezonePanel/components/TimezoneList/index.module.css","../src/TimezonePanel/index.module.css","../src/styles/index.module.css","../src/Sidebar/index.module.css","../src/RelativeTimePanel/index.module.css"],"sourcesContent":[".row {\n  padding: 0.4rem;\n}\n\n.row-dark {\n  cursor: pointer;\n  &:hover {\n    background-color: #3a3a3a;\n  }\n}\n\n.row-light {\n  cursor: pointer;\n  &:hover {\n    background-color: #f3f4f6;\n  }\n}\n\n.row-selected-dark {\n  background-color: #5a5a5a;\n  font-weight: 600;\n  &:hover {\n    background-color: #5a5a5a;\n  }\n}\n\n.row-selected-light {\n  background-color: #f3f4f6;\n  font-weight: 600;\n  &:hover {\n    background-color: #f3f4f6;\n  }\n}\n",".timezone-panel-container {\n  height: 100%;\n}\n\n.list-container {\n  overflow-y: auto;\n  height: inherit;\n  margin-top: 0.5rem;\n}\n",".form-container {\n  display: flex;\n  flex: 2;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n}\n",".sidebar-container {\n  border-right: 1px solid #ddd;\n}\n\n.sidebar-row {\n  cursor: pointer;\n\n  & > div > svg {\n    margin-right: 0.5rem;\n  }\n}\n",".relative-time-panel-container {\n  height: calc(100% - 120px - 36px);\n  overflow-y: auto;\n}\n\n.time-row {\n  cursor: pointer;\n}\n\n.time-row-dark {\n  &:hover {\n    background-color: #3a3a3a;\n  }\n}\n\n.time-row-light {\n  &:hover {\n    background-color: #f3f4f6;\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,GAAC;AACC,sBAAkB;AACpB;AACF;AAEA,CAAC;AACC,UAAQ;AACR,GAAC;AACC,sBAAkB;AACpB;AACF;AAEA,CAAC;AACC,oBAAkB;AAClB,eAAa;AACb,GAAC;AACC,sBAAkB;AACpB;AACF;AAEA,CAAC;AACC,oBAAkB;AAClB,eAAa;AACb,GAAC;AACC,sBAAkB;AACpB;AACF;;;AChCA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,cAAY;AACd;;;ACRA,CAAC;AACC,WAAS;AACT,QAAM;AACN,kBAAgB;AAChB,mBAAiB;AACjB,UAAQ;AACV;;;ACNA,CAAC;AACC,gBAAc,IAAI,MAAM;AAC1B;AAEA,CAAC;AACC,UAAQ;AAER,IAAE,EAAE,IAAI,EAAE;AACR,kBAAc;AAChB;AACF;;;ACVA,CAAC;AACC,UAAQ,KAAK,KAAK,EAAE,MAAM,EAAE;AAC5B,cAAY;AACd;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,GAAC;AACC,sBAAkB;AACpB;AACF;AAEA,CAAC;AACC,GAAC;AACC,sBAAkB;AACpB;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,36 +0,0 @@
-import { FC } from 'react';
-
-interface TimezoneData {
-    name: string | null;
-    longName: string | null;
-    utcOffset: string | null;
-}
-interface OnApplyParams {
-    startDate: string | null;
-    startTime: string | null;
-    endDate: string | null;
-    endTime: string | null;
-    timezone: TimezoneData;
-}
-interface TzRange {
-    startDate: string | null;
-    startTime: string | null;
-    endDate: string | null;
-    endTime: string | null;
-    timezone: TimezoneData;
-    onApply: ({ startDate, startTime, endDate, endTime, timezone }: OnApplyParams) => void;
-}
-
-interface ITimezonePanel {
-    tzRange: TzRange;
-}
-declare const TimezonePanel: FC<ITimezonePanel>;
-
-declare enum Panel {
-    START_END_TIME = "Start and end times",
-    AROUND_TIME = "Around a time",
-    TIMEZONE = "Time zone"
-}
-declare const TimezoneRangePicker: FC<TzRange>;
-
-export { type OnApplyParams, Panel, type TimezoneData, TimezonePanel, TimezoneRangePicker, type TzRange };