mehdi-akbari-calendar 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +466 -0
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.ts +1 -4
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +447 -0
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,8 +1,14 @@
1
1
  "use strict";
2
+ var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
6
12
  var __copyProps = (to, from, except, desc) => {
7
13
  if (from && typeof from === "object" || typeof from === "function") {
8
14
  for (let key of __getOwnPropNames(from))
@@ -11,9 +17,469 @@ var __copyProps = (to, from, except, desc) => {
11
17
  }
12
18
  return to;
13
19
  };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
14
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
29
 
16
30
  // src/index.ts
17
31
  var src_exports = {};
32
+ __export(src_exports, {
33
+ PersianCalendar: () => PersianCalendar
34
+ });
18
35
  module.exports = __toCommonJS(src_exports);
36
+
37
+ // src/components/Calendar/Calendar.tsx
38
+ var import_clsx4 = __toESM(require("clsx"), 1);
39
+
40
+ // src/hooks/useCalendar.ts
41
+ var import_react = require("react");
42
+
43
+ // src/utils/dateAdapter.ts
44
+ var jdf = __toESM(require("date-fns-jalali"), 1);
45
+ var df = __toESM(require("date-fns"), 1);
46
+ var import_locale = require("date-fns-jalali/locale");
47
+ var getDateFunctions = (type) => {
48
+ const isJalali = type === "jalali";
49
+ const lib = isJalali ? jdf : df;
50
+ return {
51
+ startOfMonth: lib.startOfMonth,
52
+ endOfMonth: lib.endOfMonth,
53
+ startOfWeek: (date) => lib.startOfWeek(date, { locale: isJalali ? import_locale.faIR : void 0, weekStartsOn: isJalali ? 6 : 1 }),
54
+ endOfWeek: (date) => lib.endOfWeek(date, { locale: isJalali ? import_locale.faIR : void 0, weekStartsOn: isJalali ? 6 : 1 }),
55
+ eachDayOfInterval: lib.eachDayOfInterval,
56
+ isSameMonth: lib.isSameMonth,
57
+ isSameDay: lib.isSameDay,
58
+ format: (date, formatStr) => {
59
+ try {
60
+ return lib.format(date, formatStr, { locale: isJalali ? import_locale.faIR : void 0 });
61
+ } catch {
62
+ return "";
63
+ }
64
+ },
65
+ addMonths: lib.addMonths,
66
+ subMonths: lib.subMonths,
67
+ getYear: lib.getYear,
68
+ setYear: lib.setYear,
69
+ getMonth: lib.getMonth,
70
+ setMonth: lib.setMonth,
71
+ startOfYear: lib.startOfYear,
72
+ eachMonthOfInterval: lib.eachMonthOfInterval,
73
+ endOfYear: lib.endOfYear,
74
+ addYears: lib.addYears,
75
+ subYears: lib.subYears,
76
+ isDate: lib.isDate,
77
+ isWithinInterval: lib.isWithinInterval
78
+ };
79
+ };
80
+ var getWeekDays = (type) => {
81
+ if (type === "jalali") {
82
+ return ["\u0634", "\u06CC", "\u062F", "\u0633", "\u0686", "\u067E", "\u062C"];
83
+ } else {
84
+ return ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
85
+ }
86
+ };
87
+
88
+ // src/hooks/useCalendar.ts
89
+ var useCalendar = ({
90
+ initialDate = /* @__PURE__ */ new Date(),
91
+ minYear = 1300,
92
+ maxYear = 1405,
93
+ initialCalendarType = "jalali",
94
+ range
95
+ } = {}) => {
96
+ const [calendarType, setCalendarType] = (0, import_react.useState)(initialCalendarType);
97
+ const dateFns = (0, import_react.useMemo)(() => getDateFunctions(calendarType), [calendarType]);
98
+ const effectiveMinYear = calendarType === "gregorian" && minYear === 1300 ? 1920 : minYear;
99
+ const effectiveMaxYear = calendarType === "gregorian" && maxYear === 1405 ? 2030 : maxYear;
100
+ const [viewMode, setViewMode] = (0, import_react.useState)("day");
101
+ const [currentDate, setCurrentDate] = (0, import_react.useState)(dateFns.startOfMonth(initialDate));
102
+ const [selectedDate, setSelectedDate] = (0, import_react.useState)(initialDate);
103
+ const daysOfMonth = (0, import_react.useMemo)(() => {
104
+ if (viewMode !== "day") return [];
105
+ const monthStart = dateFns.startOfMonth(currentDate);
106
+ const monthEnd = dateFns.endOfMonth(currentDate);
107
+ const startDate = dateFns.startOfWeek(monthStart);
108
+ const endDate = dateFns.endOfWeek(monthEnd);
109
+ return dateFns.eachDayOfInterval({ start: startDate, end: endDate });
110
+ }, [currentDate, viewMode, dateFns]);
111
+ const monthsOfYear = (0, import_react.useMemo)(() => {
112
+ if (viewMode !== "month") return [];
113
+ return dateFns.eachMonthOfInterval({
114
+ start: dateFns.startOfYear(currentDate),
115
+ end: dateFns.endOfYear(currentDate)
116
+ });
117
+ }, [currentDate, viewMode, dateFns]);
118
+ const yearsOfDecade = (0, import_react.useMemo)(() => {
119
+ if (viewMode !== "year") return [];
120
+ const year = dateFns.getYear(currentDate);
121
+ const decadeStartYear = Math.floor(year / 10) * 10;
122
+ const years = [];
123
+ for (let i = 0; i < 12; i++) {
124
+ years.push(decadeStartYear + i - 1);
125
+ }
126
+ return years;
127
+ }, [currentDate, viewMode, dateFns]);
128
+ const goToNext = (0, import_react.useCallback)(() => {
129
+ if (viewMode === "day") setCurrentDate((prev) => dateFns.addMonths(prev, 1));
130
+ if (viewMode === "month") setCurrentDate((prev) => dateFns.addYears(prev, 1));
131
+ if (viewMode === "year") setCurrentDate((prev) => dateFns.addYears(prev, 10));
132
+ }, [viewMode, dateFns]);
133
+ const goToPrev = (0, import_react.useCallback)(() => {
134
+ if (viewMode === "day") setCurrentDate((prev) => dateFns.subMonths(prev, 1));
135
+ if (viewMode === "month") setCurrentDate((prev) => dateFns.subYears(prev, 1));
136
+ if (viewMode === "year") setCurrentDate((prev) => dateFns.subYears(prev, 10));
137
+ }, [viewMode, dateFns]);
138
+ const handleSelectDay = (0, import_react.useCallback)((date) => {
139
+ setSelectedDate(date);
140
+ if (!dateFns.isSameMonth(currentDate, date)) {
141
+ setCurrentDate(dateFns.startOfMonth(date));
142
+ }
143
+ }, [currentDate, dateFns]);
144
+ const handleSelectMonth = (0, import_react.useCallback)((monthIndex) => {
145
+ setCurrentDate((prev) => dateFns.setMonth(prev, monthIndex));
146
+ setViewMode("day");
147
+ }, [dateFns]);
148
+ const handleSelectYear = (0, import_react.useCallback)((year) => {
149
+ setCurrentDate((prev) => dateFns.setYear(prev, year));
150
+ setViewMode("month");
151
+ }, [dateFns]);
152
+ const handleHeaderClick = (0, import_react.useCallback)(() => {
153
+ if (viewMode === "day") setViewMode("month");
154
+ if (viewMode === "month") setViewMode("year");
155
+ }, [viewMode]);
156
+ const toggleCalendarType = (0, import_react.useCallback)(() => {
157
+ setCalendarType((prev) => prev === "jalali" ? "gregorian" : "jalali");
158
+ setViewMode("day");
159
+ }, []);
160
+ const isDateSelected = (0, import_react.useCallback)((date) => {
161
+ if (range) {
162
+ return !!(range.from && dateFns.isSameDay(date, range.from) || range.to && dateFns.isSameDay(date, range.to));
163
+ }
164
+ return selectedDate ? dateFns.isSameDay(date, selectedDate) : false;
165
+ }, [selectedDate, range, dateFns]);
166
+ const isInRange = (0, import_react.useCallback)((date) => {
167
+ if (!range?.from || !range?.to) return false;
168
+ return dateFns.isWithinInterval(date, { start: range.from, end: range.to });
169
+ }, [range, dateFns]);
170
+ const isRangeStart = (0, import_react.useCallback)((date) => {
171
+ return !!(range?.from && dateFns.isSameDay(date, range.from));
172
+ }, [range, dateFns]);
173
+ const isRangeEnd = (0, import_react.useCallback)((date) => {
174
+ return !!(range?.to && dateFns.isSameDay(date, range.to));
175
+ }, [range, dateFns]);
176
+ const headerTitle = (0, import_react.useMemo)(() => {
177
+ if (viewMode === "day") return dateFns.format(currentDate, "LLLL yyyy");
178
+ if (viewMode === "month") return dateFns.format(currentDate, "yyyy");
179
+ if (viewMode === "year") {
180
+ const start = yearsOfDecade[0];
181
+ const end = yearsOfDecade[yearsOfDecade.length - 1];
182
+ return `${end} - ${start}`;
183
+ }
184
+ return "";
185
+ }, [currentDate, viewMode, yearsOfDecade, dateFns]);
186
+ return {
187
+ viewMode,
188
+ currentDate,
189
+ selectedDate,
190
+ daysOfMonth,
191
+ monthsOfYear,
192
+ yearsOfDecade,
193
+ headerTitle,
194
+ calendarType,
195
+ weekDays: getWeekDays(calendarType),
196
+ dateFns,
197
+ toggleCalendarType,
198
+ goToNext,
199
+ goToPrev,
200
+ handleSelectDay,
201
+ handleSelectMonth,
202
+ handleSelectYear,
203
+ handleHeaderClick,
204
+ isSameMonthAsCurrent: (date) => dateFns.isSameMonth(currentDate, date),
205
+ isDateSelected,
206
+ isInRange,
207
+ isRangeStart,
208
+ isRangeEnd,
209
+ isToday: (date) => dateFns.isSameDay(date, /* @__PURE__ */ new Date()),
210
+ isCurrentMonth: (monthIndex) => dateFns.getMonth(/* @__PURE__ */ new Date()) === monthIndex && dateFns.getYear(/* @__PURE__ */ new Date()) === dateFns.getYear(currentDate),
211
+ isCurrentYear: (year) => dateFns.getYear(/* @__PURE__ */ new Date()) === year,
212
+ isYearDisabled: (year) => year > effectiveMaxYear || year < effectiveMinYear
213
+ };
214
+ };
215
+
216
+ // src/components/internal/CalendarHeader.tsx
217
+ var import_jsx_runtime = require("react/jsx-runtime");
218
+ var SunIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
219
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
220
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2v2" }),
221
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20v2" }),
222
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m4.93 4.93 1.41 1.41" }),
223
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m17.66 17.66 1.41 1.41" }),
224
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h2" }),
225
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 12h2" }),
226
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6.34 17.66-1.41 1.41" }),
227
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m19.07 4.93-1.41 1.41" })
228
+ ] });
229
+ var GlobeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
230
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
231
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
232
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
233
+ ] });
234
+ var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" }) });
235
+ var ChevronLeftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" }) });
236
+ var CalendarHeader = ({
237
+ title,
238
+ calendarType,
239
+ onToggleCalendarType,
240
+ onNext,
241
+ onPrev,
242
+ onTitleClick
243
+ }) => {
244
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "calendar-header", children: [
245
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
246
+ "button",
247
+ {
248
+ type: "button",
249
+ className: `calendar-header__toggle-btn ${calendarType}`,
250
+ onClick: onToggleCalendarType,
251
+ title: calendarType === "jalali" ? "\u062A\u063A\u06CC\u06CC\u0631 \u0628\u0647 \u062A\u0642\u0648\u06CC\u0645 \u0645\u06CC\u0644\u0627\u062F\u06CC" : "Switch to Persian Calendar",
252
+ children: calendarType === "jalali" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SunIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {})
253
+ }
254
+ ),
255
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "calendar-header__controls", children: [
256
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "calendar-header__nav-button", onClick: onPrev, "aria-label": "\u0642\u0628\u0644\u06CC", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRightIcon, {}) }),
257
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "calendar-header__title", onClick: onTitleClick, children: title }),
258
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "calendar-header__nav-button", onClick: onNext, "aria-label": "\u0628\u0639\u062F\u06CC", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeftIcon, {}) })
259
+ ] })
260
+ ] });
261
+ };
262
+
263
+ // src/components/internal/DayCell.tsx
264
+ var import_clsx = __toESM(require("clsx"), 1);
265
+ var import_jsx_runtime2 = require("react/jsx-runtime");
266
+ var DayCell = ({
267
+ date,
268
+ isCurrentMonth,
269
+ isSelected,
270
+ isToday,
271
+ isInRange = false,
272
+ isRangeStart = false,
273
+ isRangeEnd = false,
274
+ isDisabled = false,
275
+ onClick,
276
+ dateFns
277
+ }) => {
278
+ const dayNumber = dateFns.format(date, "d");
279
+ const cellClassName = (0, import_clsx.default)("day-cell", {
280
+ "day-cell--not-current-month": !isCurrentMonth,
281
+ "day-cell--is-today": isToday,
282
+ "day-cell--is-selected": isSelected,
283
+ "day-cell--is-disabled": isDisabled,
284
+ // ✅ کلاس‌های جدید
285
+ "day-cell--in-range": isInRange,
286
+ "day-cell--range-start": isRangeStart,
287
+ "day-cell--range-end": isRangeEnd
288
+ });
289
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cellClassName, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
290
+ "button",
291
+ {
292
+ type: "button",
293
+ className: "day-cell__button",
294
+ onClick: () => !isDisabled && onClick(date),
295
+ disabled: isDisabled,
296
+ children: dayNumber
297
+ }
298
+ ) });
299
+ };
300
+
301
+ // src/components/internal/MonthView.tsx
302
+ var import_jsx_runtime3 = require("react/jsx-runtime");
303
+ var MonthView = ({
304
+ daysOfMonth,
305
+ weekDays,
306
+ dateFns,
307
+ onSelectDate,
308
+ isDateSelected,
309
+ isInRange,
310
+ isRangeStart,
311
+ isRangeEnd,
312
+ isSameMonthAsCurrent,
313
+ isToday
314
+ }) => {
315
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "month-view", children: [
316
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "month-view__weekdays", children: weekDays.map((dayName) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "month-view__weekday-name", children: dayName }, dayName)) }),
317
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "month-view__days-grid", children: daysOfMonth.map((day) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
318
+ DayCell,
319
+ {
320
+ date: day,
321
+ onClick: onSelectDate,
322
+ isSelected: isDateSelected(day),
323
+ isInRange: isInRange(day),
324
+ isRangeStart: isRangeStart(day),
325
+ isRangeEnd: isRangeEnd(day),
326
+ isCurrentMonth: isSameMonthAsCurrent(day),
327
+ isToday: isToday(day),
328
+ dateFns
329
+ },
330
+ day.toISOString()
331
+ )) })
332
+ ] });
333
+ };
334
+
335
+ // src/components/internal/MonthPickerView.tsx
336
+ var import_clsx2 = __toESM(require("clsx"), 1);
337
+ var import_jsx_runtime4 = require("react/jsx-runtime");
338
+ var MonthPickerView = ({
339
+ months,
340
+ onSelectMonth,
341
+ isCurrentMonth,
342
+ dateFns
343
+ }) => {
344
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "picker-view month-picker-view", children: months.map((monthDate, index) => {
345
+ const monthClassName = (0, import_clsx2.default)("picker-item", {
346
+ "picker-item--is-current": isCurrentMonth(index)
347
+ });
348
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
349
+ "button",
350
+ {
351
+ type: "button",
352
+ className: monthClassName,
353
+ onClick: () => onSelectMonth(index),
354
+ children: dateFns.format(monthDate, "LLLL")
355
+ },
356
+ index
357
+ );
358
+ }) });
359
+ };
360
+
361
+ // src/components/internal/YearView.tsx
362
+ var import_clsx3 = __toESM(require("clsx"), 1);
363
+ var import_jsx_runtime5 = require("react/jsx-runtime");
364
+ var YearView = ({
365
+ years,
366
+ onSelectYear,
367
+ isCurrentYear,
368
+ isYearDisabled
369
+ }) => {
370
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "picker-view year-picker-view", children: years.map((year) => {
371
+ const isDisabled = isYearDisabled(year);
372
+ const yearClassName = (0, import_clsx3.default)("picker-item", {
373
+ "picker-item--is-current": isCurrentYear(year),
374
+ "picker-item--is-disabled": isDisabled
375
+ });
376
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
377
+ "button",
378
+ {
379
+ type: "button",
380
+ className: yearClassName,
381
+ onClick: () => !isDisabled && onSelectYear(year),
382
+ disabled: isDisabled,
383
+ "aria-current": isCurrentYear(year) ? "true" : void 0,
384
+ children: year
385
+ },
386
+ year
387
+ );
388
+ }) });
389
+ };
390
+
391
+ // src/components/Calendar/Calendar.tsx
392
+ var import_jsx_runtime6 = require("react/jsx-runtime");
393
+ var CheckCircleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
394
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
395
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
396
+ ] });
397
+ var PersianCalendar = ({
398
+ initialDate,
399
+ onDateSelect,
400
+ minYear,
401
+ maxYear,
402
+ range,
403
+ className
404
+ }) => {
405
+ const {
406
+ viewMode,
407
+ daysOfMonth,
408
+ monthsOfYear,
409
+ yearsOfDecade,
410
+ headerTitle,
411
+ calendarType,
412
+ weekDays,
413
+ dateFns,
414
+ toggleCalendarType,
415
+ goToNext,
416
+ goToPrev,
417
+ handleSelectDay,
418
+ handleSelectMonth,
419
+ handleSelectYear,
420
+ handleHeaderClick,
421
+ isDateSelected,
422
+ isInRange,
423
+ isRangeStart,
424
+ isRangeEnd,
425
+ isSameMonthAsCurrent,
426
+ isToday,
427
+ isCurrentMonth,
428
+ isCurrentYear,
429
+ isYearDisabled
430
+ } = useCalendar({ initialDate, minYear, maxYear, range });
431
+ const onDayClick = (date) => {
432
+ handleSelectDay(date);
433
+ if (onDateSelect) {
434
+ onDateSelect(date);
435
+ }
436
+ };
437
+ const renderView = () => {
438
+ switch (viewMode) {
439
+ case "year":
440
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(YearView, { years: yearsOfDecade, onSelectYear: handleSelectYear, isCurrentYear, isYearDisabled });
441
+ case "month":
442
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MonthPickerView, { months: monthsOfYear, onSelectMonth: handleSelectMonth, isCurrentMonth, dateFns });
443
+ case "day":
444
+ default:
445
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
446
+ MonthView,
447
+ {
448
+ daysOfMonth,
449
+ weekDays,
450
+ dateFns,
451
+ onSelectDate: onDayClick,
452
+ isDateSelected,
453
+ isInRange,
454
+ isRangeStart,
455
+ isRangeEnd,
456
+ isSameMonthAsCurrent,
457
+ isToday
458
+ }
459
+ );
460
+ }
461
+ };
462
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_clsx4.default)("prc-container", className), dir: calendarType === "jalali" ? "rtl" : "ltr", children: [
463
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
464
+ CalendarHeader,
465
+ {
466
+ title: headerTitle,
467
+ calendarType,
468
+ onToggleCalendarType: toggleCalendarType,
469
+ onNext: goToNext,
470
+ onPrev: goToPrev,
471
+ onTitleClick: handleHeaderClick
472
+ }
473
+ ),
474
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "prc-view-container", children: renderView() }),
475
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { className: "prc-footer", children: [
476
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u{1D4DF}\u{1D4F8}\u{1D500}\u{1D4EE}\u{1D4FB}\u{1D4EE}\u{1D4ED} \u{1D4EB}\u{1D502} \u{1D4DC}\u{1D4EE}\u{1D4F1}\u{1D4ED}\u{1D4F2} \u{1D4D0}\u{1D4F4}\u{1D4EB}\u{1D4EA}\u{1D4FB}\u{1D4F2}" }),
477
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckCircleIcon, {})
478
+ ] })
479
+ ] });
480
+ };
481
+ // Annotate the CommonJS export names for ESM import in node:
482
+ 0 && (module.exports = {
483
+ PersianCalendar
484
+ });
19
485
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["// src/index.ts\r\n\r\n/**\r\n * This is the main entry point for non-React functionalities and types.\r\n * It allows users to import types or utility functions without pulling in React.\r\n */\r\n\r\nexport * from \"./types\";\r\n\r\n// In the future, you could also export utility functions from here:\r\n// export * from \"./utils/dateAdapter\";"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/Calendar/Calendar.tsx","../src/hooks/useCalendar.ts","../src/utils/dateAdapter.ts","../src/components/internal/CalendarHeader.tsx","../src/components/internal/DayCell.tsx","../src/components/internal/MonthView.tsx","../src/components/internal/MonthPickerView.tsx","../src/components/internal/YearView.tsx"],"sourcesContent":["// src/index.ts\r\n\r\n// اکسپورت کردن تایپ‌ها و ابزارهای غیر React\r\nexport * from \"./types\";\r\n\r\n// ✅ اکسپورت کردن کامپوننت React از نقطه ورود اصلی\r\nexport { PersianCalendar, type PersianCalendarProps } from \"./components/Calendar/Calendar\";","\"use client\";\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { useCalendar } from '../../hooks/useCalendar';\r\nimport { CalendarHeader } from '../internal/CalendarHeader';\r\nimport { MonthView } from '../internal/MonthView';\r\nimport { MonthPickerView } from '../internal/MonthPickerView';\r\nimport { YearView } from '../internal/YearView';\r\n\r\n// ✅ مرحله ۱: ایمپورت تایپ‌های اصلی از منبع جدید و مرکزی\r\nimport type { DateRange } from '../../types';\r\n\r\n// ✅ مرحله ۲: ایمپورت تایپ‌های مخصوص هوک از خود فایل هوک\r\nimport type { UseCalendarOptions } from '../../hooks/useCalendar';\r\n\r\n// ✅ مرحله ۳: این خط حالا به درستی کار می‌کند چون DateRange از بالا ایمپورت شده است\r\nexport type { DateRange };\r\n\r\nconst CheckCircleIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"></polyline>\r\n </svg>\r\n);\r\n\r\nexport interface PersianCalendarProps extends Omit<UseCalendarOptions, 'range'> {\r\n onDateSelect?: (date: Date | null) => void;\r\n range?: DateRange;\r\n className?: string;\r\n}\r\n\r\nexport const PersianCalendar: React.FC<PersianCalendarProps> = ({ \r\n initialDate, \r\n onDateSelect,\r\n minYear,\r\n maxYear,\r\n range,\r\n className\r\n}) => {\r\n const {\r\n viewMode,\r\n daysOfMonth,\r\n monthsOfYear,\r\n yearsOfDecade,\r\n headerTitle,\r\n calendarType,\r\n weekDays,\r\n dateFns,\r\n toggleCalendarType,\r\n goToNext,\r\n goToPrev,\r\n handleSelectDay,\r\n handleSelectMonth,\r\n handleSelectYear,\r\n handleHeaderClick,\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isSameMonthAsCurrent,\r\n isToday,\r\n isCurrentMonth,\r\n isCurrentYear,\r\n isYearDisabled,\r\n } = useCalendar({ initialDate, minYear, maxYear, range });\r\n\r\n const onDayClick = (date: Date) => {\r\n handleSelectDay(date);\r\n if (onDateSelect) {\r\n onDateSelect(date);\r\n }\r\n };\r\n\r\n const renderView = () => {\r\n switch (viewMode) {\r\n case 'year':\r\n return <YearView years={yearsOfDecade} onSelectYear={handleSelectYear} isCurrentYear={isCurrentYear} isYearDisabled={isYearDisabled} />;\r\n case 'month':\r\n return <MonthPickerView months={monthsOfYear} onSelectMonth={handleSelectMonth} isCurrentMonth={isCurrentMonth} dateFns={dateFns} />;\r\n case 'day':\r\n default:\r\n return (\r\n <MonthView\r\n daysOfMonth={daysOfMonth}\r\n weekDays={weekDays}\r\n dateFns={dateFns}\r\n onSelectDate={onDayClick}\r\n isDateSelected={isDateSelected}\r\n isInRange={isInRange}\r\n isRangeStart={isRangeStart}\r\n isRangeEnd={isRangeEnd}\r\n isSameMonthAsCurrent={isSameMonthAsCurrent}\r\n isToday={isToday}\r\n />\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <div className={clsx(\"prc-container\", className)} dir={calendarType === 'jalali' ? 'rtl' : 'ltr'}>\r\n <CalendarHeader\r\n title={headerTitle}\r\n calendarType={calendarType}\r\n onToggleCalendarType={toggleCalendarType}\r\n onNext={goToNext}\r\n onPrev={goToPrev}\r\n onTitleClick={handleHeaderClick}\r\n />\r\n <div className=\"prc-view-container\">\r\n {renderView()}\r\n </div>\r\n \r\n <footer className=\"prc-footer\">\r\n <span>𝓟𝓸𝔀𝓮𝓻𝓮𝓭 𝓫𝔂 𝓜𝓮𝓱𝓭𝓲 𝓐𝓴𝓫𝓪𝓻𝓲</span>\r\n <CheckCircleIcon />\r\n </footer>\r\n </div>\r\n );\r\n};","\"use client\";\r\nimport { useState, useMemo, useCallback } from 'react';\r\n\r\n// ✅ مرحله ۱: ایمپورت توابع از dateAdapter\r\nimport { getDateFunctions, getWeekDays } from '../utils/dateAdapter';\r\n\r\n// ✅ مرحله ۲: ایمپورت تمام تایپ‌های مورد نیاز از فایل مرکزی تایپ‌ها\r\nimport type { CalendarViewMode, DateRange, CalendarType } from '../types';\r\n\r\n// ⛔️ تعریف‌های محلی تایپ‌ها حذف شدند تا از یک منبع واحد استفاده شود.\r\n// export type CalendarViewMode = 'day' | 'month' | 'year';\r\n// export interface DateRange {\r\n// from: Date | null;\r\n// to: Date | null;\r\n// }\r\n\r\nexport interface UseCalendarOptions {\r\n initialDate?: Date;\r\n minYear?: number;\r\n maxYear?: number;\r\n initialCalendarType?: CalendarType;\r\n range?: DateRange;\r\n}\r\n\r\nexport const useCalendar = ({ \r\n initialDate = new Date(),\r\n minYear = 1300,\r\n maxYear = 1405,\r\n initialCalendarType = 'jalali',\r\n range\r\n}: UseCalendarOptions = {}) => {\r\n \r\n const [calendarType, setCalendarType] = useState<CalendarType>(initialCalendarType);\r\n const dateFns = useMemo(() => getDateFunctions(calendarType), [calendarType]);\r\n\r\n const effectiveMinYear = calendarType === 'gregorian' && minYear === 1300 ? 1920 : minYear;\r\n const effectiveMaxYear = calendarType === 'gregorian' && maxYear === 1405 ? 2030 : maxYear;\r\n\r\n const [viewMode, setViewMode] = useState<CalendarViewMode>('day');\r\n const [currentDate, setCurrentDate] = useState(dateFns.startOfMonth(initialDate));\r\n const [selectedDate, setSelectedDate] = useState<Date | null>(initialDate);\r\n\r\n const daysOfMonth = useMemo(() => {\r\n if (viewMode !== 'day') return [];\r\n const monthStart = dateFns.startOfMonth(currentDate);\r\n const monthEnd = dateFns.endOfMonth(currentDate);\r\n const startDate = dateFns.startOfWeek(monthStart);\r\n const endDate = dateFns.endOfWeek(monthEnd);\r\n return dateFns.eachDayOfInterval({ start: startDate, end: endDate });\r\n }, [currentDate, viewMode, dateFns]);\r\n\r\n const monthsOfYear = useMemo(() => {\r\n if (viewMode !== 'month') return [];\r\n return dateFns.eachMonthOfInterval({\r\n start: dateFns.startOfYear(currentDate),\r\n end: dateFns.endOfYear(currentDate),\r\n });\r\n }, [currentDate, viewMode, dateFns]);\r\n \r\n const yearsOfDecade = useMemo(() => {\r\n if (viewMode !== 'year') return [];\r\n const year = dateFns.getYear(currentDate);\r\n const decadeStartYear = Math.floor(year / 10) * 10;\r\n const years = [];\r\n for (let i = 0; i < 12; i++) {\r\n years.push(decadeStartYear + i - 1);\r\n }\r\n return years;\r\n }, [currentDate, viewMode, dateFns]);\r\n\r\n const goToNext = useCallback(() => {\r\n if (viewMode === 'day') setCurrentDate(prev => dateFns.addMonths(prev, 1));\r\n if (viewMode === 'month') setCurrentDate(prev => dateFns.addYears(prev, 1));\r\n if (viewMode === 'year') setCurrentDate(prev => dateFns.addYears(prev, 10));\r\n }, [viewMode, dateFns]);\r\n\r\n const goToPrev = useCallback(() => {\r\n if (viewMode === 'day') setCurrentDate(prev => dateFns.subMonths(prev, 1));\r\n if (viewMode === 'month') setCurrentDate(prev => dateFns.subYears(prev, 1));\r\n if (viewMode === 'year') setCurrentDate(prev => dateFns.subYears(prev, 10));\r\n }, [viewMode, dateFns]);\r\n\r\n const handleSelectDay = useCallback((date: Date) => {\r\n setSelectedDate(date);\r\n if (!dateFns.isSameMonth(currentDate, date)) {\r\n setCurrentDate(dateFns.startOfMonth(date));\r\n }\r\n }, [currentDate, dateFns]);\r\n\r\n const handleSelectMonth = useCallback((monthIndex: number) => {\r\n setCurrentDate(prev => dateFns.setMonth(prev, monthIndex));\r\n setViewMode('day');\r\n }, [dateFns]);\r\n\r\n const handleSelectYear = useCallback((year: number) => {\r\n setCurrentDate(prev => dateFns.setYear(prev, year));\r\n setViewMode('month');\r\n }, [dateFns]);\r\n \r\n const handleHeaderClick = useCallback(() => {\r\n if (viewMode === 'day') setViewMode('month');\r\n if (viewMode === 'month') setViewMode('year');\r\n }, [viewMode]);\r\n\r\n const toggleCalendarType = useCallback(() => {\r\n setCalendarType(prev => prev === 'jalali' ? 'gregorian' : 'jalali');\r\n setViewMode('day');\r\n }, []);\r\n\r\n const isDateSelected = useCallback((date: Date): boolean => {\r\n if (range) {\r\n return !!((range.from && dateFns.isSameDay(date, range.from)) || \r\n (range.to && dateFns.isSameDay(date, range.to)));\r\n }\r\n return selectedDate ? dateFns.isSameDay(date, selectedDate) : false;\r\n }, [selectedDate, range, dateFns]);\r\n\r\n const isInRange = useCallback((date: Date): boolean => {\r\n if (!range?.from || !range?.to) return false;\r\n return dateFns.isWithinInterval(date, { start: range.from, end: range.to });\r\n }, [range, dateFns]);\r\n\r\n const isRangeStart = useCallback((date: Date): boolean => {\r\n return !!(range?.from && dateFns.isSameDay(date, range.from));\r\n }, [range, dateFns]);\r\n\r\n const isRangeEnd = useCallback((date: Date): boolean => {\r\n return !!(range?.to && dateFns.isSameDay(date, range.to));\r\n }, [range, dateFns]);\r\n\r\n const headerTitle = useMemo(() => {\r\n if (viewMode === 'day') return dateFns.format(currentDate, 'LLLL yyyy');\r\n if (viewMode === 'month') return dateFns.format(currentDate, 'yyyy');\r\n if (viewMode === 'year') {\r\n const start = yearsOfDecade[0];\r\n const end = yearsOfDecade[yearsOfDecade.length - 1];\r\n return `${end} - ${start}`;\r\n }\r\n return '';\r\n }, [currentDate, viewMode, yearsOfDecade, dateFns]);\r\n \r\n return {\r\n viewMode,\r\n currentDate,\r\n selectedDate,\r\n daysOfMonth,\r\n monthsOfYear,\r\n yearsOfDecade,\r\n headerTitle,\r\n calendarType,\r\n weekDays: getWeekDays(calendarType),\r\n dateFns,\r\n toggleCalendarType,\r\n goToNext,\r\n goToPrev,\r\n handleSelectDay,\r\n handleSelectMonth,\r\n handleSelectYear,\r\n handleHeaderClick,\r\n isSameMonthAsCurrent: (date: Date) => dateFns.isSameMonth(currentDate, date),\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isToday: (date: Date) => dateFns.isSameDay(date, new Date()),\r\n isCurrentMonth: (monthIndex: number) => dateFns.getMonth(new Date()) === monthIndex && dateFns.getYear(new Date()) === dateFns.getYear(currentDate),\r\n isCurrentYear: (year: number) => dateFns.getYear(new Date()) === year,\r\n isYearDisabled: (year: number) => year > effectiveMaxYear || year < effectiveMinYear,\r\n };\r\n};","import * as jdf from 'date-fns-jalali';\r\nimport * as df from 'date-fns';\r\nimport { faIR } from 'date-fns-jalali/locale';\r\n\r\n// ✅ تایپ از فایل مرکزی تایپ‌ها وارد شده است\r\nimport type { CalendarType } from '../types';\r\n\r\n// ⛔️ تعریف محلی تایپ حذف شده است\r\n// export type CalendarType = 'jalali' | 'gregorian';\r\n\r\nexport interface DateFunctions {\r\n startOfMonth: (date: Date) => Date;\r\n endOfMonth: (date: Date) => Date;\r\n startOfWeek: (date: Date) => Date;\r\n endOfWeek: (date: Date) => Date;\r\n eachDayOfInterval: (interval: { start: Date; end: Date }) => Date[];\r\n isSameMonth: (dateLeft: Date, dateRight: Date) => boolean;\r\n isSameDay: (dateLeft: Date, dateRight: Date) => boolean;\r\n format: (date: Date, formatStr: string) => string;\r\n addMonths: (date: Date, amount: number) => Date;\r\n subMonths: (date: Date, amount: number) => Date;\r\n getYear: (date: Date) => number;\r\n setYear: (date: Date, year: number) => Date;\r\n getMonth: (date: Date) => number;\r\n setMonth: (date: Date, month: number) => Date;\r\n startOfYear: (date: Date) => Date;\r\n eachMonthOfInterval: (interval: { start: Date; end: Date }) => Date[];\r\n endOfYear: (date: Date) => Date;\r\n addYears: (date: Date, amount: number) => Date;\r\n subYears: (date: Date, amount: number) => Date;\r\n isDate: (value: any) => boolean;\r\n isWithinInterval: (date: Date, interval: { start: Date; end: Date }) => boolean;\r\n}\r\n\r\nexport const getDateFunctions = (type: CalendarType): DateFunctions => {\r\n const isJalali = type === 'jalali';\r\n const lib: any = isJalali ? jdf : df;\r\n\r\n return {\r\n startOfMonth: lib.startOfMonth,\r\n endOfMonth: lib.endOfMonth,\r\n startOfWeek: (date: Date) => lib.startOfWeek(date, { locale: isJalali ? faIR : undefined, weekStartsOn: isJalali ? 6 : 1 }),\r\n endOfWeek: (date: Date) => lib.endOfWeek(date, { locale: isJalali ? faIR : undefined, weekStartsOn: isJalali ? 6 : 1 }),\r\n eachDayOfInterval: lib.eachDayOfInterval,\r\n isSameMonth: lib.isSameMonth,\r\n isSameDay: lib.isSameDay,\r\n format: (date: Date, formatStr: string) => {\r\n try {\r\n return lib.format(date, formatStr, { locale: isJalali ? faIR : undefined });\r\n } catch {\r\n return '';\r\n }\r\n },\r\n addMonths: lib.addMonths,\r\n subMonths: lib.subMonths,\r\n getYear: lib.getYear,\r\n setYear: lib.setYear,\r\n getMonth: lib.getMonth,\r\n setMonth: lib.setMonth,\r\n startOfYear: lib.startOfYear,\r\n eachMonthOfInterval: lib.eachMonthOfInterval,\r\n endOfYear: lib.endOfYear,\r\n addYears: lib.addYears,\r\n subYears: lib.subYears,\r\n isDate: lib.isDate,\r\n isWithinInterval: lib.isWithinInterval,\r\n };\r\n};\r\n\r\nexport const getWeekDays = (type: CalendarType) => {\r\n if (type === 'jalali') {\r\n return ['ش', 'ی', 'د', 'س', 'چ', 'پ', 'ج'];\r\n } else {\r\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\r\n }\r\n};","import React from 'react';\r\n\r\n// آیکون خورشید برای تقویم شمسی\r\nconst SunIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"></circle>\r\n <path d=\"M12 2v2\"></path>\r\n <path d=\"M12 20v2\"></path>\r\n <path d=\"m4.93 4.93 1.41 1.41\"></path>\r\n <path d=\"m17.66 17.66 1.41 1.41\"></path>\r\n <path d=\"M2 12h2\"></path>\r\n <path d=\"M20 12h2\"></path>\r\n <path d=\"m6.34 17.66-1.41 1.41\"></path>\r\n <path d=\"m19.07 4.93-1.41 1.41\"></path>\r\n </svg>\r\n);\r\n\r\n// آیکون کره زمین برای تقویم میلادی\r\nconst GlobeIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"></line>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"></path>\r\n </svg>\r\n);\r\n\r\nconst ChevronRightIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\r\n);\r\n\r\nconst ChevronLeftIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\r\n);\r\n\r\ninterface CalendarHeaderProps {\r\n title: string;\r\n calendarType: 'jalali' | 'gregorian';\r\n onToggleCalendarType: () => void;\r\n onNext: () => void;\r\n onPrev: () => void;\r\n onTitleClick: () => void;\r\n}\r\n\r\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\r\n title,\r\n calendarType,\r\n onToggleCalendarType,\r\n onNext,\r\n onPrev,\r\n onTitleClick,\r\n}) => {\r\n return (\r\n <div className=\"calendar-header\">\r\n {/* دکمه تغییر تقویم با آیکون */}\r\n <button \r\n type=\"button\" \r\n className={`calendar-header__toggle-btn ${calendarType}`}\r\n onClick={onToggleCalendarType}\r\n title={calendarType === 'jalali' ? \"تغییر به تقویم میلادی\" : \"Switch to Persian Calendar\"}\r\n >\r\n {calendarType === 'jalali' ? <SunIcon /> : <GlobeIcon />}\r\n </button>\r\n\r\n <div className=\"calendar-header__controls\">\r\n <button type=\"button\" className=\"calendar-header__nav-button\" onClick={onPrev} aria-label=\"قبلی\">\r\n <ChevronRightIcon />\r\n </button>\r\n <button type=\"button\" className=\"calendar-header__title\" onClick={onTitleClick}>\r\n {title}\r\n </button>\r\n <button type=\"button\" className=\"calendar-header__nav-button\" onClick={onNext} aria-label=\"بعدی\">\r\n <ChevronLeftIcon />\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\nexport interface DayCellProps {\r\n date: Date;\r\n isCurrentMonth: boolean;\r\n isSelected: boolean;\r\n isToday: boolean;\r\n // ✅ پراپ‌های جدید بازه\r\n isInRange?: boolean;\r\n isRangeStart?: boolean;\r\n isRangeEnd?: boolean;\r\n isDisabled?: boolean;\r\n onClick: (date: Date) => void;\r\n dateFns: DateFunctions;\r\n}\r\n\r\nexport const DayCell: React.FC<DayCellProps> = ({\r\n date,\r\n isCurrentMonth,\r\n isSelected,\r\n isToday,\r\n isInRange = false,\r\n isRangeStart = false,\r\n isRangeEnd = false,\r\n isDisabled = false,\r\n onClick,\r\n dateFns,\r\n}) => {\r\n const dayNumber = dateFns.format(date, 'd');\r\n\r\n const cellClassName = clsx('day-cell', {\r\n 'day-cell--not-current-month': !isCurrentMonth,\r\n 'day-cell--is-today': isToday,\r\n 'day-cell--is-selected': isSelected,\r\n 'day-cell--is-disabled': isDisabled,\r\n // ✅ کلاس‌های جدید\r\n 'day-cell--in-range': isInRange,\r\n 'day-cell--range-start': isRangeStart,\r\n 'day-cell--range-end': isRangeEnd,\r\n });\r\n\r\n return (\r\n <div className={cellClassName}>\r\n <button\r\n type=\"button\"\r\n className=\"day-cell__button\"\r\n onClick={() => !isDisabled && onClick(date)}\r\n disabled={isDisabled}\r\n >\r\n {dayNumber}\r\n </button>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport { DayCell } from './DayCell';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\ninterface MonthViewProps {\r\n daysOfMonth: Date[];\r\n weekDays: string[];\r\n dateFns: DateFunctions;\r\n onSelectDate: (date: Date) => void;\r\n isDateSelected: (date: Date) => boolean;\r\n // ✅ پراپ‌های جدید\r\n isInRange: (date: Date) => boolean;\r\n isRangeStart: (date: Date) => boolean;\r\n isRangeEnd: (date: Date) => boolean;\r\n isSameMonthAsCurrent: (date: Date) => boolean;\r\n isToday: (date: Date) => boolean;\r\n}\r\n\r\nexport const MonthView: React.FC<MonthViewProps> = ({\r\n daysOfMonth,\r\n weekDays,\r\n dateFns,\r\n onSelectDate,\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isSameMonthAsCurrent,\r\n isToday,\r\n}) => {\r\n return (\r\n <div className=\"month-view\">\r\n <div className=\"month-view__weekdays\">\r\n {weekDays.map(dayName => (\r\n <div key={dayName} className=\"month-view__weekday-name\">\r\n {dayName}\r\n </div>\r\n ))}\r\n </div>\r\n <div className=\"month-view__days-grid\">\r\n {daysOfMonth.map(day => (\r\n <DayCell\r\n key={day.toISOString()}\r\n date={day}\r\n onClick={onSelectDate}\r\n isSelected={isDateSelected(day)}\r\n // ✅ پاس دادن مقادیر محاسباتی\r\n isInRange={isInRange(day)}\r\n isRangeStart={isRangeStart(day)}\r\n isRangeEnd={isRangeEnd(day)}\r\n isCurrentMonth={isSameMonthAsCurrent(day)}\r\n isToday={isToday(day)}\r\n dateFns={dateFns}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\ninterface MonthPickerViewProps {\r\n months: Date[];\r\n onSelectMonth: (monthIndex: number) => void;\r\n isCurrentMonth: (monthIndex: number) => boolean;\r\n dateFns: DateFunctions; // ✅ دریافت توابع تاریخ\r\n}\r\n\r\nexport const MonthPickerView: React.FC<MonthPickerViewProps> = ({ \r\n months, onSelectMonth, isCurrentMonth, dateFns \r\n}) => {\r\n return (\r\n <div className=\"picker-view month-picker-view\">\r\n {months.map((monthDate, index) => {\r\n const monthClassName = clsx('picker-item', {\r\n 'picker-item--is-current': isCurrentMonth(index),\r\n });\r\n \r\n return (\r\n <button\r\n key={index}\r\n type=\"button\"\r\n className={monthClassName}\r\n onClick={() => onSelectMonth(index)}\r\n >\r\n {dateFns.format(monthDate, 'LLLL')}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n );\r\n};","\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\n\r\ninterface YearViewProps {\r\n years: number[];\r\n onSelectYear: (year: number) => void;\r\n isCurrentYear: (year: number) => boolean;\r\n isYearDisabled: (year: number) => boolean;\r\n}\r\n\r\n// ✅ اطمینان حاصل کنید که کلمه export دقیقاً قبل از const قرار دارد\r\nexport const YearView: React.FC<YearViewProps> = ({ \r\n years, \r\n onSelectYear, \r\n isCurrentYear, \r\n isYearDisabled \r\n}) => {\r\n return (\r\n <div className=\"picker-view year-picker-view\">\r\n {years.map(year => {\r\n const isDisabled = isYearDisabled(year);\r\n const yearClassName = clsx('picker-item', {\r\n 'picker-item--is-current': isCurrentYear(year),\r\n 'picker-item--is-disabled': isDisabled,\r\n });\r\n\r\n return (\r\n <button\r\n key={year}\r\n type=\"button\"\r\n className={yearClassName}\r\n onClick={() => !isDisabled && onSelectYear(year)}\r\n disabled={isDisabled}\r\n aria-current={isCurrentYear(year) ? 'true' : undefined}\r\n >\r\n {year}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n );\r\n};"],"mappings":"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","names":["import_clsx","import_jsx_runtime","clsx","import_jsx_runtime","import_clsx","import_jsx_runtime","clsx","import_clsx","import_jsx_runtime","clsx","import_jsx_runtime","clsx"]}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * This is the main entry point for non-React functionalities and types.
3
- * It allows users to import types or utility functions without pulling in React.
4
- */
5
1
  export * from "./types";
2
+ export { PersianCalendar, type PersianCalendarProps } from "./components/Calendar/Calendar";
6
3
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}
package/dist/index.js CHANGED
@@ -1 +1,448 @@
1
+ // src/components/Calendar/Calendar.tsx
2
+ import clsx4 from "clsx";
3
+
4
+ // src/hooks/useCalendar.ts
5
+ import { useState, useMemo, useCallback } from "react";
6
+
7
+ // src/utils/dateAdapter.ts
8
+ import * as jdf from "date-fns-jalali";
9
+ import * as df from "date-fns";
10
+ import { faIR } from "date-fns-jalali/locale";
11
+ var getDateFunctions = (type) => {
12
+ const isJalali = type === "jalali";
13
+ const lib = isJalali ? jdf : df;
14
+ return {
15
+ startOfMonth: lib.startOfMonth,
16
+ endOfMonth: lib.endOfMonth,
17
+ startOfWeek: (date) => lib.startOfWeek(date, { locale: isJalali ? faIR : void 0, weekStartsOn: isJalali ? 6 : 1 }),
18
+ endOfWeek: (date) => lib.endOfWeek(date, { locale: isJalali ? faIR : void 0, weekStartsOn: isJalali ? 6 : 1 }),
19
+ eachDayOfInterval: lib.eachDayOfInterval,
20
+ isSameMonth: lib.isSameMonth,
21
+ isSameDay: lib.isSameDay,
22
+ format: (date, formatStr) => {
23
+ try {
24
+ return lib.format(date, formatStr, { locale: isJalali ? faIR : void 0 });
25
+ } catch {
26
+ return "";
27
+ }
28
+ },
29
+ addMonths: lib.addMonths,
30
+ subMonths: lib.subMonths,
31
+ getYear: lib.getYear,
32
+ setYear: lib.setYear,
33
+ getMonth: lib.getMonth,
34
+ setMonth: lib.setMonth,
35
+ startOfYear: lib.startOfYear,
36
+ eachMonthOfInterval: lib.eachMonthOfInterval,
37
+ endOfYear: lib.endOfYear,
38
+ addYears: lib.addYears,
39
+ subYears: lib.subYears,
40
+ isDate: lib.isDate,
41
+ isWithinInterval: lib.isWithinInterval
42
+ };
43
+ };
44
+ var getWeekDays = (type) => {
45
+ if (type === "jalali") {
46
+ return ["\u0634", "\u06CC", "\u062F", "\u0633", "\u0686", "\u067E", "\u062C"];
47
+ } else {
48
+ return ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
49
+ }
50
+ };
51
+
52
+ // src/hooks/useCalendar.ts
53
+ var useCalendar = ({
54
+ initialDate = /* @__PURE__ */ new Date(),
55
+ minYear = 1300,
56
+ maxYear = 1405,
57
+ initialCalendarType = "jalali",
58
+ range
59
+ } = {}) => {
60
+ const [calendarType, setCalendarType] = useState(initialCalendarType);
61
+ const dateFns = useMemo(() => getDateFunctions(calendarType), [calendarType]);
62
+ const effectiveMinYear = calendarType === "gregorian" && minYear === 1300 ? 1920 : minYear;
63
+ const effectiveMaxYear = calendarType === "gregorian" && maxYear === 1405 ? 2030 : maxYear;
64
+ const [viewMode, setViewMode] = useState("day");
65
+ const [currentDate, setCurrentDate] = useState(dateFns.startOfMonth(initialDate));
66
+ const [selectedDate, setSelectedDate] = useState(initialDate);
67
+ const daysOfMonth = useMemo(() => {
68
+ if (viewMode !== "day") return [];
69
+ const monthStart = dateFns.startOfMonth(currentDate);
70
+ const monthEnd = dateFns.endOfMonth(currentDate);
71
+ const startDate = dateFns.startOfWeek(monthStart);
72
+ const endDate = dateFns.endOfWeek(monthEnd);
73
+ return dateFns.eachDayOfInterval({ start: startDate, end: endDate });
74
+ }, [currentDate, viewMode, dateFns]);
75
+ const monthsOfYear = useMemo(() => {
76
+ if (viewMode !== "month") return [];
77
+ return dateFns.eachMonthOfInterval({
78
+ start: dateFns.startOfYear(currentDate),
79
+ end: dateFns.endOfYear(currentDate)
80
+ });
81
+ }, [currentDate, viewMode, dateFns]);
82
+ const yearsOfDecade = useMemo(() => {
83
+ if (viewMode !== "year") return [];
84
+ const year = dateFns.getYear(currentDate);
85
+ const decadeStartYear = Math.floor(year / 10) * 10;
86
+ const years = [];
87
+ for (let i = 0; i < 12; i++) {
88
+ years.push(decadeStartYear + i - 1);
89
+ }
90
+ return years;
91
+ }, [currentDate, viewMode, dateFns]);
92
+ const goToNext = useCallback(() => {
93
+ if (viewMode === "day") setCurrentDate((prev) => dateFns.addMonths(prev, 1));
94
+ if (viewMode === "month") setCurrentDate((prev) => dateFns.addYears(prev, 1));
95
+ if (viewMode === "year") setCurrentDate((prev) => dateFns.addYears(prev, 10));
96
+ }, [viewMode, dateFns]);
97
+ const goToPrev = useCallback(() => {
98
+ if (viewMode === "day") setCurrentDate((prev) => dateFns.subMonths(prev, 1));
99
+ if (viewMode === "month") setCurrentDate((prev) => dateFns.subYears(prev, 1));
100
+ if (viewMode === "year") setCurrentDate((prev) => dateFns.subYears(prev, 10));
101
+ }, [viewMode, dateFns]);
102
+ const handleSelectDay = useCallback((date) => {
103
+ setSelectedDate(date);
104
+ if (!dateFns.isSameMonth(currentDate, date)) {
105
+ setCurrentDate(dateFns.startOfMonth(date));
106
+ }
107
+ }, [currentDate, dateFns]);
108
+ const handleSelectMonth = useCallback((monthIndex) => {
109
+ setCurrentDate((prev) => dateFns.setMonth(prev, monthIndex));
110
+ setViewMode("day");
111
+ }, [dateFns]);
112
+ const handleSelectYear = useCallback((year) => {
113
+ setCurrentDate((prev) => dateFns.setYear(prev, year));
114
+ setViewMode("month");
115
+ }, [dateFns]);
116
+ const handleHeaderClick = useCallback(() => {
117
+ if (viewMode === "day") setViewMode("month");
118
+ if (viewMode === "month") setViewMode("year");
119
+ }, [viewMode]);
120
+ const toggleCalendarType = useCallback(() => {
121
+ setCalendarType((prev) => prev === "jalali" ? "gregorian" : "jalali");
122
+ setViewMode("day");
123
+ }, []);
124
+ const isDateSelected = useCallback((date) => {
125
+ if (range) {
126
+ return !!(range.from && dateFns.isSameDay(date, range.from) || range.to && dateFns.isSameDay(date, range.to));
127
+ }
128
+ return selectedDate ? dateFns.isSameDay(date, selectedDate) : false;
129
+ }, [selectedDate, range, dateFns]);
130
+ const isInRange = useCallback((date) => {
131
+ if (!range?.from || !range?.to) return false;
132
+ return dateFns.isWithinInterval(date, { start: range.from, end: range.to });
133
+ }, [range, dateFns]);
134
+ const isRangeStart = useCallback((date) => {
135
+ return !!(range?.from && dateFns.isSameDay(date, range.from));
136
+ }, [range, dateFns]);
137
+ const isRangeEnd = useCallback((date) => {
138
+ return !!(range?.to && dateFns.isSameDay(date, range.to));
139
+ }, [range, dateFns]);
140
+ const headerTitle = useMemo(() => {
141
+ if (viewMode === "day") return dateFns.format(currentDate, "LLLL yyyy");
142
+ if (viewMode === "month") return dateFns.format(currentDate, "yyyy");
143
+ if (viewMode === "year") {
144
+ const start = yearsOfDecade[0];
145
+ const end = yearsOfDecade[yearsOfDecade.length - 1];
146
+ return `${end} - ${start}`;
147
+ }
148
+ return "";
149
+ }, [currentDate, viewMode, yearsOfDecade, dateFns]);
150
+ return {
151
+ viewMode,
152
+ currentDate,
153
+ selectedDate,
154
+ daysOfMonth,
155
+ monthsOfYear,
156
+ yearsOfDecade,
157
+ headerTitle,
158
+ calendarType,
159
+ weekDays: getWeekDays(calendarType),
160
+ dateFns,
161
+ toggleCalendarType,
162
+ goToNext,
163
+ goToPrev,
164
+ handleSelectDay,
165
+ handleSelectMonth,
166
+ handleSelectYear,
167
+ handleHeaderClick,
168
+ isSameMonthAsCurrent: (date) => dateFns.isSameMonth(currentDate, date),
169
+ isDateSelected,
170
+ isInRange,
171
+ isRangeStart,
172
+ isRangeEnd,
173
+ isToday: (date) => dateFns.isSameDay(date, /* @__PURE__ */ new Date()),
174
+ isCurrentMonth: (monthIndex) => dateFns.getMonth(/* @__PURE__ */ new Date()) === monthIndex && dateFns.getYear(/* @__PURE__ */ new Date()) === dateFns.getYear(currentDate),
175
+ isCurrentYear: (year) => dateFns.getYear(/* @__PURE__ */ new Date()) === year,
176
+ isYearDisabled: (year) => year > effectiveMaxYear || year < effectiveMinYear
177
+ };
178
+ };
179
+
180
+ // src/components/internal/CalendarHeader.tsx
181
+ import { jsx, jsxs } from "react/jsx-runtime";
182
+ var SunIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
183
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
184
+ /* @__PURE__ */ jsx("path", { d: "M12 2v2" }),
185
+ /* @__PURE__ */ jsx("path", { d: "M12 20v2" }),
186
+ /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
187
+ /* @__PURE__ */ jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
188
+ /* @__PURE__ */ jsx("path", { d: "M2 12h2" }),
189
+ /* @__PURE__ */ jsx("path", { d: "M20 12h2" }),
190
+ /* @__PURE__ */ jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
191
+ /* @__PURE__ */ jsx("path", { d: "m19.07 4.93-1.41 1.41" })
192
+ ] });
193
+ var GlobeIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
194
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
195
+ /* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
196
+ /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
197
+ ] });
198
+ var ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) });
199
+ var ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" }) });
200
+ var CalendarHeader = ({
201
+ title,
202
+ calendarType,
203
+ onToggleCalendarType,
204
+ onNext,
205
+ onPrev,
206
+ onTitleClick
207
+ }) => {
208
+ return /* @__PURE__ */ jsxs("div", { className: "calendar-header", children: [
209
+ /* @__PURE__ */ jsx(
210
+ "button",
211
+ {
212
+ type: "button",
213
+ className: `calendar-header__toggle-btn ${calendarType}`,
214
+ onClick: onToggleCalendarType,
215
+ title: calendarType === "jalali" ? "\u062A\u063A\u06CC\u06CC\u0631 \u0628\u0647 \u062A\u0642\u0648\u06CC\u0645 \u0645\u06CC\u0644\u0627\u062F\u06CC" : "Switch to Persian Calendar",
216
+ children: calendarType === "jalali" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(GlobeIcon, {})
217
+ }
218
+ ),
219
+ /* @__PURE__ */ jsxs("div", { className: "calendar-header__controls", children: [
220
+ /* @__PURE__ */ jsx("button", { type: "button", className: "calendar-header__nav-button", onClick: onPrev, "aria-label": "\u0642\u0628\u0644\u06CC", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) }),
221
+ /* @__PURE__ */ jsx("button", { type: "button", className: "calendar-header__title", onClick: onTitleClick, children: title }),
222
+ /* @__PURE__ */ jsx("button", { type: "button", className: "calendar-header__nav-button", onClick: onNext, "aria-label": "\u0628\u0639\u062F\u06CC", children: /* @__PURE__ */ jsx(ChevronLeftIcon, {}) })
223
+ ] })
224
+ ] });
225
+ };
226
+
227
+ // src/components/internal/DayCell.tsx
228
+ import clsx from "clsx";
229
+ import { jsx as jsx2 } from "react/jsx-runtime";
230
+ var DayCell = ({
231
+ date,
232
+ isCurrentMonth,
233
+ isSelected,
234
+ isToday,
235
+ isInRange = false,
236
+ isRangeStart = false,
237
+ isRangeEnd = false,
238
+ isDisabled = false,
239
+ onClick,
240
+ dateFns
241
+ }) => {
242
+ const dayNumber = dateFns.format(date, "d");
243
+ const cellClassName = clsx("day-cell", {
244
+ "day-cell--not-current-month": !isCurrentMonth,
245
+ "day-cell--is-today": isToday,
246
+ "day-cell--is-selected": isSelected,
247
+ "day-cell--is-disabled": isDisabled,
248
+ // ✅ کلاس‌های جدید
249
+ "day-cell--in-range": isInRange,
250
+ "day-cell--range-start": isRangeStart,
251
+ "day-cell--range-end": isRangeEnd
252
+ });
253
+ return /* @__PURE__ */ jsx2("div", { className: cellClassName, children: /* @__PURE__ */ jsx2(
254
+ "button",
255
+ {
256
+ type: "button",
257
+ className: "day-cell__button",
258
+ onClick: () => !isDisabled && onClick(date),
259
+ disabled: isDisabled,
260
+ children: dayNumber
261
+ }
262
+ ) });
263
+ };
264
+
265
+ // src/components/internal/MonthView.tsx
266
+ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
267
+ var MonthView = ({
268
+ daysOfMonth,
269
+ weekDays,
270
+ dateFns,
271
+ onSelectDate,
272
+ isDateSelected,
273
+ isInRange,
274
+ isRangeStart,
275
+ isRangeEnd,
276
+ isSameMonthAsCurrent,
277
+ isToday
278
+ }) => {
279
+ return /* @__PURE__ */ jsxs2("div", { className: "month-view", children: [
280
+ /* @__PURE__ */ jsx3("div", { className: "month-view__weekdays", children: weekDays.map((dayName) => /* @__PURE__ */ jsx3("div", { className: "month-view__weekday-name", children: dayName }, dayName)) }),
281
+ /* @__PURE__ */ jsx3("div", { className: "month-view__days-grid", children: daysOfMonth.map((day) => /* @__PURE__ */ jsx3(
282
+ DayCell,
283
+ {
284
+ date: day,
285
+ onClick: onSelectDate,
286
+ isSelected: isDateSelected(day),
287
+ isInRange: isInRange(day),
288
+ isRangeStart: isRangeStart(day),
289
+ isRangeEnd: isRangeEnd(day),
290
+ isCurrentMonth: isSameMonthAsCurrent(day),
291
+ isToday: isToday(day),
292
+ dateFns
293
+ },
294
+ day.toISOString()
295
+ )) })
296
+ ] });
297
+ };
298
+
299
+ // src/components/internal/MonthPickerView.tsx
300
+ import clsx2 from "clsx";
301
+ import { jsx as jsx4 } from "react/jsx-runtime";
302
+ var MonthPickerView = ({
303
+ months,
304
+ onSelectMonth,
305
+ isCurrentMonth,
306
+ dateFns
307
+ }) => {
308
+ return /* @__PURE__ */ jsx4("div", { className: "picker-view month-picker-view", children: months.map((monthDate, index) => {
309
+ const monthClassName = clsx2("picker-item", {
310
+ "picker-item--is-current": isCurrentMonth(index)
311
+ });
312
+ return /* @__PURE__ */ jsx4(
313
+ "button",
314
+ {
315
+ type: "button",
316
+ className: monthClassName,
317
+ onClick: () => onSelectMonth(index),
318
+ children: dateFns.format(monthDate, "LLLL")
319
+ },
320
+ index
321
+ );
322
+ }) });
323
+ };
324
+
325
+ // src/components/internal/YearView.tsx
326
+ import clsx3 from "clsx";
327
+ import { jsx as jsx5 } from "react/jsx-runtime";
328
+ var YearView = ({
329
+ years,
330
+ onSelectYear,
331
+ isCurrentYear,
332
+ isYearDisabled
333
+ }) => {
334
+ return /* @__PURE__ */ jsx5("div", { className: "picker-view year-picker-view", children: years.map((year) => {
335
+ const isDisabled = isYearDisabled(year);
336
+ const yearClassName = clsx3("picker-item", {
337
+ "picker-item--is-current": isCurrentYear(year),
338
+ "picker-item--is-disabled": isDisabled
339
+ });
340
+ return /* @__PURE__ */ jsx5(
341
+ "button",
342
+ {
343
+ type: "button",
344
+ className: yearClassName,
345
+ onClick: () => !isDisabled && onSelectYear(year),
346
+ disabled: isDisabled,
347
+ "aria-current": isCurrentYear(year) ? "true" : void 0,
348
+ children: year
349
+ },
350
+ year
351
+ );
352
+ }) });
353
+ };
354
+
355
+ // src/components/Calendar/Calendar.tsx
356
+ import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
357
+ var CheckCircleIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
358
+ /* @__PURE__ */ jsx6("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
359
+ /* @__PURE__ */ jsx6("polyline", { points: "22 4 12 14.01 9 11.01" })
360
+ ] });
361
+ var PersianCalendar = ({
362
+ initialDate,
363
+ onDateSelect,
364
+ minYear,
365
+ maxYear,
366
+ range,
367
+ className
368
+ }) => {
369
+ const {
370
+ viewMode,
371
+ daysOfMonth,
372
+ monthsOfYear,
373
+ yearsOfDecade,
374
+ headerTitle,
375
+ calendarType,
376
+ weekDays,
377
+ dateFns,
378
+ toggleCalendarType,
379
+ goToNext,
380
+ goToPrev,
381
+ handleSelectDay,
382
+ handleSelectMonth,
383
+ handleSelectYear,
384
+ handleHeaderClick,
385
+ isDateSelected,
386
+ isInRange,
387
+ isRangeStart,
388
+ isRangeEnd,
389
+ isSameMonthAsCurrent,
390
+ isToday,
391
+ isCurrentMonth,
392
+ isCurrentYear,
393
+ isYearDisabled
394
+ } = useCalendar({ initialDate, minYear, maxYear, range });
395
+ const onDayClick = (date) => {
396
+ handleSelectDay(date);
397
+ if (onDateSelect) {
398
+ onDateSelect(date);
399
+ }
400
+ };
401
+ const renderView = () => {
402
+ switch (viewMode) {
403
+ case "year":
404
+ return /* @__PURE__ */ jsx6(YearView, { years: yearsOfDecade, onSelectYear: handleSelectYear, isCurrentYear, isYearDisabled });
405
+ case "month":
406
+ return /* @__PURE__ */ jsx6(MonthPickerView, { months: monthsOfYear, onSelectMonth: handleSelectMonth, isCurrentMonth, dateFns });
407
+ case "day":
408
+ default:
409
+ return /* @__PURE__ */ jsx6(
410
+ MonthView,
411
+ {
412
+ daysOfMonth,
413
+ weekDays,
414
+ dateFns,
415
+ onSelectDate: onDayClick,
416
+ isDateSelected,
417
+ isInRange,
418
+ isRangeStart,
419
+ isRangeEnd,
420
+ isSameMonthAsCurrent,
421
+ isToday
422
+ }
423
+ );
424
+ }
425
+ };
426
+ return /* @__PURE__ */ jsxs3("div", { className: clsx4("prc-container", className), dir: calendarType === "jalali" ? "rtl" : "ltr", children: [
427
+ /* @__PURE__ */ jsx6(
428
+ CalendarHeader,
429
+ {
430
+ title: headerTitle,
431
+ calendarType,
432
+ onToggleCalendarType: toggleCalendarType,
433
+ onNext: goToNext,
434
+ onPrev: goToPrev,
435
+ onTitleClick: handleHeaderClick
436
+ }
437
+ ),
438
+ /* @__PURE__ */ jsx6("div", { className: "prc-view-container", children: renderView() }),
439
+ /* @__PURE__ */ jsxs3("footer", { className: "prc-footer", children: [
440
+ /* @__PURE__ */ jsx6("span", { children: "\u{1D4DF}\u{1D4F8}\u{1D500}\u{1D4EE}\u{1D4FB}\u{1D4EE}\u{1D4ED} \u{1D4EB}\u{1D502} \u{1D4DC}\u{1D4EE}\u{1D4F1}\u{1D4ED}\u{1D4F2} \u{1D4D0}\u{1D4F4}\u{1D4EB}\u{1D4EA}\u{1D4FB}\u{1D4F2}" }),
441
+ /* @__PURE__ */ jsx6(CheckCircleIcon, {})
442
+ ] })
443
+ ] });
444
+ };
445
+ export {
446
+ PersianCalendar
447
+ };
1
448
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
1
+ {"version":3,"sources":["../src/components/Calendar/Calendar.tsx","../src/hooks/useCalendar.ts","../src/utils/dateAdapter.ts","../src/components/internal/CalendarHeader.tsx","../src/components/internal/DayCell.tsx","../src/components/internal/MonthView.tsx","../src/components/internal/MonthPickerView.tsx","../src/components/internal/YearView.tsx"],"sourcesContent":["\"use client\";\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { useCalendar } from '../../hooks/useCalendar';\r\nimport { CalendarHeader } from '../internal/CalendarHeader';\r\nimport { MonthView } from '../internal/MonthView';\r\nimport { MonthPickerView } from '../internal/MonthPickerView';\r\nimport { YearView } from '../internal/YearView';\r\n\r\n// ✅ مرحله ۱: ایمپورت تایپ‌های اصلی از منبع جدید و مرکزی\r\nimport type { DateRange } from '../../types';\r\n\r\n// ✅ مرحله ۲: ایمپورت تایپ‌های مخصوص هوک از خود فایل هوک\r\nimport type { UseCalendarOptions } from '../../hooks/useCalendar';\r\n\r\n// ✅ مرحله ۳: این خط حالا به درستی کار می‌کند چون DateRange از بالا ایمپورت شده است\r\nexport type { DateRange };\r\n\r\nconst CheckCircleIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"></polyline>\r\n </svg>\r\n);\r\n\r\nexport interface PersianCalendarProps extends Omit<UseCalendarOptions, 'range'> {\r\n onDateSelect?: (date: Date | null) => void;\r\n range?: DateRange;\r\n className?: string;\r\n}\r\n\r\nexport const PersianCalendar: React.FC<PersianCalendarProps> = ({ \r\n initialDate, \r\n onDateSelect,\r\n minYear,\r\n maxYear,\r\n range,\r\n className\r\n}) => {\r\n const {\r\n viewMode,\r\n daysOfMonth,\r\n monthsOfYear,\r\n yearsOfDecade,\r\n headerTitle,\r\n calendarType,\r\n weekDays,\r\n dateFns,\r\n toggleCalendarType,\r\n goToNext,\r\n goToPrev,\r\n handleSelectDay,\r\n handleSelectMonth,\r\n handleSelectYear,\r\n handleHeaderClick,\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isSameMonthAsCurrent,\r\n isToday,\r\n isCurrentMonth,\r\n isCurrentYear,\r\n isYearDisabled,\r\n } = useCalendar({ initialDate, minYear, maxYear, range });\r\n\r\n const onDayClick = (date: Date) => {\r\n handleSelectDay(date);\r\n if (onDateSelect) {\r\n onDateSelect(date);\r\n }\r\n };\r\n\r\n const renderView = () => {\r\n switch (viewMode) {\r\n case 'year':\r\n return <YearView years={yearsOfDecade} onSelectYear={handleSelectYear} isCurrentYear={isCurrentYear} isYearDisabled={isYearDisabled} />;\r\n case 'month':\r\n return <MonthPickerView months={monthsOfYear} onSelectMonth={handleSelectMonth} isCurrentMonth={isCurrentMonth} dateFns={dateFns} />;\r\n case 'day':\r\n default:\r\n return (\r\n <MonthView\r\n daysOfMonth={daysOfMonth}\r\n weekDays={weekDays}\r\n dateFns={dateFns}\r\n onSelectDate={onDayClick}\r\n isDateSelected={isDateSelected}\r\n isInRange={isInRange}\r\n isRangeStart={isRangeStart}\r\n isRangeEnd={isRangeEnd}\r\n isSameMonthAsCurrent={isSameMonthAsCurrent}\r\n isToday={isToday}\r\n />\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <div className={clsx(\"prc-container\", className)} dir={calendarType === 'jalali' ? 'rtl' : 'ltr'}>\r\n <CalendarHeader\r\n title={headerTitle}\r\n calendarType={calendarType}\r\n onToggleCalendarType={toggleCalendarType}\r\n onNext={goToNext}\r\n onPrev={goToPrev}\r\n onTitleClick={handleHeaderClick}\r\n />\r\n <div className=\"prc-view-container\">\r\n {renderView()}\r\n </div>\r\n \r\n <footer className=\"prc-footer\">\r\n <span>𝓟𝓸𝔀𝓮𝓻𝓮𝓭 𝓫𝔂 𝓜𝓮𝓱𝓭𝓲 𝓐𝓴𝓫𝓪𝓻𝓲</span>\r\n <CheckCircleIcon />\r\n </footer>\r\n </div>\r\n );\r\n};","\"use client\";\r\nimport { useState, useMemo, useCallback } from 'react';\r\n\r\n// ✅ مرحله ۱: ایمپورت توابع از dateAdapter\r\nimport { getDateFunctions, getWeekDays } from '../utils/dateAdapter';\r\n\r\n// ✅ مرحله ۲: ایمپورت تمام تایپ‌های مورد نیاز از فایل مرکزی تایپ‌ها\r\nimport type { CalendarViewMode, DateRange, CalendarType } from '../types';\r\n\r\n// ⛔️ تعریف‌های محلی تایپ‌ها حذف شدند تا از یک منبع واحد استفاده شود.\r\n// export type CalendarViewMode = 'day' | 'month' | 'year';\r\n// export interface DateRange {\r\n// from: Date | null;\r\n// to: Date | null;\r\n// }\r\n\r\nexport interface UseCalendarOptions {\r\n initialDate?: Date;\r\n minYear?: number;\r\n maxYear?: number;\r\n initialCalendarType?: CalendarType;\r\n range?: DateRange;\r\n}\r\n\r\nexport const useCalendar = ({ \r\n initialDate = new Date(),\r\n minYear = 1300,\r\n maxYear = 1405,\r\n initialCalendarType = 'jalali',\r\n range\r\n}: UseCalendarOptions = {}) => {\r\n \r\n const [calendarType, setCalendarType] = useState<CalendarType>(initialCalendarType);\r\n const dateFns = useMemo(() => getDateFunctions(calendarType), [calendarType]);\r\n\r\n const effectiveMinYear = calendarType === 'gregorian' && minYear === 1300 ? 1920 : minYear;\r\n const effectiveMaxYear = calendarType === 'gregorian' && maxYear === 1405 ? 2030 : maxYear;\r\n\r\n const [viewMode, setViewMode] = useState<CalendarViewMode>('day');\r\n const [currentDate, setCurrentDate] = useState(dateFns.startOfMonth(initialDate));\r\n const [selectedDate, setSelectedDate] = useState<Date | null>(initialDate);\r\n\r\n const daysOfMonth = useMemo(() => {\r\n if (viewMode !== 'day') return [];\r\n const monthStart = dateFns.startOfMonth(currentDate);\r\n const monthEnd = dateFns.endOfMonth(currentDate);\r\n const startDate = dateFns.startOfWeek(monthStart);\r\n const endDate = dateFns.endOfWeek(monthEnd);\r\n return dateFns.eachDayOfInterval({ start: startDate, end: endDate });\r\n }, [currentDate, viewMode, dateFns]);\r\n\r\n const monthsOfYear = useMemo(() => {\r\n if (viewMode !== 'month') return [];\r\n return dateFns.eachMonthOfInterval({\r\n start: dateFns.startOfYear(currentDate),\r\n end: dateFns.endOfYear(currentDate),\r\n });\r\n }, [currentDate, viewMode, dateFns]);\r\n \r\n const yearsOfDecade = useMemo(() => {\r\n if (viewMode !== 'year') return [];\r\n const year = dateFns.getYear(currentDate);\r\n const decadeStartYear = Math.floor(year / 10) * 10;\r\n const years = [];\r\n for (let i = 0; i < 12; i++) {\r\n years.push(decadeStartYear + i - 1);\r\n }\r\n return years;\r\n }, [currentDate, viewMode, dateFns]);\r\n\r\n const goToNext = useCallback(() => {\r\n if (viewMode === 'day') setCurrentDate(prev => dateFns.addMonths(prev, 1));\r\n if (viewMode === 'month') setCurrentDate(prev => dateFns.addYears(prev, 1));\r\n if (viewMode === 'year') setCurrentDate(prev => dateFns.addYears(prev, 10));\r\n }, [viewMode, dateFns]);\r\n\r\n const goToPrev = useCallback(() => {\r\n if (viewMode === 'day') setCurrentDate(prev => dateFns.subMonths(prev, 1));\r\n if (viewMode === 'month') setCurrentDate(prev => dateFns.subYears(prev, 1));\r\n if (viewMode === 'year') setCurrentDate(prev => dateFns.subYears(prev, 10));\r\n }, [viewMode, dateFns]);\r\n\r\n const handleSelectDay = useCallback((date: Date) => {\r\n setSelectedDate(date);\r\n if (!dateFns.isSameMonth(currentDate, date)) {\r\n setCurrentDate(dateFns.startOfMonth(date));\r\n }\r\n }, [currentDate, dateFns]);\r\n\r\n const handleSelectMonth = useCallback((monthIndex: number) => {\r\n setCurrentDate(prev => dateFns.setMonth(prev, monthIndex));\r\n setViewMode('day');\r\n }, [dateFns]);\r\n\r\n const handleSelectYear = useCallback((year: number) => {\r\n setCurrentDate(prev => dateFns.setYear(prev, year));\r\n setViewMode('month');\r\n }, [dateFns]);\r\n \r\n const handleHeaderClick = useCallback(() => {\r\n if (viewMode === 'day') setViewMode('month');\r\n if (viewMode === 'month') setViewMode('year');\r\n }, [viewMode]);\r\n\r\n const toggleCalendarType = useCallback(() => {\r\n setCalendarType(prev => prev === 'jalali' ? 'gregorian' : 'jalali');\r\n setViewMode('day');\r\n }, []);\r\n\r\n const isDateSelected = useCallback((date: Date): boolean => {\r\n if (range) {\r\n return !!((range.from && dateFns.isSameDay(date, range.from)) || \r\n (range.to && dateFns.isSameDay(date, range.to)));\r\n }\r\n return selectedDate ? dateFns.isSameDay(date, selectedDate) : false;\r\n }, [selectedDate, range, dateFns]);\r\n\r\n const isInRange = useCallback((date: Date): boolean => {\r\n if (!range?.from || !range?.to) return false;\r\n return dateFns.isWithinInterval(date, { start: range.from, end: range.to });\r\n }, [range, dateFns]);\r\n\r\n const isRangeStart = useCallback((date: Date): boolean => {\r\n return !!(range?.from && dateFns.isSameDay(date, range.from));\r\n }, [range, dateFns]);\r\n\r\n const isRangeEnd = useCallback((date: Date): boolean => {\r\n return !!(range?.to && dateFns.isSameDay(date, range.to));\r\n }, [range, dateFns]);\r\n\r\n const headerTitle = useMemo(() => {\r\n if (viewMode === 'day') return dateFns.format(currentDate, 'LLLL yyyy');\r\n if (viewMode === 'month') return dateFns.format(currentDate, 'yyyy');\r\n if (viewMode === 'year') {\r\n const start = yearsOfDecade[0];\r\n const end = yearsOfDecade[yearsOfDecade.length - 1];\r\n return `${end} - ${start}`;\r\n }\r\n return '';\r\n }, [currentDate, viewMode, yearsOfDecade, dateFns]);\r\n \r\n return {\r\n viewMode,\r\n currentDate,\r\n selectedDate,\r\n daysOfMonth,\r\n monthsOfYear,\r\n yearsOfDecade,\r\n headerTitle,\r\n calendarType,\r\n weekDays: getWeekDays(calendarType),\r\n dateFns,\r\n toggleCalendarType,\r\n goToNext,\r\n goToPrev,\r\n handleSelectDay,\r\n handleSelectMonth,\r\n handleSelectYear,\r\n handleHeaderClick,\r\n isSameMonthAsCurrent: (date: Date) => dateFns.isSameMonth(currentDate, date),\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isToday: (date: Date) => dateFns.isSameDay(date, new Date()),\r\n isCurrentMonth: (monthIndex: number) => dateFns.getMonth(new Date()) === monthIndex && dateFns.getYear(new Date()) === dateFns.getYear(currentDate),\r\n isCurrentYear: (year: number) => dateFns.getYear(new Date()) === year,\r\n isYearDisabled: (year: number) => year > effectiveMaxYear || year < effectiveMinYear,\r\n };\r\n};","import * as jdf from 'date-fns-jalali';\r\nimport * as df from 'date-fns';\r\nimport { faIR } from 'date-fns-jalali/locale';\r\n\r\n// ✅ تایپ از فایل مرکزی تایپ‌ها وارد شده است\r\nimport type { CalendarType } from '../types';\r\n\r\n// ⛔️ تعریف محلی تایپ حذف شده است\r\n// export type CalendarType = 'jalali' | 'gregorian';\r\n\r\nexport interface DateFunctions {\r\n startOfMonth: (date: Date) => Date;\r\n endOfMonth: (date: Date) => Date;\r\n startOfWeek: (date: Date) => Date;\r\n endOfWeek: (date: Date) => Date;\r\n eachDayOfInterval: (interval: { start: Date; end: Date }) => Date[];\r\n isSameMonth: (dateLeft: Date, dateRight: Date) => boolean;\r\n isSameDay: (dateLeft: Date, dateRight: Date) => boolean;\r\n format: (date: Date, formatStr: string) => string;\r\n addMonths: (date: Date, amount: number) => Date;\r\n subMonths: (date: Date, amount: number) => Date;\r\n getYear: (date: Date) => number;\r\n setYear: (date: Date, year: number) => Date;\r\n getMonth: (date: Date) => number;\r\n setMonth: (date: Date, month: number) => Date;\r\n startOfYear: (date: Date) => Date;\r\n eachMonthOfInterval: (interval: { start: Date; end: Date }) => Date[];\r\n endOfYear: (date: Date) => Date;\r\n addYears: (date: Date, amount: number) => Date;\r\n subYears: (date: Date, amount: number) => Date;\r\n isDate: (value: any) => boolean;\r\n isWithinInterval: (date: Date, interval: { start: Date; end: Date }) => boolean;\r\n}\r\n\r\nexport const getDateFunctions = (type: CalendarType): DateFunctions => {\r\n const isJalali = type === 'jalali';\r\n const lib: any = isJalali ? jdf : df;\r\n\r\n return {\r\n startOfMonth: lib.startOfMonth,\r\n endOfMonth: lib.endOfMonth,\r\n startOfWeek: (date: Date) => lib.startOfWeek(date, { locale: isJalali ? faIR : undefined, weekStartsOn: isJalali ? 6 : 1 }),\r\n endOfWeek: (date: Date) => lib.endOfWeek(date, { locale: isJalali ? faIR : undefined, weekStartsOn: isJalali ? 6 : 1 }),\r\n eachDayOfInterval: lib.eachDayOfInterval,\r\n isSameMonth: lib.isSameMonth,\r\n isSameDay: lib.isSameDay,\r\n format: (date: Date, formatStr: string) => {\r\n try {\r\n return lib.format(date, formatStr, { locale: isJalali ? faIR : undefined });\r\n } catch {\r\n return '';\r\n }\r\n },\r\n addMonths: lib.addMonths,\r\n subMonths: lib.subMonths,\r\n getYear: lib.getYear,\r\n setYear: lib.setYear,\r\n getMonth: lib.getMonth,\r\n setMonth: lib.setMonth,\r\n startOfYear: lib.startOfYear,\r\n eachMonthOfInterval: lib.eachMonthOfInterval,\r\n endOfYear: lib.endOfYear,\r\n addYears: lib.addYears,\r\n subYears: lib.subYears,\r\n isDate: lib.isDate,\r\n isWithinInterval: lib.isWithinInterval,\r\n };\r\n};\r\n\r\nexport const getWeekDays = (type: CalendarType) => {\r\n if (type === 'jalali') {\r\n return ['ش', 'ی', 'د', 'س', 'چ', 'پ', 'ج'];\r\n } else {\r\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\r\n }\r\n};","import React from 'react';\r\n\r\n// آیکون خورشید برای تقویم شمسی\r\nconst SunIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"></circle>\r\n <path d=\"M12 2v2\"></path>\r\n <path d=\"M12 20v2\"></path>\r\n <path d=\"m4.93 4.93 1.41 1.41\"></path>\r\n <path d=\"m17.66 17.66 1.41 1.41\"></path>\r\n <path d=\"M2 12h2\"></path>\r\n <path d=\"M20 12h2\"></path>\r\n <path d=\"m6.34 17.66-1.41 1.41\"></path>\r\n <path d=\"m19.07 4.93-1.41 1.41\"></path>\r\n </svg>\r\n);\r\n\r\n// آیکون کره زمین برای تقویم میلادی\r\nconst GlobeIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"></line>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"></path>\r\n </svg>\r\n);\r\n\r\nconst ChevronRightIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\r\n);\r\n\r\nconst ChevronLeftIcon = () => (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\r\n);\r\n\r\ninterface CalendarHeaderProps {\r\n title: string;\r\n calendarType: 'jalali' | 'gregorian';\r\n onToggleCalendarType: () => void;\r\n onNext: () => void;\r\n onPrev: () => void;\r\n onTitleClick: () => void;\r\n}\r\n\r\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\r\n title,\r\n calendarType,\r\n onToggleCalendarType,\r\n onNext,\r\n onPrev,\r\n onTitleClick,\r\n}) => {\r\n return (\r\n <div className=\"calendar-header\">\r\n {/* دکمه تغییر تقویم با آیکون */}\r\n <button \r\n type=\"button\" \r\n className={`calendar-header__toggle-btn ${calendarType}`}\r\n onClick={onToggleCalendarType}\r\n title={calendarType === 'jalali' ? \"تغییر به تقویم میلادی\" : \"Switch to Persian Calendar\"}\r\n >\r\n {calendarType === 'jalali' ? <SunIcon /> : <GlobeIcon />}\r\n </button>\r\n\r\n <div className=\"calendar-header__controls\">\r\n <button type=\"button\" className=\"calendar-header__nav-button\" onClick={onPrev} aria-label=\"قبلی\">\r\n <ChevronRightIcon />\r\n </button>\r\n <button type=\"button\" className=\"calendar-header__title\" onClick={onTitleClick}>\r\n {title}\r\n </button>\r\n <button type=\"button\" className=\"calendar-header__nav-button\" onClick={onNext} aria-label=\"بعدی\">\r\n <ChevronLeftIcon />\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\nexport interface DayCellProps {\r\n date: Date;\r\n isCurrentMonth: boolean;\r\n isSelected: boolean;\r\n isToday: boolean;\r\n // ✅ پراپ‌های جدید بازه\r\n isInRange?: boolean;\r\n isRangeStart?: boolean;\r\n isRangeEnd?: boolean;\r\n isDisabled?: boolean;\r\n onClick: (date: Date) => void;\r\n dateFns: DateFunctions;\r\n}\r\n\r\nexport const DayCell: React.FC<DayCellProps> = ({\r\n date,\r\n isCurrentMonth,\r\n isSelected,\r\n isToday,\r\n isInRange = false,\r\n isRangeStart = false,\r\n isRangeEnd = false,\r\n isDisabled = false,\r\n onClick,\r\n dateFns,\r\n}) => {\r\n const dayNumber = dateFns.format(date, 'd');\r\n\r\n const cellClassName = clsx('day-cell', {\r\n 'day-cell--not-current-month': !isCurrentMonth,\r\n 'day-cell--is-today': isToday,\r\n 'day-cell--is-selected': isSelected,\r\n 'day-cell--is-disabled': isDisabled,\r\n // ✅ کلاس‌های جدید\r\n 'day-cell--in-range': isInRange,\r\n 'day-cell--range-start': isRangeStart,\r\n 'day-cell--range-end': isRangeEnd,\r\n });\r\n\r\n return (\r\n <div className={cellClassName}>\r\n <button\r\n type=\"button\"\r\n className=\"day-cell__button\"\r\n onClick={() => !isDisabled && onClick(date)}\r\n disabled={isDisabled}\r\n >\r\n {dayNumber}\r\n </button>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport { DayCell } from './DayCell';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\ninterface MonthViewProps {\r\n daysOfMonth: Date[];\r\n weekDays: string[];\r\n dateFns: DateFunctions;\r\n onSelectDate: (date: Date) => void;\r\n isDateSelected: (date: Date) => boolean;\r\n // ✅ پراپ‌های جدید\r\n isInRange: (date: Date) => boolean;\r\n isRangeStart: (date: Date) => boolean;\r\n isRangeEnd: (date: Date) => boolean;\r\n isSameMonthAsCurrent: (date: Date) => boolean;\r\n isToday: (date: Date) => boolean;\r\n}\r\n\r\nexport const MonthView: React.FC<MonthViewProps> = ({\r\n daysOfMonth,\r\n weekDays,\r\n dateFns,\r\n onSelectDate,\r\n isDateSelected,\r\n isInRange,\r\n isRangeStart,\r\n isRangeEnd,\r\n isSameMonthAsCurrent,\r\n isToday,\r\n}) => {\r\n return (\r\n <div className=\"month-view\">\r\n <div className=\"month-view__weekdays\">\r\n {weekDays.map(dayName => (\r\n <div key={dayName} className=\"month-view__weekday-name\">\r\n {dayName}\r\n </div>\r\n ))}\r\n </div>\r\n <div className=\"month-view__days-grid\">\r\n {daysOfMonth.map(day => (\r\n <DayCell\r\n key={day.toISOString()}\r\n date={day}\r\n onClick={onSelectDate}\r\n isSelected={isDateSelected(day)}\r\n // ✅ پاس دادن مقادیر محاسباتی\r\n isInRange={isInRange(day)}\r\n isRangeStart={isRangeStart(day)}\r\n isRangeEnd={isRangeEnd(day)}\r\n isCurrentMonth={isSameMonthAsCurrent(day)}\r\n isToday={isToday(day)}\r\n dateFns={dateFns}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { DateFunctions } from '../../utils/dateAdapter';\r\n\r\ninterface MonthPickerViewProps {\r\n months: Date[];\r\n onSelectMonth: (monthIndex: number) => void;\r\n isCurrentMonth: (monthIndex: number) => boolean;\r\n dateFns: DateFunctions; // ✅ دریافت توابع تاریخ\r\n}\r\n\r\nexport const MonthPickerView: React.FC<MonthPickerViewProps> = ({ \r\n months, onSelectMonth, isCurrentMonth, dateFns \r\n}) => {\r\n return (\r\n <div className=\"picker-view month-picker-view\">\r\n {months.map((monthDate, index) => {\r\n const monthClassName = clsx('picker-item', {\r\n 'picker-item--is-current': isCurrentMonth(index),\r\n });\r\n \r\n return (\r\n <button\r\n key={index}\r\n type=\"button\"\r\n className={monthClassName}\r\n onClick={() => onSelectMonth(index)}\r\n >\r\n {dateFns.format(monthDate, 'LLLL')}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n );\r\n};","\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\n\r\ninterface YearViewProps {\r\n years: number[];\r\n onSelectYear: (year: number) => void;\r\n isCurrentYear: (year: number) => boolean;\r\n isYearDisabled: (year: number) => boolean;\r\n}\r\n\r\n// ✅ اطمینان حاصل کنید که کلمه export دقیقاً قبل از const قرار دارد\r\nexport const YearView: React.FC<YearViewProps> = ({ \r\n years, \r\n onSelectYear, \r\n isCurrentYear, \r\n isYearDisabled \r\n}) => {\r\n return (\r\n <div className=\"picker-view year-picker-view\">\r\n {years.map(year => {\r\n const isDisabled = isYearDisabled(year);\r\n const yearClassName = clsx('picker-item', {\r\n 'picker-item--is-current': isCurrentYear(year),\r\n 'picker-item--is-disabled': isDisabled,\r\n });\r\n\r\n return (\r\n <button\r\n key={year}\r\n type=\"button\"\r\n className={yearClassName}\r\n onClick={() => !isDisabled && onSelectYear(year)}\r\n disabled={isDisabled}\r\n aria-current={isCurrentYear(year) ? 'true' : undefined}\r\n >\r\n {year}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n );\r\n};"],"mappings":"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","names":["clsx","jsx","jsx","jsxs","clsx","jsx","clsx","jsx","jsx","jsxs","clsx"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mehdi-akbari-calendar",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "A professional and customizable Persian (Jalali) calendar component for React.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",