@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/Calendar/CalendarUtils.js

@@ -1,50 +1,76 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var config_1 = tslib_1.__importDefault(require("./config"));
-var MonthViewModel_1 = require("./MonthViewModel");
-exports.calculateScrollPosition = function (months, scrollPosition, deltaY) {
-  var scrollDirection = deltaY > 0 ? 1 : -1;
-  var nextScrollPosition = scrollPosition - deltaY;
-  var nextMonths = months;
-  var firstMonth = months[0];
-  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.height) {
-    do {
-      nextScrollPosition -= nextMonths[0].height;
-      nextMonths = exports.getMonths(firstMonth.month, firstMonth.year);
-    } while (nextScrollPosition >= nextMonths[0].height);
-  }
-  var lastMonth = months[months.length - 1];
-  if (scrollDirection > 0 && nextScrollPosition < 0) {
-    do {
-      nextScrollPosition += nextMonths[1].height;
-      nextMonths = exports.getMonths(lastMonth.month, lastMonth.year);
-    } while (nextScrollPosition < 0);
-  }
-  return {
-    scrollPosition: nextScrollPosition,
-    months: nextMonths,
-    scrollDirection: scrollDirection };
-
-};
-exports.applyDelta = function (deltaY) {return function (_a, _b) {
-    var scrollPosition = _a.scrollPosition,months = _a.months;
-    var minDate = _b.minDate,maxDate = _b.maxDate;
+import { themeConfig } from './config.js';
+import { MonthViewModel } from './MonthViewModel.js';
+import { isGreater, isLess } from './CalendarDateShape.js';
+export var calculateScrollPosition = function (months, scrollPosition, deltaY, theme) {
     var scrollDirection = deltaY > 0 ? 1 : -1;
-    var isMinDateExceeded = minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;
-    var isMaxDateExceeded = maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;
-    if (isMinDateExceeded) {
-      return { scrollPosition: 0, scrollDirection: scrollDirection };
+    var nextScrollPosition = scrollPosition - deltaY;
+    var nextMonths = months;
+    var firstMonth = months[0];
+    if (scrollDirection < 0 && nextScrollPosition >= firstMonth.getHeight(theme)) {
+        do {
+            nextScrollPosition -= nextMonths[0].getHeight(theme);
+            nextMonths = getMonths(firstMonth.month, firstMonth.year);
+        } while (nextScrollPosition >= nextMonths[0].getHeight(theme));
+    }
+    var lastMonth = months[months.length - 1];
+    if (scrollDirection > 0 && nextScrollPosition < 0) {
+        do {
+            nextScrollPosition += nextMonths[1].getHeight(theme);
+            nextMonths = getMonths(lastMonth.month, lastMonth.year);
+        } while (nextScrollPosition < 0);
+    }
+    return {
+        scrollPosition: nextScrollPosition,
+        months: nextMonths,
+        scrollDirection: scrollDirection,
+    };
+};
+export var applyDelta = function (deltaY, theme) {
+    return function (_a, _b) {
+        var scrollPosition = _a.scrollPosition, months = _a.months;
+        var minDate = _b.minDate, maxDate = _b.maxDate;
+        var scrollDirection = deltaY > 0 ? 1 : -1;
+        var isMinDateExceeded = minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;
+        var isMaxDateExceeded = maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;
+        if (isMinDateExceeded) {
+            return { scrollPosition: 0, scrollDirection: scrollDirection };
+        }
+        if (isMaxDateExceeded) {
+            return { scrollPosition: months[2].getHeight(theme), scrollDirection: scrollDirection };
+        }
+        return calculateScrollPosition(months, scrollPosition, deltaY, theme);
+    };
+};
+export var isMonthVisible = function (top, month, theme) {
+    return top < themeConfig(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);
+};
+export var getMonthsHeight = function (months, theme) {
+    return months.reduce(function (a, b) { return a + b.getHeight(theme); }, 0);
+};
+export var getMonths = function (month, year) {
+    return [-1, 0, 1].map(function (x) { return MonthViewModel.create(month + x, year); });
+};
+export var getMonthInNativeFormat = function (month) { return month - 1; };
+export var getMonthInHumanFormat = function (month) { return month + 1; };
+export var getInitialDate = function (_a) {
+    var today = _a.today, date = _a.date, minDate = _a.minDate, maxDate = _a.maxDate;
+    if (date) {
+        return date;
     }
-    if (isMaxDateExceeded) {
-      return { scrollPosition: months[2].height, scrollDirection: scrollDirection };
+    if (minDate && isLess(today, minDate)) {
+        return minDate;
     }
-    return exports.calculateScrollPosition(months, scrollPosition, deltaY);
-  };};
-exports.isMonthVisible = function (top, month) {
-  return top < config_1["default"].WRAPPER_HEIGHT && top > -month.height;
+    if (maxDate && isGreater(today, maxDate)) {
+        return maxDate;
+    }
+    return today;
+};
+export var getTodayDate = function () {
+    var date = new Date();
+    return {
+        date: date.getDate(),
+        month: date.getMonth(),
+        year: date.getFullYear(),
+    };
 };
-exports.getMonthsHeight = function (months) {return months.reduce(function (a, b) {return a + b.height;}, 0);};
-exports.getMonths = function (month, year) {
-  return [-1, 0, 1].map(function (x) {return MonthViewModel_1.MonthViewModel.create(month + x, year);});
-};
+//# sourceMappingURL=CalendarUtils.js.map

package/components/Calendar/CalendarUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarUtils.js","sourceRoot":"","sources":["CalendarUtils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarUtils.js","sourceRoot":"","sources":["../../../components/Calendar/CalendarUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UACrC,MAAwB,EACxB,cAAsB,EACtB,MAAc,EACd,KAAY;IAEZ,IAAM,eAAe,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,IAAI,kBAAkB,GAAG,cAAc,GAAG,MAAM,CAAC;IACjD,IAAI,UAAU,GAAG,MAAM,CAAC;IAExB,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,IAAI,eAAe,GAAG,CAAC,IAAI,kBAAkB,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7E,GAAG,CAAC;YACF,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACrD,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAC5D,CAAC,QAAQ,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;IACjE,CAAC;IAED,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC5C,IAAI,eAAe,GAAG,CAAC,IAAI,kBAAkB,GAAG,CAAC,EAAE,CAAC;QAClD,GAAG,CAAC;YACF,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACrD,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1D,CAAC,QAAQ,kBAAkB,GAAG,CAAC,EAAE;IACnC,CAAC;IAED,OAAO;QACL,cAAc,EAAE,kBAAkB;QAClC,MAAM,EAAE,UAAU;QAClB,eAAe,iBAAA;KAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,MAAc,EAAE,KAAY;IACrD,OAAO,UACL,EAAmD,EACnD,EAAgF;YAD9E,cAAc,oBAAA,EAAE,MAAM,YAAA;YACtB,OAAO,aAAA,EAAE,OAAO,aAAA;QAElB,IAAM,eAAe,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAM,iBAAiB,GACrB,OAAO,IAAI,eAAe,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAE9G,IAAM,iBAAiB,GACrB,OAAO,IAAI,eAAe,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAE9G,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,EAAE,cAAc,EAAE,CAAC,EAAE,eAAe,iBAAA,EAAE,CAAC;QAChD,CAAC;QAED,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,eAAe,iBAAA,EAAE,CAAC;QACzE,CAAC;QAED,OAAO,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACxE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,GAAW,EAAE,KAAqB,EAAE,KAAY;IAC7E,OAAO,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,cAAc,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAClF,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,MAAwB,EAAE,KAAY;IACpE,OAAA,MAAM,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAtB,CAAsB,EAAE,CAAC,CAAC;AAAlD,CAAkD,CAAC;AAErD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAa,EAAE,IAAY;IACnD,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,EAAtC,CAAsC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,KAAa,IAAa,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC;AAE3E,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,KAAa,IAAa,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC;AAE1E,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAU9B;QATC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA;IAOP,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;QACzC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACxB,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE;QACpB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;QACtB,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;KACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Nullable } from '../../typings/utility-types.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport { themeConfig } from './config.js';\nimport { MonthViewModel } from './MonthViewModel.js';\nimport type { CalendarState } from './Calendar.js';\nimport type { CalendarDateShape } from './CalendarDateShape.js';\nimport { isGreater, isLess } from './CalendarDateShape.js';\n\nexport const calculateScrollPosition = (\n  months: MonthViewModel[],\n  scrollPosition: number,\n  deltaY: number,\n  theme: Theme,\n): { scrollPosition: number; months: MonthViewModel[]; scrollDirection: number } => {\n  const scrollDirection = deltaY > 0 ? 1 : -1;\n\n  let nextScrollPosition = scrollPosition - deltaY;\n  let nextMonths = months;\n\n  const firstMonth = months[0];\n  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.getHeight(theme)) {\n    do {\n      nextScrollPosition -= nextMonths[0].getHeight(theme);\n      nextMonths = getMonths(firstMonth.month, firstMonth.year);\n    } while (nextScrollPosition >= nextMonths[0].getHeight(theme));\n  }\n\n  const lastMonth = months[months.length - 1];\n  if (scrollDirection > 0 && nextScrollPosition < 0) {\n    do {\n      nextScrollPosition += nextMonths[1].getHeight(theme);\n      nextMonths = getMonths(lastMonth.month, lastMonth.year);\n    } while (nextScrollPosition < 0);\n  }\n\n  return {\n    scrollPosition: nextScrollPosition,\n    months: nextMonths,\n    scrollDirection,\n  };\n};\n\nexport const applyDelta = (deltaY: number, theme: Theme) => {\n  return (\n    { scrollPosition, months }: Readonly<CalendarState>,\n    { minDate, maxDate }: { minDate: CalendarDateShape; maxDate: CalendarDateShape },\n  ): { scrollPosition: number; scrollDirection: number } => {\n    const scrollDirection = deltaY > 0 ? 1 : -1;\n    const isMinDateExceeded =\n      minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;\n\n    const isMaxDateExceeded =\n      maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;\n\n    if (isMinDateExceeded) {\n      return { scrollPosition: 0, scrollDirection };\n    }\n\n    if (isMaxDateExceeded) {\n      return { scrollPosition: months[2].getHeight(theme), scrollDirection };\n    }\n\n    return calculateScrollPosition(months, scrollPosition, deltaY, theme);\n  };\n};\n\nexport const isMonthVisible = (top: number, month: MonthViewModel, theme: Theme): boolean => {\n  return top < themeConfig(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);\n};\n\nexport const getMonthsHeight = (months: MonthViewModel[], theme: Theme): number =>\n  months.reduce((a, b) => a + b.getHeight(theme), 0);\n\nexport const getMonths = (month: number, year: number): MonthViewModel[] => {\n  return [-1, 0, 1].map((x) => MonthViewModel.create(month + x, year));\n};\n\nexport const getMonthInNativeFormat = (month: number): number => month - 1;\n\nexport const getMonthInHumanFormat = (month: number): number => month + 1;\n\nexport const getInitialDate = ({\n  today,\n  date,\n  minDate,\n  maxDate,\n}: {\n  today: CalendarDateShape;\n  date?: Nullable<CalendarDateShape>;\n  minDate?: Nullable<CalendarDateShape>;\n  maxDate?: Nullable<CalendarDateShape>;\n}): CalendarDateShape => {\n  if (date) {\n    return date;\n  }\n\n  if (minDate && isLess(today, minDate)) {\n    return minDate;\n  }\n\n  if (maxDate && isGreater(today, maxDate)) {\n    return maxDate;\n  }\n\n  return today;\n};\n\nexport const getTodayDate = (): CalendarDateShape => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n"]}

package/components/Calendar/DayCellView.d.ts

@@ -1,19 +1,6 @@
-import * as React from 'react';
-import * as CDS from './CalendarDateShape';
-import { Nullable } from '../../typings/utility-types';
-interface DayCellViewProps {
-    date: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    minDate?: CDS.CalendarDateShape;
-    maxDate?: CDS.CalendarDateShape;
-    onDateClick?: (day: CDS.CalendarDateShape) => void;
-    isWeekend?: boolean;
-}
-export declare class DayCellView extends React.PureComponent<DayCellViewProps, {}> {
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private handleClick;
-}
-export {};
+import React from 'react';
+import type { DayCellViewModel } from './DayCellViewModel.js';
+export interface DayCellViewProps {
+    date: DayCellViewModel;
+}
+export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;

package/components/Calendar/DayCellView.js

@@ -1,52 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var CDS = tslib_1.__importStar(require("./CalendarDateShape"));
-var config_1 = tslib_1.__importDefault(require("./config"));
-var DayCellView_module_less_1 = tslib_1.__importDefault(require("./DayCellView.module.css"));
-var Emotion_1 = require("../../lib/theming/Emotion");
-var DayCellView_styles_1 = tslib_1.__importDefault(require("./DayCellView.styles"));
-var ThemeConsumer_1 = tslib_1.__importDefault(require("../ThemeConsumer"));
-var size = config_1["default"].DAY_HEIGHT;
-var cellStyle = {
-  width: size,
-  height: size,
-  lineHeight: size - 2 + 'px',
-  borderRadius: size / 2 };
-
-var DayCellView = /** @class */function (_super) {
-  tslib_1.__extends(DayCellView, _super);
-  function DayCellView() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.handleClick = function () {
-      var onDateClick = _this.props.onDateClick;
-      if (!onDateClick) {
-        return;
-      }
-      var _a = _this.props.date,date = _a.date,month = _a.month,year = _a.year;
-      onDateClick({ date: date, month: month, year: year });
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    return _this;
-  }
-  DayCellView.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1["default"], null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  DayCellView.prototype.renderMain = function () {
-    var _a;
-    var _b = this.props,date = _b.date,minDate = _b.minDate,maxDate = _b.maxDate,today = _b.today,value = _b.value,isWeekend = _b.isWeekend;
-    return React.createElement("button", { style: cellStyle, tabIndex: -1, disabled: !CDS.isBetween(date, minDate, maxDate), className: Emotion_1.cx((_a = {},
-      _a[DayCellView_module_less_1["default"].cell] = true,
-      _a[DayCellView_styles_1["default"].cell(this.theme)] = true,
-      _a[DayCellView_styles_1["default"].today(this.theme)] = !!today && !!CDS.isEqual(date, today),
-      _a[DayCellView_styles_1["default"].selected(this.theme)] = !!value && !!CDS.isEqual(date, value),
-      _a[DayCellView_styles_1["default"].weekend(this.theme)] = !!isWeekend,
-      _a)), onClick: this.handleClick }, date.date);
-  };
-  return DayCellView;
-}(React.PureComponent);
-exports.DayCellView = DayCellView;
+    return __assign.apply(this, arguments);
+};
+import React, { useCallback, useContext } from 'react';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';
+import { getStyles } from './DayCellView.styles.js';
+import { CalendarContext } from './CalendarContext.js';
+import * as CDS from './CalendarDateShape.js';
+import { CalendarDay } from './CalendarDay.js';
+export var DayCellView = function (props) {
+    var _a, _b;
+    var date = props.date;
+    var _c = useContext(CalendarContext), value = _c.value, minDate = _c.minDate, maxDate = _c.maxDate, isHoliday = _c.isHoliday, renderDay = _c.renderDay, today = _c.today, onDateClick = _c.onDateClick;
+    var styles = useStyles(getStyles);
+    var theme = useContext(ThemeContext);
+    var isDisabled = !CDS.isBetween(date, minDate, maxDate);
+    var humanDateString = InternalDateTransformer.dateToHumanString(date);
+    var dayClickHandler = useCallback(function () {
+        onDateClick === null || onDateClick === void 0 ? void 0 : onDateClick(date);
+    }, [onDateClick, date]);
+    var dayProps = {
+        isToday: Boolean(today && CDS.isEqual(date, today)),
+        isSelected: Boolean(value && CDS.isEqual(date, value)),
+        isDisabled: isDisabled,
+        isWeekend: (_a = isHoliday === null || isHoliday === void 0 ? void 0 : isHoliday(humanDateString, date.isWeekend)) !== null && _a !== void 0 ? _a : date.isWeekend,
+        date: humanDateString,
+        onDayClick: dayClickHandler,
+    };
+    var dayElement = (_b = renderDay === null || renderDay === void 0 ? void 0 : renderDay(dayProps)) !== null && _b !== void 0 ? _b : React.createElement(CalendarDay, __assign({}, dayProps));
+    return React.createElement("div", { className: styles.cell(theme) }, dayElement);
+};
+//# sourceMappingURL=DayCellView.js.map

package/components/Calendar/DayCellView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayCellView.js","sourceRoot":"","sources":["DayCellView.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,+DAA2C;AAC3C,4DAA8B;AAC9B,8FAA+C;AAE/C,qDAA+C;AAE/C,oFAA4C;AAC5C,2EAA6C;AAY7C,IAAM,IAAI,GAAG,gBAAM,CAAC,UAAU,CAAC;AAE/B,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI,GAAG,CAAC,GAAG,IAAI;IAC3B,YAAY,EAAE,IAAI,GAAG,CAAC;CACvB,CAAC;AAEF;IAAiC,uCAAyC;IAA1E;QAAA,qEA4CC;QARS,iBAAW,GAAG;YACZ,IAAA,qCAAW,CAAgB;YACnC,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO;aACR;YACK,IAAA,qBAAuC,EAArC,cAAI,EAAE,gBAAK,EAAE,cAAwB,CAAC;YAC9C,WAAW,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;;IACJ,CAAC;IAzCQ,4BAAM,GAAb;QAAA,iBASC;QARC,OAAO,CACL,oBAAC,uBAAa,QACX,UAAA,KAAK;YACJ,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACa,CACjB,CAAC;IACJ,CAAC;IAEO,gCAAU,GAAlB;;QACQ,IAAA,eAAgE,EAA9D,cAAI,EAAE,oBAAO,EAAE,oBAAO,EAAE,gBAAK,EAAE,gBAAK,EAAE,wBAAwB,CAAC;QAEvE,OAAO,CACL,gCACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,EAChD,SAAS,EAAE,YAAE;gBACX,GAAC,iCAAM,CAAC,IAAI,IAAG,IAAI;gBACnB,GAAC,4BAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBACjC,GAAC,4BAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;gBACnE,GAAC,4BAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;gBACtE,GAAC,4BAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC3C,EACF,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,IAAI,CACH,CACV,CAAC;IACJ,CAAC;IAUH,kBAAC;AAAD,CAAC,AA5CD,CAAiC,KAAK,CAAC,aAAa,GA4CnD;AA5CY,kCAAW"}
+{"version":3,"file":"DayCellView.js","sourceRoot":"","sources":["../../../components/Calendar/DayCellView.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,GAAG,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM/C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAuB;;IACzC,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACjB,IAAA,KAAwE,UAAU,CAAC,eAAe,CAAC,EAAjG,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAgC,CAAC;IAC1G,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,UAAU,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE1D,IAAM,eAAe,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAExE,IAAM,eAAe,GAAG,WAAW,CAAC;QAClC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,IAAM,QAAQ,GAAqB;QACjC,OAAO,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnD,UAAU,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,YAAA;QACV,SAAS,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,mCAAI,IAAI,CAAC,SAAS;QACzE,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,eAAe;KAC5B,CAAC;IAEF,IAAM,UAAU,GAAmC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,QAAQ,CAAC,mCAAI,oBAAC,WAAW,eAAK,QAAQ,EAAI,CAAC;IAE1G,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,UAAU,CAAO,CAAC;AAChE,CAAC,CAAC","sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';\n\nimport { getStyles } from './DayCellView.styles.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport type { DayCellViewModel } from './DayCellViewModel.js';\nimport * as CDS from './CalendarDateShape.js';\nimport type { CalendarDayProps } from './CalendarDay.js';\nimport { CalendarDay } from './CalendarDay.js';\n\nexport interface DayCellViewProps {\n  date: DayCellViewModel;\n}\n\nexport const DayCellView = (props: DayCellViewProps): React.JSX.Element => {\n  const { date } = props;\n  const { value, minDate, maxDate, isHoliday, renderDay, today, onDateClick } = useContext(CalendarContext);\n  const styles = useStyles(getStyles);\n  const theme = useContext(ThemeContext);\n\n  const isDisabled = !CDS.isBetween(date, minDate, maxDate);\n\n  const humanDateString = InternalDateTransformer.dateToHumanString(date);\n\n  const dayClickHandler = useCallback(() => {\n    onDateClick?.(date);\n  }, [onDateClick, date]);\n\n  const dayProps: CalendarDayProps = {\n    isToday: Boolean(today && CDS.isEqual(date, today)),\n    isSelected: Boolean(value && CDS.isEqual(date, value)),\n    isDisabled,\n    isWeekend: isHoliday?.(humanDateString, date.isWeekend) ?? date.isWeekend,\n    date: humanDateString,\n    onDayClick: dayClickHandler,\n  };\n\n  const dayElement: ReactElement<CalendarDayProps> = renderDay?.(dayProps) ?? <CalendarDay {...dayProps} />;\n\n  return <div className={styles.cell(theme)}>{dayElement}</div>;\n};\n"]}

package/components/Calendar/DayCellView.styles.d.ts

@@ -1,8 +1,8 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    cell(t: ITheme): string;
-    selected(t: ITheme): string;
-    weekend(t: ITheme): string;
-    today(t: ITheme): string;
-};
-export default jsStyles;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    cell(t: Theme): string;
+    day(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    todayCaption(t: Theme): string;
+}>;

package/components/Calendar/DayCellView.styles.js

@@ -1,21 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Mixins_1 = require("../../lib/styles/Mixins");
-var jsStyles = {
-  cell: function cell(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      text-align: center;\n      background: ", ";\n      border: 1px solid transparent;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n      &:active:hover {\n        color: ", ";\n      }\n    "], ["\n      ", ";\n\n      text-align: center;\n      background: ", ";\n      border: 1px solid transparent;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n      &:active:hover {\n        color: ", ";\n      }\n    "])), Mixins_1.resetButton(), t.calendarCellBg, t.calendarCellHoverBgColor, t.calendarCellHoverColor, t.calendarCellActiveHoverColor);
-  },
-  selected: function selected(t) {
-    return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), t.calendarCellSelectedBgColor, t.calendarCellSelectedFontColor);
-  },
-  weekend: function weekend(t) {
-    return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.calendarCellWeekendColor);
-  },
-  today: function today(t) {
-    return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      border: ", ";\n    "], ["\n      border: ", ";\n    "])), t.calendarCellTodayBorder);
-  } };
-
-exports["default"] = jsStyles;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { resetButton } from '../../lib/styles/Mixins.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        cell: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "], ["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])), t.calendarCellWidth, t.calendarCellHeight);
+        },
+        day: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ", ";\n          color: ", ";\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "], ["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ", ";\n          color: ", ";\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "])), resetButton(), t.calendarCellBg, t.calendarCellFontSize, t.calendarCellLineHeight, t.calendarCellBorderRadius, t.calendarCellHoverBgColor, t.calendarCellHoverColor, t.calendarCellActiveHoverColor);
+        },
+        selected: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), t.calendarCellSelectedBgColor, t.calendarCellSelectedFontColor);
+        },
+        weekend: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.calendarCellWeekendColor);
+        },
+        todayCaption: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "], ["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])), t.calendarCellTodayBorder);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=DayCellView.styles.js.map

package/components/Calendar/DayCellView.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayCellView.styles.js","sourceRoot":"","sources":["DayCellView.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAEhD,kDAAsD;AAEtD,IAAM,QAAQ,GAAG;IACf,IAAI,YAAC,CAAS;QACZ,OAAO,aAAG,sUAAA,UACN,EAAa,oDAGD,EAAgB,wFAIR,EAA0B,oBACrC,EAAwB,qDAGxB,EAA8B,kBAE1C,KAbG,oBAAW,EAAE,EAGD,CAAC,CAAC,cAAc,EAIR,CAAC,CAAC,wBAAwB,EACrC,CAAC,CAAC,sBAAsB,EAGxB,CAAC,CAAC,4BAA4B,EAEzC;IACJ,CAAC;IAED,QAAQ,YAAC,CAAS;QAChB,OAAO,aAAG,sIAAA,4BACY,EAA6B,kBACxC,EAA+B,SACzC,KAFqB,CAAC,CAAC,2BAA2B,EACxC,CAAC,CAAC,6BAA6B,EACxC;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,uGAAA,iBACC,EAA0B,SACpC,KADU,CAAC,CAAC,wBAAwB,EACnC;IACJ,CAAC;IAED,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,wGAAA,kBACE,EAAyB,SACpC,KADW,CAAC,CAAC,uBAAuB,EACnC;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"DayCellView.styles.js","sourceRoot":"","sources":["../../../components/Calendar/DayCellView.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,oBACI,EAAmB,mBACrB,EAAoB,SAC/B,KAFa,CAAC,CAAC,iBAAiB,EACrB,CAAC,CAAC,kBAAkB,EAC9B;QACJ,CAAC;QACD,GAAG,YAAC,CAAQ;YACV,OAAO,GAAG,89BAAA,UACN,EAAa,kEAID,EAAgB,4DAEjB,EAAsB,2HAKpB,EAAwB,0BACtB,EAA0B,6YAiBnB,EAA0B,sBACrC,EAAwB,yLAU1B,EAA8B,kBAE1C,KA1CG,WAAW,EAAE,EAID,CAAC,CAAC,cAAc,EAEjB,CAAC,CAAC,oBAAoB,EAKpB,CAAC,CAAC,sBAAsB,EACtB,CAAC,CAAC,wBAAwB,EAiBnB,CAAC,CAAC,wBAAwB,EACrC,CAAC,CAAC,sBAAsB,EAU1B,CAAC,CAAC,4BAA4B,EAEzC;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,OAAO,GAAG,8HAAA,4BACY,EAA6B,kBACxC,EAA+B,SACzC,KAFqB,CAAC,CAAC,2BAA2B,EACxC,CAAC,CAAC,6BAA6B,EACxC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,+FAAA,iBACC,EAA0B,SACpC,KADU,CAAC,CAAC,wBAAwB,EACnC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,mIAAA,qDAES,EAAyB,SAC3C,KADkB,CAAC,CAAC,uBAAuB,EAC1C;QACJ,CAAC;KACF,CAAC;AAzE8D,CAyE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { resetButton } from '../../lib/styles/Mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  cell(t: Theme) {\n    return css`\n      flex: 1 1 ${t.calendarCellWidth};\n      height: ${t.calendarCellHeight};\n    `;\n  },\n  day(t: Theme) {\n    return css`\n      ${resetButton()};\n      width: 100%;\n      height: 100%;\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      font-size: ${t.calendarCellFontSize};\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: ${t.calendarCellBorderRadius};\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ${t.calendarCellHoverBgColor};\n          color: ${t.calendarCellHoverColor};\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  todayCaption(t: Theme) {\n    return css`\n      padding-bottom: 2px;\n      border-bottom: ${t.calendarCellTodayBorder};\n    `;\n  },\n}));\n"]}

package/components/Calendar/DayCellViewModel.d.ts

@@ -1,8 +1,8 @@
-export declare class DayCellViewModel {
-    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-    date: number;
-    month: number;
-    year: number;
-    isWeekend: boolean;
-    constructor(date: number, month: number, year: number, isWeekend: boolean);
-}
+export declare class DayCellViewModel {
+    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+    date: number;
+    month: number;
+    year: number;
+    isWeekend: boolean;
+    constructor(date: number, month: number, year: number, isWeekend: boolean);
+}

package/components/Calendar/DayCellViewModel.js

@@ -1,15 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DayCellViewModel = /** @class */function () {
-  function DayCellViewModel(date, month, year, isWeekend) {
-    this.date = date;
-    this.month = month;
-    this.year = year;
-    this.isWeekend = isWeekend;
-  }
-  DayCellViewModel.create = function (date, month, year, isWeekend) {
-    return new DayCellViewModel(date, month, year, isWeekend);
-  };
-  return DayCellViewModel;
-}();
-exports.DayCellViewModel = DayCellViewModel;
+var DayCellViewModel = /** @class */ (function () {
+    function DayCellViewModel(date, month, year, isWeekend) {
+        this.date = date;
+        this.month = month;
+        this.year = year;
+        this.isWeekend = isWeekend;
+    }
+    DayCellViewModel.create = function (date, month, year, isWeekend) {
+        return new DayCellViewModel(date, month, year, isWeekend);
+    };
+    return DayCellViewModel;
+}());
+export { DayCellViewModel };
+//# sourceMappingURL=DayCellViewModel.js.map

package/components/Calendar/DayCellViewModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayCellViewModel.js","sourceRoot":"","sources":["DayCellViewModel.tsx"],"names":[],"mappings":";;AAAA;IAaE,0BAAY,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,SAAkB;QACvE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAjBa,uBAAM,GAApB,UAAqB,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,SAAkB;QAChF,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAC5D,CAAC;IAgBH,uBAAC;AAAD,CAAC,AAnBD,IAmBC;AAnBY,4CAAgB"}
+{"version":3,"file":"DayCellViewModel.js","sourceRoot":"","sources":["../../../components/Calendar/DayCellViewModel.ts"],"names":[],"mappings":"AAAA;IAaE,0BAAY,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,SAAkB;QACvE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAjBa,uBAAM,GAApB,UAAqB,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,SAAkB;QAChF,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAC5D,CAAC;IAgBH,uBAAC;AAAD,CAAC,AAnBD,IAmBC","sourcesContent":["export class DayCellViewModel {\n  public static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel {\n    return new DayCellViewModel(date, month, year, isWeekend);\n  }\n\n  public date: number;\n\n  public month: number;\n\n  public year: number;\n\n  public isWeekend: boolean;\n\n  constructor(date: number, month: number, year: number, isWeekend: boolean) {\n    this.date = date;\n    this.month = month;\n    this.year = year;\n    this.isWeekend = isWeekend;\n  }\n}\n"]}

package/components/Calendar/Month.d.ts

@@ -1,31 +1,23 @@
-import * as React from 'react';
-import * as CDS from './CalendarDateShape';
-import { MonthViewModel } from './MonthViewModel';
-import { Nullable } from '../../typings/utility-types';
-interface MonthProps {
-    top: number;
-    month: MonthViewModel;
-    maxDate?: CDS.CalendarDateShape;
-    minDate?: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    onDateClick?: (date: CDS.CalendarDateShape) => void;
-    onMonthYearChange: (month: number, year: number) => void;
-    isHoliday?: (day: CDS.CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export declare class Month extends React.Component<MonthProps> {
-    private monthSelect;
-    private yearSelect;
-    shouldComponentUpdate(nextProps: MonthProps): boolean;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    private renderCells;
-    private closeSelects;
-    private monthRef;
-    private yearRef;
-    private handleMonthSelect;
-    private handleYearSelect;
-}
-export {};
+import React, { type JSX } from 'react';
+import type { MonthViewModel } from './MonthViewModel.js';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    onMonthYearChange: (monthNative: number, year: number) => void;
+}
+export declare class Month extends React.Component<MonthProps> {
+    private theme;
+    private monthSelect;
+    private yearSelect;
+    shouldComponentUpdate(nextProps: MonthProps): boolean;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    renderMain(): JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};