@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Calendar/components/CalendarControls.js

@@ -1,97 +1,134 @@
-import { jsxs as T, jsx as s } from "react/jsx-runtime";
-import { useContext as D } from "react";
-import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@sberbusiness/icons-next";
-import { CalendarContext as w } from "../CalendarContext.js";
-import { Button as H } from "../../Button/Button.js";
-import { ButtonIcon as A } from "../../Button/ButtonIcon.js";
-import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js";
-import { ECalendarViewMode as e } from "../enums.js";
-import { globalLimitRange as O } from "../../../consts/DateConst.js";
-import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__dffcaf6f", j = {
-  calendarControls: U
-}, X = ({
-  children: m,
-  prevButtonProps: i = {},
-  nextButtonProps: d = {},
-  viewButtonProps: c = {}
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { CalendarContext } from "../CalendarContext.js";
+import { Button } from "../../Button/Button.js";
+import { ButtonIcon } from "../../Button/ButtonIcon.js";
+import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
+import { ECalendarViewMode } from "../enums.js";
+import { globalLimitRange } from "../../../consts/DateConst.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+const calendarControls = "calendarControls__8c99c869";
+const styles = {
+  calendarControls
+};
+const CalendarControls = ({
+  children,
+  prevButtonProps = {},
+  nextButtonProps = {},
+  viewButtonProps = {}
 }) => {
-  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), b = () => {
-    const { disabled: t, onClick: o, ...r } = typeof i == "function" ? i(n) : i;
-    return /* @__PURE__ */ s(
-      A,
+  const { viewDate, viewMode, limitRange, periodId, onPageChange, onViewChange } = useContext(CalendarContext);
+  const renderPrevButton = () => {
+    const { disabled, onClick, ...rest } = typeof prevButtonProps === "function" ? prevButtonProps(viewMode) : prevButtonProps;
+    return /* @__PURE__ */ jsx(
+      ButtonIcon,
       {
-        shape: E.CIRCLE,
-        disabled: t || N(),
-        onClick: R(o),
-        ...r,
-        children: /* @__PURE__ */ s(B, { paletteIndex: 5 })
+        shape: EButtonIconShape.CIRCLE,
+        disabled: disabled || isPrevButtonDisabled(),
+        onClick: handlePrevButtonClick(onClick),
+        ...rest,
+        children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5 })
       }
     );
-  }, g = () => {
-    const { disabled: t, onClick: o, ...r } = typeof d == "function" ? d(n) : d;
-    return /* @__PURE__ */ s(
-      A,
+  };
+  const renderNextButton = () => {
+    const { disabled, onClick, ...rest } = typeof nextButtonProps === "function" ? nextButtonProps(viewMode) : nextButtonProps;
+    return /* @__PURE__ */ jsx(
+      ButtonIcon,
       {
-        shape: E.CIRCLE,
-        disabled: t || Y(),
-        onClick: x(o),
-        ...r,
-        children: /* @__PURE__ */ s(v, { paletteIndex: 5 })
+        shape: EButtonIconShape.CIRCLE,
+        disabled: disabled || isNextButtonDisabled(),
+        onClick: handleNextButtonClick(onClick),
+        ...rest,
+        children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon24, { paletteIndex: 5 })
       }
     );
-  }, I = () => {
-    const { onClick: t, ...o } = typeof c == "function" ? c(n) : c;
-    return /* @__PURE__ */ s(
-      H,
+  };
+  const renderViewButton = () => {
+    const { onClick, ...rest } = typeof viewButtonProps === "function" ? viewButtonProps(viewMode) : viewButtonProps;
+    return /* @__PURE__ */ jsx(
+      Button,
       {
-        id: S,
+        id: periodId,
         "aria-live": "polite",
-        theme: L.LINK,
-        size: V.SM,
-        onClick: M(t),
-        ...o,
-        children: m
+        theme: EButtonTheme.LINK,
+        size: EComponentSize.SM,
+        onClick: handleViewButtonClick(onClick),
+        ...rest,
+        children
       }
     );
-  }, N = () => {
-    const t = a.clone();
-    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || O.dateFrom, "day");
-  }, Y = () => {
-    const t = a.clone();
-    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || O.dateTo, "day");
-  }, R = (t) => (o) => {
-    const r = C(), f = y(), l = a.clone().subtract(f, r);
-    h(l, n), t == null || t(o);
-  }, x = (t) => (o) => {
-    const r = C(), f = y(), l = a.clone().add(f, r);
-    h(l, n), t == null || t(o);
-  }, M = (t) => (o) => {
-    n === e.DAYS ? p(a, e.MONTHS) : n === e.MONTHS && p(a, e.YEARS), t == null || t(o);
-  }, C = () => {
-    switch (n) {
-      case e.DAYS:
+  };
+  const isPrevButtonDisabled = () => {
+    const date = viewDate.clone();
+    if (viewMode === ECalendarViewMode.DAYS) {
+      date.startOf("month");
+    } else if (viewMode === ECalendarViewMode.MONTHS) {
+      date.startOf("year");
+    } else if (viewMode === ECalendarViewMode.YEARS) {
+      date.startOf("year").subtract(5, "years");
+    }
+    return date.subtract(1, "day").isBefore(limitRange.dateFrom || globalLimitRange.dateFrom, "day");
+  };
+  const isNextButtonDisabled = () => {
+    const date = viewDate.clone();
+    if (viewMode === ECalendarViewMode.DAYS) {
+      date.endOf("month");
+    } else if (viewMode === ECalendarViewMode.MONTHS) {
+      date.endOf("year");
+    } else if (viewMode === ECalendarViewMode.YEARS) {
+      date.endOf("year").add(6, "years");
+    }
+    return date.add(1, "day").isAfter(limitRange.dateTo || globalLimitRange.dateTo, "day");
+  };
+  const handlePrevButtonClick = (onClick) => (event) => {
+    const shiftUnit = getPageShiftUnit();
+    const shiftAmount = getPageShiftAmount();
+    const date = viewDate.clone().subtract(shiftAmount, shiftUnit);
+    onPageChange(date, viewMode);
+    onClick == null ? void 0 : onClick(event);
+  };
+  const handleNextButtonClick = (onClick) => (event) => {
+    const shiftUnit = getPageShiftUnit();
+    const shiftAmount = getPageShiftAmount();
+    const date = viewDate.clone().add(shiftAmount, shiftUnit);
+    onPageChange(date, viewMode);
+    onClick == null ? void 0 : onClick(event);
+  };
+  const handleViewButtonClick = (onClick) => (event) => {
+    if (viewMode === ECalendarViewMode.DAYS) {
+      onViewChange(viewDate, ECalendarViewMode.MONTHS);
+    } else if (viewMode === ECalendarViewMode.MONTHS) {
+      onViewChange(viewDate, ECalendarViewMode.YEARS);
+    }
+    onClick == null ? void 0 : onClick(event);
+  };
+  const getPageShiftUnit = () => {
+    switch (viewMode) {
+      case ECalendarViewMode.DAYS:
         return "month";
-      case e.MONTHS:
-      case e.YEARS:
+      case ECalendarViewMode.MONTHS:
+      case ECalendarViewMode.YEARS:
         return "year";
     }
-  }, y = () => {
-    switch (n) {
-      case e.DAYS:
-      case e.MONTHS:
+  };
+  const getPageShiftAmount = () => {
+    switch (viewMode) {
+      case ECalendarViewMode.DAYS:
+      case ECalendarViewMode.MONTHS:
         return 1;
-      case e.YEARS:
+      case ECalendarViewMode.YEARS:
         return 12;
     }
   };
-  return /* @__PURE__ */ T("div", { className: j.calendarControls, children: [
-    b(),
-    n === e.YEARS ? /* @__PURE__ */ s("span", { id: S, tabIndex: -1, "aria-live": "polite", children: m }) : I(),
-    g()
+  return /* @__PURE__ */ jsxs("div", { className: styles.calendarControls, children: [
+    renderPrevButton(),
+    viewMode === ECalendarViewMode.YEARS ? /* @__PURE__ */ jsx("span", { id: periodId, tabIndex: -1, "aria-live": "polite", children }) : renderViewButton(),
+    renderNextButton()
   ] });
 };
 export {
-  X as CalendarControls
+  CalendarControls
 };
 //# sourceMappingURL=CalendarControls.js.map

package/components/Calendar/components/CalendarControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarControls.js","sources":["../../../../src/components/Calendar/components/CalendarControls.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { ICalendarProps } from \"../types\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonIcon } from \"../../Button/ButtonIcon\";\nimport { EButtonTheme, EButtonIconShape } from \"../../Button/enums\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { globalLimitRange } from \"../../../consts/DateConst\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport styles from \"../styles/CalendarControls.module.less\";\n\n/** Свойства компонента CalendarControls. */\nexport interface ICalendarControlsProps extends Pick<\n    ICalendarProps,\n    \"prevButtonProps\" | \"nextButtonProps\" | \"viewButtonProps\"\n> {\n    children: React.ReactNode;\n}\n\n/** Элементы управления календаря. */\nexport const CalendarControls: React.FC<ICalendarControlsProps> = ({\n    children,\n    prevButtonProps = {},\n    nextButtonProps = {},\n    viewButtonProps = {},\n}): JSX.Element => {\n    const { viewDate, viewMode, limitRange, periodId, onPageChange, onViewChange } = useContext(CalendarContext);\n\n    /** Рендер кнопки \"назад\". */\n    const renderPrevButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof prevButtonProps === \"function\" ? prevButtonProps(viewMode) : prevButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isPrevButtonDisabled()}\n                onClick={handlePrevButtonClick(onClick)}\n                {...rest}\n            >\n                <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"вперед\". */\n    const renderNextButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof nextButtonProps === \"function\" ? nextButtonProps(viewMode) : nextButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isNextButtonDisabled()}\n                onClick={handleNextButtonClick(onClick)}\n                {...rest}\n            >\n                <CaretrightStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"изменить вид\". */\n    const renderViewButton = () => {\n        const { onClick, ...rest } =\n            typeof viewButtonProps === \"function\" ? viewButtonProps(viewMode) : viewButtonProps;\n\n        return (\n            <Button\n                id={periodId}\n                aria-live=\"polite\"\n                theme={EButtonTheme.LINK}\n                size={EComponentSize.SM}\n                onClick={handleViewButtonClick(onClick)}\n                {...rest}\n            >\n                {children}\n            </Button>\n        );\n    };\n\n    /** Проверяет, является ли кнопка \"назад\" отключенной. */\n    const isPrevButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.startOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.startOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.startOf(\"year\").subtract(5, \"years\");\n        }\n\n        return date.subtract(1, \"day\").isBefore(limitRange.dateFrom || globalLimitRange.dateFrom, \"day\");\n    };\n\n    /** Проверяет, является ли кнопка \"вперёд\" отключенной. */\n    const isNextButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.endOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.endOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.endOf(\"year\").add(6, \"years\");\n        }\n\n        return date.add(1, \"day\").isAfter(limitRange.dateTo || globalLimitRange.dateTo, \"day\");\n    };\n\n    /** Обработчик клика на кнопку \"назад\". */\n    const handlePrevButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            const shiftUnit = getPageShiftUnit();\n            const shiftAmount = getPageShiftAmount();\n            const date = viewDate.clone().subtract(shiftAmount, shiftUnit);\n\n            onPageChange(date, viewMode);\n            onClick?.(event);\n        };\n\n    /** Обработчик клика на кнопку \"вперёд\". */\n    const handleNextButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            const shiftUnit = getPageShiftUnit();\n            const shiftAmount = getPageShiftAmount();\n            const date = viewDate.clone().add(shiftAmount, shiftUnit);\n\n            onPageChange(date, viewMode);\n            onClick?.(event);\n        };\n\n    /** Обработчик клика на кнопку \"изменить вид\". */\n    const handleViewButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (viewMode === ECalendarViewMode.DAYS) {\n                onViewChange(viewDate, ECalendarViewMode.MONTHS);\n            } else if (viewMode === ECalendarViewMode.MONTHS) {\n                onViewChange(viewDate, ECalendarViewMode.YEARS);\n            }\n\n            onClick?.(event);\n        };\n\n    /** Получить единицу измерения сдвига. */\n    const getPageShiftUnit = () => {\n        switch (viewMode) {\n            case ECalendarViewMode.DAYS:\n                return \"month\";\n            case ECalendarViewMode.MONTHS:\n            case ECalendarViewMode.YEARS:\n                return \"year\";\n        }\n    };\n\n    /** Получить количество единиц сдвига. */\n    const getPageShiftAmount = () => {\n        switch (viewMode) {\n            case ECalendarViewMode.DAYS:\n            case ECalendarViewMode.MONTHS:\n                return 1;\n            case ECalendarViewMode.YEARS:\n                return 12;\n        }\n    };\n\n    return (\n        <div className={styles.calendarControls}>\n            {renderPrevButton()}\n            {viewMode === ECalendarViewMode.YEARS ? (\n                <span id={periodId} tabIndex={-1} aria-live=\"polite\">\n                    {children}\n                </span>\n            ) : (\n                renderViewButton()\n            )}\n            {renderNextButton()}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/components/Calendar/components/CalendarFooter.js

@@ -1,9 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-const e = "calendarFooter__d3576abb", r = {
-  calendarFooter: e
-}, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
-t.displayName = "CalendarFooter";
+import { jsx } from "react/jsx-runtime";
+const calendarFooter = "calendarFooter__2c3d3c07";
+const styles = {
+  calendarFooter
+};
+const CalendarFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.calendarFooter, children });
+CalendarFooter.displayName = "CalendarFooter";
 export {
-  t as CalendarFooter
+  CalendarFooter
 };
 //# sourceMappingURL=CalendarFooter.js.map

package/components/Calendar/components/CalendarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarFooter.js","sources":["../../../../src/components/Calendar/components/CalendarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/CalendarFooter.module.less\";\n\n/** Свойства компонента CalendarFooter. */\nexport interface ICalendarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер календаря. */\nexport const CalendarFooter: React.FC<ICalendarFooterProps> = ({ children }) => (\n    <div className={styles.calendarFooter}>{children}</div>\n);\n\nCalendarFooter.displayName = \"CalendarFooter\";\n"],"names":[],"mappings":";;;;;AAOO,MAAM,iBAAiD,CAAC,EAAE,SAAA,0BAC5D,OAAA,EAAI,WAAW,OAAO,gBAAiB,SAAA,CAAS;AAGrD,eAAe,cAAc;"}

package/components/Calendar/components/CalendarFooterButton.js

@@ -1,29 +1,54 @@
-import { jsx as y } from "react/jsx-runtime";
-import A, { useContext as E } from "react";
-import { CalendarContext as O } from "../CalendarContext.js";
-import { Button as g } from "../../Button/Button.js";
-import { EButtonTheme as M } from "../../Button/enums.js";
-import { ECalendarPickType as f, ECalendarViewMode as o } from "../enums.js";
-import { isDateOutOfRange as l, isDayDisabled as N } from "../utils.js";
-const R = A.forwardRef(
-  ({ date: e, currentPeriodSelected: p, disabled: t, onClick: r, ...D }, u) => {
-    const { format: d, limitRange: i, pickType: n, viewMode: a, disabledDays: C, onPageChange: m, onViewChange: s, onDateSelect: S } = E(O), T = (h) => {
-      p ? S(e) : n === f.DATE ? a === o.DAYS ? m(e, o.DAYS) : s(e, o.DAYS) : a === o.MONTHS ? m(e, o.MONTHS) : s(e, o.MONTHS), r == null || r(h);
-    }, c = () => t !== void 0 ? t : n === f.DATE ? l(e, i, "day") || N(e.format(d), C) : l(e, i, "month");
-    return /* @__PURE__ */ y(
-      g,
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { CalendarContext } from "../CalendarContext.js";
+import { Button } from "../../Button/Button.js";
+import { EButtonTheme } from "../../Button/enums.js";
+import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
+import { isDateOutOfRange, isDayDisabled } from "../utils.js";
+const CalendarFooterButton = React__default.forwardRef(
+  ({ date, currentPeriodSelected, disabled, onClick, ...restProps }, ref) => {
+    const { format, limitRange, pickType, viewMode, disabledDays, onPageChange, onViewChange, onDateSelect } = useContext(CalendarContext);
+    const handleClick = (event) => {
+      if (currentPeriodSelected) {
+        onDateSelect(date);
+      } else if (pickType === ECalendarPickType.DATE) {
+        if (viewMode === ECalendarViewMode.DAYS) {
+          onPageChange(date, ECalendarViewMode.DAYS);
+        } else {
+          onViewChange(date, ECalendarViewMode.DAYS);
+        }
+      } else {
+        if (viewMode === ECalendarViewMode.MONTHS) {
+          onPageChange(date, ECalendarViewMode.MONTHS);
+        } else {
+          onViewChange(date, ECalendarViewMode.MONTHS);
+        }
+      }
+      onClick == null ? void 0 : onClick(event);
+    };
+    const isDisabled = () => {
+      if (disabled !== void 0) {
+        return disabled;
+      } else if (pickType === ECalendarPickType.DATE) {
+        return isDateOutOfRange(date, limitRange, "day") || isDayDisabled(date.format(format), disabledDays);
+      } else {
+        return isDateOutOfRange(date, limitRange, "month");
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Button,
       {
-        theme: M.SECONDARY,
-        ...D,
-        disabled: c(),
-        onClick: T,
-        ref: u
+        theme: EButtonTheme.SECONDARY,
+        ...restProps,
+        disabled: isDisabled(),
+        onClick: handleClick,
+        ref
       }
     );
   }
 );
-R.displayName = "CalendarFooterButton";
+CalendarFooterButton.displayName = "CalendarFooterButton";
 export {
-  R as CalendarFooterButton
+  CalendarFooterButton
 };
 //# sourceMappingURL=CalendarFooterButton.js.map

package/components/Calendar/components/CalendarFooterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarFooterButton.js","sources":["../../../../src/components/Calendar/components/CalendarFooterButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport moment from \"moment\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { Button, IButtonSecondaryProps } from \"../../Button/Button\";\nimport { EButtonTheme } from \"../../Button/enums\";\nimport { ECalendarPickType, ECalendarViewMode } from \"../enums\";\nimport { isDateOutOfRange, isDayDisabled } from \"../utils\";\n\n/** Свойства компонента CalendarFooterButton. */\nexport interface ICalendarFooterButtonProps extends Omit<IButtonSecondaryProps, \"theme\"> {\n    /** Дата. */\n    date: moment.Moment;\n    /** Выбран текущий период. */\n    currentPeriodSelected: boolean;\n}\n\n/** Кнопка футера \"Вчера\", \"Сегодня\", \"Завтра\", \"К текущей дате\" или \"Текущий период\". */\nexport const CalendarFooterButton = React.forwardRef<HTMLButtonElement, ICalendarFooterButtonProps>(\n    ({ date, currentPeriodSelected, disabled, onClick, ...restProps }, ref) => {\n        const { format, limitRange, pickType, viewMode, disabledDays, onPageChange, onViewChange, onDateSelect } =\n            useContext(CalendarContext);\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (currentPeriodSelected) {\n                onDateSelect(date);\n            } else if (pickType === ECalendarPickType.DATE) {\n                if (viewMode === ECalendarViewMode.DAYS) {\n                    onPageChange(date, ECalendarViewMode.DAYS);\n                } else {\n                    onViewChange(date, ECalendarViewMode.DAYS);\n                }\n            } else {\n                if (viewMode === ECalendarViewMode.MONTHS) {\n                    onPageChange(date, ECalendarViewMode.MONTHS);\n                } else {\n                    onViewChange(date, ECalendarViewMode.MONTHS);\n                }\n            }\n\n            onClick?.(event);\n        };\n\n        const isDisabled = () => {\n            if (disabled !== undefined) {\n                return disabled;\n            } else if (pickType === ECalendarPickType.DATE) {\n                return isDateOutOfRange(date, limitRange, \"day\") || isDayDisabled(date.format(format), disabledDays);\n            } else {\n                return isDateOutOfRange(date, limitRange, \"month\");\n            }\n        };\n\n        return (\n            <Button\n                theme={EButtonTheme.SECONDARY}\n                {...restProps}\n                disabled={isDisabled()}\n                onClick={handleClick}\n                ref={ref}\n            />\n        );\n    },\n);\n\nCalendarFooterButton.displayName = \"CalendarFooterButton\";\n"],"names":["React"],"mappings":";;;;;;;AAiBO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,MAAM,uBAAuB,UAAU,SAAS,GAAG,UAAA,GAAa,QAAQ;AACvE,UAAM,EAAE,QAAQ,YAAY,UAAU,UAAU,cAAc,cAAc,cAAc,iBACtF,WAAW,eAAe;AAE9B,UAAM,cAAc,CAAC,UAA+C;AAChE,UAAI,uBAAuB;AACvB,qBAAa,IAAI;AAAA,MACrB,WAAW,aAAa,kBAAkB,MAAM;AAC5C,YAAI,aAAa,kBAAkB,MAAM;AACrC,uBAAa,MAAM,kBAAkB,IAAI;AAAA,QAC7C,OAAO;AACH,uBAAa,MAAM,kBAAkB,IAAI;AAAA,QAC7C;AAAA,MACJ,OAAO;AACH,YAAI,aAAa,kBAAkB,QAAQ;AACvC,uBAAa,MAAM,kBAAkB,MAAM;AAAA,QAC/C,OAAO;AACH,uBAAa,MAAM,kBAAkB,MAAM;AAAA,QAC/C;AAAA,MACJ;AAEA,yCAAU;AAAA,IACd;AAEA,UAAM,aAAa,MAAM;AACrB,UAAI,aAAa,QAAW;AACxB,eAAO;AAAA,MACX,WAAW,aAAa,kBAAkB,MAAM;AAC5C,eAAO,iBAAiB,MAAM,YAAY,KAAK,KAAK,cAAc,KAAK,OAAO,MAAM,GAAG,YAAY;AAAA,MACvG,OAAO;AACH,eAAO,iBAAiB,MAAM,YAAY,OAAO;AAAA,MACrD;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,aAAa;AAAA,QACnB,GAAG;AAAA,QACJ,UAAU,WAAA;AAAA,QACV,SAAS;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Calendar/components/CalendarView.js

@@ -1,30 +1,32 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useContext as d, useRef as f } from "react";
-import { CalendarContext as C } from "../CalendarContext.js";
-import { CalendarViewContext as c } from "../CalendarViewContext.js";
-import { ECalendarViewMode as o } from "../enums.js";
-import { CalendarViewDays as l } from "./CalendarViewDays.js";
-import { CalendarViewMonths as w } from "./CalendarViewMonths.js";
-import { CalendarViewYears as p } from "./CalendarViewYears.js";
-const Y = ({
-  dayHtmlAttributes: t,
-  monthHtmlAttributes: n,
-  yearHtmlAttributes: a,
-  ...r
+import { jsx } from "react/jsx-runtime";
+import { useContext, useRef } from "react";
+import { CalendarContext } from "../CalendarContext.js";
+import { CalendarViewContext } from "../CalendarViewContext.js";
+import { ECalendarViewMode } from "../enums.js";
+import { CalendarViewDays } from "./CalendarViewDays.js";
+import { CalendarViewMonths } from "./CalendarViewMonths.js";
+import { CalendarViewYears } from "./CalendarViewYears.js";
+const CalendarView = ({
+  dayHtmlAttributes,
+  monthHtmlAttributes,
+  yearHtmlAttributes,
+  ...rest
 }) => {
-  const { viewMode: i } = d(C), m = f(!1), s = () => {
-    switch (i) {
-      case o.DAYS:
-        return /* @__PURE__ */ e(l, { dayHtmlAttributes: t, ...r });
-      case o.MONTHS:
-        return /* @__PURE__ */ e(w, { monthHtmlAttributes: n, ...r });
-      case o.YEARS:
-        return /* @__PURE__ */ e(p, { yearHtmlAttributes: a, ...r });
+  const { viewMode } = useContext(CalendarContext);
+  const viewItemFocusedRef = useRef(false);
+  const renderCurrentView = () => {
+    switch (viewMode) {
+      case ECalendarViewMode.DAYS:
+        return /* @__PURE__ */ jsx(CalendarViewDays, { dayHtmlAttributes, ...rest });
+      case ECalendarViewMode.MONTHS:
+        return /* @__PURE__ */ jsx(CalendarViewMonths, { monthHtmlAttributes, ...rest });
+      case ECalendarViewMode.YEARS:
+        return /* @__PURE__ */ jsx(CalendarViewYears, { yearHtmlAttributes, ...rest });
     }
   };
-  return /* @__PURE__ */ e(c.Provider, { value: { viewItemFocusedRef: m }, children: s() });
+  return /* @__PURE__ */ jsx(CalendarViewContext.Provider, { value: { viewItemFocusedRef }, children: renderCurrentView() });
 };
 export {
-  Y as CalendarView
+  CalendarView
 };
 //# sourceMappingURL=CalendarView.js.map

package/components/Calendar/components/CalendarView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarView.js","sources":["../../../../src/components/Calendar/components/CalendarView.tsx"],"sourcesContent":["import React, { useContext, useRef } from \"react\";\nimport { ICalendarViewProps } from \"../types\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { CalendarViewDays } from \"./CalendarViewDays\";\nimport { CalendarViewMonths } from \"./CalendarViewMonths\";\nimport { CalendarViewYears } from \"./CalendarViewYears\";\n\n/** Вид календаря. */\nexport const CalendarView: React.FC<ICalendarViewProps> = ({\n    dayHtmlAttributes,\n    monthHtmlAttributes,\n    yearHtmlAttributes,\n    ...rest\n}) => {\n    const { viewMode } = useContext(CalendarContext);\n    const viewItemFocusedRef = useRef(false);\n\n    /** Рендер текущего вида календаря. */\n    const renderCurrentView = () => {\n        switch (viewMode) {\n            case ECalendarViewMode.DAYS:\n                return <CalendarViewDays dayHtmlAttributes={dayHtmlAttributes} {...rest} />;\n            case ECalendarViewMode.MONTHS:\n                return <CalendarViewMonths monthHtmlAttributes={monthHtmlAttributes} {...rest} />;\n            case ECalendarViewMode.YEARS:\n                return <CalendarViewYears yearHtmlAttributes={yearHtmlAttributes} {...rest} />;\n        }\n    };\n\n    return (\n        <CalendarViewContext.Provider value={{ viewItemFocusedRef }}>\n            {renderCurrentView()}\n        </CalendarViewContext.Provider>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,eAA6C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,SAAA,IAAa,WAAW,eAAe;AAC/C,QAAM,qBAAqB,OAAO,KAAK;AAGvC,QAAM,oBAAoB,MAAM;AAC5B,YAAQ,UAAA;AAAA,MACJ,KAAK,kBAAkB;AACnB,eAAO,oBAAC,kBAAA,EAAiB,mBAAuC,GAAG,KAAA,CAAM;AAAA,MAC7E,KAAK,kBAAkB;AACnB,eAAO,oBAAC,oBAAA,EAAmB,qBAA2C,GAAG,KAAA,CAAM;AAAA,MACnF,KAAK,kBAAkB;AACnB,eAAO,oBAAC,mBAAA,EAAkB,oBAAyC,GAAG,KAAA,CAAM;AAAA,IAAA;AAAA,EAExF;AAEA,SACI,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,sBAClC,UAAA,kBAAA,GACL;AAER;"}