calendarkit-prov2 2.0.1 → 2.0.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React15 from 'react';
-import React15__default, { useState, useRef, useEffect, useCallback, useId, useMemo, useLayoutEffect } from 'react';
+import React15__default, { useState, useEffect, useRef, useCallback, useId, useMemo, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { useDraggable, useSensors, useSensor, PointerSensor, DndContext, DragOverlay, useDroppable } from '@dnd-kit/core';
 import { createSnapModifier, restrictToWindowEdges } from '@dnd-kit/modifiers';
@@ -9,6 +9,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Menu, Plus, ChevronLeft, ChevronRight, Globe, ChevronDown, Sun, Moon, CalendarCheck2, CalendarDays, CalendarRange, Calendar, ListTodo, MoreHorizontal, LayoutGrid, X, Clock, Users, Paperclip, Bell, Edit3, Copy, Trash2, Edit2, MapPin, ExternalLink, AlignLeft, File, Download, BellRing, Check, Repeat, Tag } from 'lucide-react';
+import { sv as sv$1, pl as pl$1, nl as nl$1, ru as ru$1, ko as ko$1, ja as ja$1, zhCN, ar as ar$1, pt as pt$1, it as it$1, es as es$1, de as de$1, fr as fr$1, enUS, tr as tr$1 } from 'date-fns/locale';
 import { toZonedTime, fromZonedTime } from 'date-fns-tz';
 import { CSS } from '@dnd-kit/utilities';
 import { RRule } from 'rrule';
@@ -57,8 +58,6 @@ var Button = React15.forwardRef(
   }
 );
 Button.displayName = "Button";
-
-// src/locales/index.ts
 var LANGUAGE_META = {
   tr: { native: "T\xFCrk\xE7e", english: "Turkish", flag: "\u{1F1F9}\u{1F1F7}" },
   en: { native: "English", english: "English", flag: "\u{1F1EC}\u{1F1E7}" },
@@ -161,6 +160,8 @@ var tr = {
   eventsCount: "etkinlik",
   timezone: "Zaman Dilimi",
   localTime: "Yerel Saat",
+  operations: "\u0130\u015Flemler",
+  reverseTimeLabel: "Saat Y\xF6n\xFC",
   search: "Etkinlik ara...",
   allTypes: "T\xFCm T\xFCrler",
   noTitle: "(Ba\u015Fl\u0131ks\u0131z)",
@@ -252,6 +253,8 @@ var en = {
   eventsCount: "events",
   timezone: "Time zone",
   localTime: "Local Time",
+  operations: "Operations",
+  reverseTimeLabel: "Time Direction",
   search: "Search events...",
   allTypes: "All Types",
   noTitle: "(No title)",
@@ -343,6 +346,8 @@ var fr = {
   eventsCount: "\xE9v\xE9nements",
   timezone: "Fuseau horaire",
   localTime: "Heure locale",
+  operations: "Op\xE9rations",
+  reverseTimeLabel: "Direction du temps",
   search: "Rechercher des \xE9v\xE9nements...",
   allTypes: "Tous les types",
   noTitle: "(Sans titre)",
@@ -434,6 +439,8 @@ var de = {
   eventsCount: "Termine",
   timezone: "Zeitzone",
   localTime: "Ortszeit",
+  operations: "Aktionen",
+  reverseTimeLabel: "Zeitrichtung",
   search: "Termine suchen...",
   allTypes: "Alle Typen",
   noTitle: "(Kein Titel)",
@@ -525,6 +532,8 @@ var es = {
   eventsCount: "eventos",
   timezone: "Zona horaria",
   localTime: "Hora local",
+  operations: "Operaciones",
+  reverseTimeLabel: "Direcci\xF3n del tiempo",
   search: "Buscar eventos...",
   allTypes: "Todos los tipos",
   noTitle: "(Sin t\xEDtulo)",
@@ -616,6 +625,8 @@ var it = {
   eventsCount: "eventi",
   timezone: "Fuso orario",
   localTime: "Ora locale",
+  operations: "Operazioni",
+  reverseTimeLabel: "Direzione del tempo",
   search: "Cerca eventi...",
   allTypes: "Tutti i tipi",
   noTitle: "(Senza titolo)",
@@ -707,6 +718,8 @@ var pt = {
   eventsCount: "eventos",
   timezone: "Fuso hor\xE1rio",
   localTime: "Hora local",
+  operations: "Opera\xE7\xF5es",
+  reverseTimeLabel: "Dire\xE7\xE3o do tempo",
   search: "Buscar eventos...",
   allTypes: "Todos os tipos",
   noTitle: "(Sem t\xEDtulo)",
@@ -798,6 +811,8 @@ var ar = {
   eventsCount: "\u0623\u062D\u062F\u0627\u062B",
   timezone: "\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0632\u0645\u0646\u064A\u0629",
   localTime: "\u0627\u0644\u062A\u0648\u0642\u064A\u062A \u0627\u0644\u0645\u062D\u0644\u064A",
+  operations: "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A",
+  reverseTimeLabel: "\u0627\u062A\u062C\u0627\u0647 \u0627\u0644\u0648\u0642\u062A",
   search: "\u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0623\u062D\u062F\u0627\u062B...",
   allTypes: "\u062C\u0645\u064A\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639",
   noTitle: "(\u0628\u062F\u0648\u0646 \u0639\u0646\u0648\u0627\u0646)",
@@ -889,6 +904,8 @@ var zh = {
   eventsCount: "\u4E2A\u6D3B\u52A8",
   timezone: "\u65F6\u533A",
   localTime: "\u672C\u5730\u65F6\u95F4",
+  operations: "\u64CD\u4F5C",
+  reverseTimeLabel: "\u65F6\u95F4\u65B9\u5411",
   search: "\u641C\u7D22\u6D3B\u52A8...",
   allTypes: "\u6240\u6709\u7C7B\u578B",
   noTitle: "\uFF08\u65E0\u6807\u9898\uFF09",
@@ -980,6 +997,8 @@ var ja = {
   eventsCount: "\u4EF6\u306E\u30A4\u30D9\u30F3\u30C8",
   timezone: "\u30BF\u30A4\u30E0\u30BE\u30FC\u30F3",
   localTime: "\u30ED\u30FC\u30AB\u30EB\u6642\u9593",
+  operations: "\u64CD\u4F5C",
+  reverseTimeLabel: "\u6642\u9593\u306E\u65B9\u5411",
   search: "\u30A4\u30D9\u30F3\u30C8\u3092\u691C\u7D22...",
   allTypes: "\u3059\u3079\u3066\u306E\u30BF\u30A4\u30D7",
   noTitle: "\uFF08\u30BF\u30A4\u30C8\u30EB\u306A\u3057\uFF09",
@@ -1071,6 +1090,8 @@ var ko = {
   eventsCount: "\uAC1C \uC77C\uC815",
   timezone: "\uC2DC\uAC04\uB300",
   localTime: "\uB85C\uCEEC \uC2DC\uAC04",
+  operations: "\uC791\uC5C5",
+  reverseTimeLabel: "\uC2DC\uAC04 \uBC29\uD5A5",
   search: "\uC77C\uC815 \uAC80\uC0C9...",
   allTypes: "\uBAA8\uB4E0 \uC720\uD615",
   noTitle: "(\uC81C\uBAA9 \uC5C6\uC74C)",
@@ -1162,6 +1183,8 @@ var ru = {
   eventsCount: "\u0441\u043E\u0431\u044B\u0442\u0438\u0439",
   timezone: "\u0427\u0430\u0441\u043E\u0432\u043E\u0439 \u043F\u043E\u044F\u0441",
   localTime: "\u041C\u0435\u0441\u0442\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F",
+  operations: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438",
+  reverseTimeLabel: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438",
   search: "\u041F\u043E\u0438\u0441\u043A \u0441\u043E\u0431\u044B\u0442\u0438\u0439...",
   allTypes: "\u0412\u0441\u0435 \u0442\u0438\u043F\u044B",
   noTitle: "(\u0411\u0435\u0437 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430)",
@@ -1253,6 +1276,8 @@ var nl = {
   eventsCount: "evenementen",
   timezone: "Tijdzone",
   localTime: "Lokale tijd",
+  operations: "Bewerkingen",
+  reverseTimeLabel: "Tijdrichting",
   search: "Evenementen zoeken...",
   allTypes: "Alle typen",
   noTitle: "(Geen titel)",
@@ -1344,6 +1369,8 @@ var pl = {
   eventsCount: "wydarze\u0144",
   timezone: "Strefa czasowa",
   localTime: "Czas lokalny",
+  operations: "Operacje",
+  reverseTimeLabel: "Kierunek czasu",
   search: "Szukaj wydarze\u0144...",
   allTypes: "Wszystkie typy",
   noTitle: "(Bez tytu\u0142u)",
@@ -1435,6 +1462,8 @@ var sv = {
   eventsCount: "h\xE4ndelser",
   timezone: "Tidszon",
   localTime: "Lokal tid",
+  operations: "\xC5tg\xE4rder",
+  reverseTimeLabel: "Tidsriktning",
   search: "S\xF6k h\xE4ndelser...",
   allTypes: "Alla typer",
   noTitle: "(Ingen titel)",
@@ -1458,6 +1487,23 @@ var LOCALES = {
   pl,
   sv
 };
+var DATE_FNS_LOCALES = {
+  tr: tr$1,
+  en: enUS,
+  fr: fr$1,
+  de: de$1,
+  es: es$1,
+  it: it$1,
+  pt: pt$1,
+  ar: ar$1,
+  zh: zhCN,
+  ja: ja$1,
+  ko: ko$1,
+  ru: ru$1,
+  nl: nl$1,
+  pl: pl$1,
+  sv: sv$1
+};
 function getTranslations(language = "tr", overrides = {}) {
   return { ...LOCALES[language], ...overrides };
 }
@@ -1756,14 +1802,22 @@ var MiniCalendar = ({
   currentDate,
   onDateChange,
   onViewChange,
-  className
+  className,
+  locale
 }) => {
   const [viewDate, setViewDate] = React15__default.useState(currentDate);
   React15__default.useEffect(() => {
     setViewDate(currentDate);
   }, [currentDate]);
   const days = React15__default.useMemo(() => getMonthGrid(viewDate), [viewDate]);
-  const weekDays = ["S", "M", "T", "W", "T", "F", "S"];
+  const weekDays = React15__default.useMemo(() => {
+    const base = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (_, i) => {
+      const d = new Date(base);
+      d.setDate(base.getDate() + i);
+      return format(d, "EEEEE", { locale });
+    });
+  }, [locale]);
   const handlePrev = () => {
     const newDate = subMonths(viewDate, 1);
     setViewDate(newDate);
@@ -1780,7 +1834,7 @@ var MiniCalendar = ({
     onDateChange(day);
     if (onViewChange) onViewChange("day");
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format(viewDate, "MMMM yyyy")), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React15__default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1841,7 +1895,8 @@ var Sidebar = ({
   onReverseTimeChange,
   customViews,
   activeCustomViewId,
-  onCustomViewChange
+  onCustomViewChange,
+  locale
 }) => {
   const [calendarsOpen, setCalendarsOpen] = useState(true);
   const [timezoneOpen, setTimezoneOpen] = useState(false);
@@ -1869,7 +1924,7 @@ var Sidebar = ({
     }
   };
   const timezones = [
-    { value: "", label: "Local Time", acronym: "LOC" },
+    { value: "", label: translations?.localTime ?? "Local Time", acronym: "LOC" },
     { value: "UTC", label: "UTC", acronym: "UTC" },
     { value: "America/New_York", label: "New York", acronym: "EST" },
     { value: "America/Chicago", label: "Chicago", acronym: "CST" },
@@ -1919,8 +1974,8 @@ var Sidebar = ({
       onClick: () => setMenusExpanded(true)
     },
     /* @__PURE__ */ React15__default.createElement(LayoutGrid, { className: "w-4 h-4" }),
-    /* @__PURE__ */ React15__default.createElement("span", null, "\u0130\u015Flemler")
-  ), menusExpanded && /* @__PURE__ */ React15__default.createElement("div", { className: "animate-in fade-in slide-in-from-top-2 duration-200" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-2 px-1" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "\u0130\u015Flemler"), /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15__default.createElement("span", null, translations?.operations ?? "\u0130\u015Flemler")
+  ), menusExpanded && /* @__PURE__ */ React15__default.createElement("div", { className: "animate-in fade-in slide-in-from-top-2 duration-200" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-2 px-1" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, translations?.operations ?? "\u0130\u015Flemler"), /* @__PURE__ */ React15__default.createElement(
     "button",
     {
       onClick: () => setMenusExpanded(false),
@@ -1940,7 +1995,7 @@ var Sidebar = ({
       )
     },
     /* @__PURE__ */ React15__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React15__default.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React15__default.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React15__default.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React15__default.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" })),
-    /* @__PURE__ */ React15__default.createElement("span", null, "Takvim"),
+    /* @__PURE__ */ React15__default.createElement("span", null, translations?.calendar ?? "Takvim"),
     activeCustomMenu === null && /* @__PURE__ */ React15__default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary" })
   ), sidebarMenus?.map((item) => /* @__PURE__ */ React15__default.createElement(
     "button",
@@ -1977,7 +2032,7 @@ var Sidebar = ({
         reverseTime ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted/30 border-border/50 text-muted-foreground hover:border-primary/30 hover:text-foreground"
       )
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React15__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React15__default.createElement("line", { x1: "12", y1: "19", x2: "12", y2: "5" }), /* @__PURE__ */ React15__default.createElement("polyline", { points: "5 12 12 5 19 12" }), /* @__PURE__ */ React15__default.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19", className: "opacity-40" }), /* @__PURE__ */ React15__default.createElement("polyline", { points: "5 12 12 19 19 12", className: "opacity-40" })), /* @__PURE__ */ React15__default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs font-semibold leading-tight" }, "Saat Y\xF6n\xFC"), /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] leading-tight opacity-70 mt-0.5" }, reverseTime ? "23:00 \u2192 00:00" : "00:00 \u2192 23:00"))),
+    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React15__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React15__default.createElement("line", { x1: "12", y1: "19", x2: "12", y2: "5" }), /* @__PURE__ */ React15__default.createElement("polyline", { points: "5 12 12 5 19 12" }), /* @__PURE__ */ React15__default.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19", className: "opacity-40" }), /* @__PURE__ */ React15__default.createElement("polyline", { points: "5 12 12 19 19 12", className: "opacity-40" })), /* @__PURE__ */ React15__default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs font-semibold leading-tight" }, translations?.reverseTimeLabel ?? "Saat Y\xF6n\xFC"), /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] leading-tight opacity-70 mt-0.5" }, reverseTime ? "23:00 \u2192 00:00" : "00:00 \u2192 23:00"))),
     /* @__PURE__ */ React15__default.createElement("div", { className: cn(
       "relative w-9 h-5 rounded-full transition-colors duration-200 shrink-0",
       reverseTime ? "bg-primary" : "bg-border"
@@ -1988,7 +2043,7 @@ var Sidebar = ({
   )), renderMiniCalendar ? (
     // Custom mini-calendar: receives the same props as the built-in one
     renderMiniCalendar({ currentDate, onDateChange, onViewChange })
-  ) : /* @__PURE__ */ React15__default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React15__default.createElement(
+  ) : /* @__PURE__ */ React15__default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React15__default.createElement(
     "div",
     {
       className: "flex items-center justify-between cursor-pointer hover:bg-accent/50 p-2 -m-1 rounded-xl mb-2 transition-all duration-200",
@@ -4141,7 +4196,21 @@ var Scheduler = ({
 }) => {
   const [activeCustomMenu, setActiveCustomMenu] = useState(null);
   const [activeCustomViewId, setActiveCustomViewId] = useState(null);
-  const [reverseTime, setReverseTime] = useState(reverseTimeProp);
+  const REVERSE_TIME_KEY = "calendarkit:reverseTime";
+  const [reverseTime, setReverseTime] = useState(() => {
+    try {
+      const stored = localStorage.getItem(REVERSE_TIME_KEY);
+      return stored !== null ? stored === "true" : reverseTimeProp;
+    } catch {
+      return reverseTimeProp;
+    }
+  });
+  useEffect(() => {
+    try {
+      localStorage.setItem(REVERSE_TIME_KEY, String(reverseTime));
+    } catch {
+    }
+  }, [reverseTime]);
   const [activeDragEvent, setActiveDragEvent] = useState(null);
   const schedulerRef = useRef(null);
   const [fabCssVars, setFabCssVars] = useState({});
@@ -4396,6 +4465,7 @@ var Scheduler = ({
             onCalendarToggle,
             translations: t,
             renderMiniCalendar,
+            locale,
             sidebarMenus,
             activeCustomMenu,
             onCustomMenuChange: (id2) => {
@@ -4449,6 +4519,7 @@ var Scheduler = ({
               onCalendarToggle,
               translations: t,
               renderMiniCalendar,
+              locale,
               sidebarMenus,
               activeCustomMenu,
               onCustomMenuChange: (id2) => {
@@ -4697,6 +4768,6 @@ var Scheduler = ({
 };
 var ProScheduler = Scheduler;
 
-export { LANGUAGE_META, LOCALES, ProScheduler, Scheduler, cn, getTranslations };
+export { DATE_FNS_LOCALES, LANGUAGE_META, LOCALES, ProScheduler, Scheduler, cn, getTranslations };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map