@egov3/system-design 1.3.124 → 1.3.126

package/dist/esm/customHooks/useCalendar.js

@@ -1,74 +1,88 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { PERIOD_KEYS } from '../constants/calendar/index.js';
+import { clampCalendarVisibleDate, isCalendarMonthAfterDate, getCalendarDateWithoutTime, isSameCalendarDate } from '../utils/calendar.js';
 import { getDaysInMonth } from '../utils/date/getDaysInMonth.js';
 
 const TODAY = new Date();
 const YEARS_BACK = 100;
-const isSameDate = (left, right) => left.getFullYear() === right.getFullYear() &&
-    left.getMonth() === right.getMonth() &&
-    left.getDate() === right.getDate();
-const buildCalendarDays = (month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd) => {
+const getDateTimestamp = (date) => date ? getCalendarDateWithoutTime(date).getTime() : null;
+const buildCalendarDays = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, maxDate, }) => {
     const firstDayIndex = (new Date(year, month, 1).getDay() + 6) % 7;
     const daysInMonth = getDaysInMonth(month, year);
     const trailingDays = (7 - ((firstDayIndex + daysInMonth) % 7)) % 7;
     const cellCount = firstDayIndex + daysInMonth + trailingDays;
     const startDate = new Date(year, month, 1 - firstDayIndex);
+    const rangeStartTime = getDateTimestamp(rangeStart);
+    const rangeEndTime = getDateTimestamp(rangeEnd);
+    const maxDateTime = getDateTimestamp(maxDate);
+    const isDateInRange = (dateTime) => rangeStartTime !== null &&
+        rangeEndTime !== null &&
+        dateTime >= rangeStartTime &&
+        dateTime <= rangeEndTime;
+    const isDateDisabled = (dateTime) => {
+        if (maxDateTime !== null && dateTime > maxDateTime) {
+            return true;
+        }
+        if (selectedPeriodInterval === PERIOD_KEYS.from) {
+            return rangeEndTime !== null && dateTime > rangeEndTime;
+        }
+        return rangeStartTime !== null && dateTime < rangeStartTime;
+    };
     return Array.from({ length: cellCount }, (_, index) => {
         const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index);
+        const dateTime = getCalendarDateWithoutTime(date).getTime();
         return {
             date,
             day: date.getDate(),
             isCurrentMonth: date.getMonth() === month,
-            isToday: isSameDate(date, TODAY),
-            isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
-            isInRange: Boolean(rangeStart &&
-                rangeEnd &&
-                date.getTime() >= rangeStart.getTime() &&
-                date.getTime() <= rangeEnd.getTime()),
-            isDisabled: Boolean((selectedPeriodInterval === PERIOD_KEYS.from &&
-                rangeEnd &&
-                date.getTime() > rangeEnd.getTime()) ||
-                (selectedPeriodInterval === PERIOD_KEYS.to &&
-                    rangeStart &&
-                    date.getTime() < rangeStart.getTime())),
+            isToday: isSameCalendarDate(date, TODAY),
+            isSelected: selectedDate ? isSameCalendarDate(date, selectedDate) : false,
+            isInRange: isDateInRange(dateTime),
+            isDisabled: isDateDisabled(dateTime),
         };
     });
 };
-const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, onMonthChange, }) => {
-    const [visibleDate, setVisibleDate] = useState(() => new Date(year, month, 1));
+const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, maxDate, onMonthChange, }) => {
+    const [visibleDate, setVisibleDate] = useState(() => clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
     const [isYearPickerOpen, setIsYearPickerOpen] = useState(false);
     const yearListRef = useRef(null);
     const visibleMonth = visibleDate.getMonth();
     const visibleYear = visibleDate.getFullYear();
-    const days = useMemo(() => buildCalendarDays(visibleMonth, visibleYear, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd), [
-        visibleMonth,
-        visibleYear,
-        rangeEnd,
-        rangeStart,
+    const days = buildCalendarDays({
+        month: visibleMonth,
+        year: visibleYear,
         selectedDate,
         selectedPeriodInterval,
-    ]);
-    const maxYear = TODAY.getFullYear();
+        rangeStart,
+        rangeEnd,
+        maxDate,
+    });
+    const maxYear = maxDate?.getFullYear() ?? TODAY.getFullYear();
     const minYear = maxYear - YEARS_BACK;
     const years = Array.from({ length: maxYear - minYear + 1 }, (_, index) => maxYear - index);
+    const isNextMonthDisabled = Boolean(maxDate && isCalendarMonthAfterDate(visibleMonth + 1, visibleYear, maxDate));
     const changeMonth = (offset) => {
         setVisibleDate((current) => {
             const next = new Date(current.getFullYear(), current.getMonth() + offset, 1);
-            onMonthChange?.(next);
-            return next;
+            const clampedNext = clampCalendarVisibleDate(next, maxDate);
+            if (clampedNext.getTime() === current.getTime()) {
+                return current;
+            }
+            onMonthChange?.(clampedNext);
+            return clampedNext;
         });
     };
     const pickYear = (pickedYear) => {
         setVisibleDate((current) => {
-            const next = new Date(pickedYear, current.getMonth(), 1);
+            const next = clampCalendarVisibleDate(new Date(pickedYear, current.getMonth(), 1), maxDate);
             onMonthChange?.(next);
             return next;
         });
         setIsYearPickerOpen(false);
     };
     useEffect(() => {
-        setVisibleDate(new Date(year, month, 1));
-    }, [month, year]);
+        setVisibleDate(clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
+    }, [month, maxDate, year]);
     useEffect(() => {
         if (!isYearPickerOpen || !yearListRef.current) {
             return;
@@ -82,6 +96,7 @@ const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeS
         visibleMonth,
         visibleYear,
         isYearPickerOpen,
+        isNextMonthDisabled,
         setIsYearPickerOpen,
         yearListRef,
         changeMonth,

package/dist/esm/customHooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/utils/calendar.js

@@ -0,0 +1,54 @@
+import { convertType } from './date/convertType.js';
+
+const formatCalendarDate = (date) => {
+    if (!date) {
+        return "";
+    }
+    return `${convertType.day.toString(date.getDate())}.${convertType.month.toString(date.getMonth())}.${date.getFullYear()}`;
+};
+const normalizeCalendarDate = (value) => {
+    if (!value) {
+        return null;
+    }
+    const normalizedDate = value instanceof Date ? value : new Date(value);
+    return Number.isNaN(normalizedDate.getTime()) ? null : normalizedDate;
+};
+const getCalendarDateWithoutTime = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+const isSameCalendarDate = (left, right) => left.getFullYear() === right.getFullYear() &&
+    left.getMonth() === right.getMonth() &&
+    left.getDate() === right.getDate();
+const isCalendarDateAfter = (date, maxDate) => {
+    if (!date || !maxDate) {
+        return false;
+    }
+    return (getCalendarDateWithoutTime(date).getTime() >
+        getCalendarDateWithoutTime(maxDate).getTime());
+};
+const getPeriodDateKey = (periodKey) => `${periodKey}Date`;
+const updateSelectedPeriod = (currentPeriod, selectedPeriodInterval, nextDate) => {
+    const periodDateKey = getPeriodDateKey(selectedPeriodInterval);
+    const currentDate = currentPeriod[periodDateKey];
+    const isSameDate = currentDate
+        ? isSameCalendarDate(currentDate, nextDate)
+        : false;
+    const nextPeriod = {
+        ...currentPeriod,
+        [periodDateKey]: isSameDate ? null : nextDate,
+    };
+    return {
+        ...nextPeriod,
+        periodSelected: Boolean(nextPeriod.fromDate && nextPeriod.toDate),
+    };
+};
+const isCalendarMonthAfterDate = (month, year, date) => year > date.getFullYear() ||
+    (year === date.getFullYear() && month > date.getMonth());
+const clampCalendarVisibleDate = (date, maxDate) => {
+    if (!maxDate ||
+        !isCalendarMonthAfterDate(date.getMonth(), date.getFullYear(), maxDate)) {
+        return date;
+    }
+    return new Date(maxDate.getFullYear(), maxDate.getMonth(), 1);
+};
+
+export { clampCalendarVisibleDate, formatCalendarDate, getCalendarDateWithoutTime, getPeriodDateKey, isCalendarDateAfter, isCalendarMonthAfterDate, isSameCalendarDate, normalizeCalendarDate, updateSelectedPeriod };
+//# sourceMappingURL=calendar.js.map

package/dist/esm/utils/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/utils/calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/utils/date/getMonthNameProper.js

@@ -1,7 +1,32 @@
 import { currentYear } from './index.js';
 
-const getMonthNameProper = (month) => {
-    const monthName = new Date(currentYear, month).toLocaleString("ru-RU", {
+const localeByLang = {
+    ru: "ru-RU",
+    kk: "kk-KZ",
+    en: "en-US",
+};
+const monthNamesByLang = {
+    kk: [
+        "Қаңтар",
+        "Ақпан",
+        "Наурыз",
+        "Сәуір",
+        "Мамыр",
+        "Маусым",
+        "Шілде",
+        "Тамыз",
+        "Қыркүйек",
+        "Қазан",
+        "Қараша",
+        "Желтоқсан",
+    ],
+};
+const getMonthNameProper = (month, lang) => {
+    const translatedMonthName = monthNamesByLang[lang]?.[month];
+    if (translatedMonthName) {
+        return translatedMonthName;
+    }
+    const monthName = new Date(currentYear, month).toLocaleString(localeByLang[lang], {
         month: "long",
     });
     return monthName.charAt(0).toUpperCase() + monthName.slice(1);

package/dist/esm/utils/date/getMonthNameProper.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthNameProper.js","sources":["../../../../src/utils/date/getMonthNameProper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAAa,KAAY;AAC1D,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE;AACrE,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC;AACF,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/D;;;;"}
+{"version":3,"file":"getMonthNameProper.js","sources":["../../../../src/utils/date/getMonthNameProper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,YAAY,GAAuC;AACvD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;CACZ;AAED,MAAM,gBAAgB,GAAkD;AACtE,IAAA,EAAE,EAAE;QACF,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,OAAO;QACP,OAAO;QACP,QAAQ;QACR,OAAO;QACP,OAAO;QACP,UAAU;QACV,OAAO;QACP,QAAQ;QACR,WAAW;AACZ,KAAA;CACF;MAEY,kBAAkB,GAAG,CAChC,KAAa,EACb,IAAwB,KACd;IACV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAE3D,IAAA,IAAI,mBAAmB,EAAE;AACvB,QAAA,OAAO,mBAAmB;AAC3B,IAAA;AAED,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,cAAc,CAC3D,YAAY,CAAC,IAAI,CAAC,EAClB;AACE,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CACF;AACD,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/D;;;;"}

package/dist/types/components/Calendar/Body/index.d.ts

@@ -1,11 +1,13 @@
 import { TPeriodKeys } from '../../../interfaces/Calendar.js';
+import { ILangProps } from '../../../interfaces/common/index.js';
 
-interface ICalendarBodyProps {
+interface ICalendarBodyProps extends ILangProps {
     month?: number;
     year?: number;
     selectedDate?: Date | null;
     rangeStart?: Date | null;
     rangeEnd?: Date | null;
+    maxDate?: Date | null;
     selectedPeriodInterval?: TPeriodKeys;
     onDayClick?: (date: Date) => void;
     onMonthChange?: (date: Date) => void;

package/dist/types/components/Calendar/index.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TCalendarMode, ISelectedPeriod, TPeriodKeys } from '../../interfaces/Calendar.js';
+import { ILangProps } from '../../interfaces/common/index.js';
+
+interface ICalendarProps extends ILangProps {
+    mode?: TCalendarMode;
+    isOpen?: boolean;
+    setIsOpen?: Dispatch<SetStateAction<boolean>>;
+    title?: string;
+    maxDate?: Date | null;
+    selectedDate?: Date | null;
+    selectedPeriod?: ISelectedPeriod;
+    defaultPeriodInterval?: TPeriodKeys;
+    onDateChange?: (date: Date | null) => void;
+    onPeriodChange?: (period: ISelectedPeriod) => void;
+    onSave?: (value: Date | null | ISelectedPeriod) => void;
+}
+
+export type { ICalendarProps };

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { ICalendarBodyProps } from './components/Calendar/Body/index.js';
+import { ICalendarProps } from './components/Calendar/index.js';
 import { INotificationWrapperProps } from './components/Notification/Wrapper/index.js';
 import { INotificationComponentProps } from './components/Notification/Item/index.js';
 import { IServiceCardComponentProps } from './components/ServiceCardComponent/index.js';
@@ -100,8 +101,8 @@ declare const SystemDesign: {
         ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react_jsx_runtime.JSX.Element | null;
-        Calendar: () => react_jsx_runtime.JSX.Element;
-        CalendarBody: ({ month, year, selectedDate, rangeStart, rangeEnd, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
+        Calendar: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react_jsx_runtime.JSX.Element;
+        CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
     };
 };
 

package/dist/types/interfaces/Calendar.d.ts

@@ -1,7 +1,13 @@
+interface ISelectedPeriod {
+    fromDate?: Date | null;
+    toDate?: Date | null;
+    periodSelected: boolean;
+}
+type TCalendarMode = "default" | "period";
 interface IPeriodKeys {
     from: "from";
     to: "to";
 }
 type TPeriodKeys = keyof IPeriodKeys;
 
-export type { IPeriodKeys, TPeriodKeys };
+export type { IPeriodKeys, ISelectedPeriod, TCalendarMode, TPeriodKeys };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.124",
+  "version": "1.3.126",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",