@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/components/Calendar/CalendarDay/CalendarDay.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["isToday", "isSelected", "isDisabled", "isWeekend", "date", "children", "className"];
+import React, { useContext, memo } from 'react';
+import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
+import { DatePickerLocaleHelper } from "../../DatePicker/locale";
+import { InternalDate } from "../../../lib/date/InternalDate";
+import { LocaleContext } from "../../../lib/locale";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { styles } from "../DayCellView.styles";
+import { CalendarDataTids } from "../Calendar";
+
+/**
+ * Компонент дня `CalendarDay` из Calendar.
+ *
+ * @visibleName Calendar.Day
+ */
+export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', function CalendarDay(_ref, ref) {
+  var _cx, _cx2;
+  var isToday = _ref.isToday,
+    isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled,
+    isWeekend = _ref.isWeekend,
+    date = _ref.date,
+    children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useContext(ThemeContext);
+  var _useContext = useContext(LocaleContext),
+    langCode = _useContext.langCode;
+  var internalDate = new InternalDate({
+    langCode: langCode,
+    value: date
+  });
+  var locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);
+  var ariaLabel = locale.dayCellChooseDateAriaLabel + ": " + internalDate.toA11YFormat();
+  var _internalDate$getComp = internalDate.getComponentsLikeNumber(),
+    day = _internalDate$getComp.date;
+  var caption = children != null ? children : day;
+  return /*#__PURE__*/(
+    React.createElement("button", _extends({
+      ref: ref,
+      "data-tid": CalendarDataTids.dayCell,
+      "aria-label": ariaLabel,
+      tabIndex: -1,
+      disabled: isDisabled,
+      className: cx((_cx = {}, _cx[styles.day(theme)] = true, _cx[styles.selected(theme)] = isSelected, _cx[styles.weekend(theme)] = isWeekend, _cx), className)
+    }, getVisualStateDataAttributes({
+      selected: isSelected
+    }), rest), /*#__PURE__*/
+
+    React.createElement("span", {
+      className: cx((_cx2 = {}, _cx2[styles.todayCaption(theme)] = isToday, _cx2))
+    }, caption))
+  );
+}));

package/components/Calendar/CalendarDay/CalendarDay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","memo","useLocaleForControl","ThemeContext","cx","DatePickerLocaleHelper","InternalDate","LocaleContext","getVisualStateDataAttributes","forwardRefAndName","styles","CalendarDataTids","CalendarDay","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","children","className","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useContext","langCode","internalDate","value","locale","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends","dayCell","tabIndex","disabled","selected","weekend","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext, memo } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { LocaleContext } from '../../lib/locale';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarDataTids } from './Calendar';\n\nexport interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /** Устанавливает, является ли день текущим. */\n  isToday?: boolean;\n\n  /** Устанавливает, является ли день выбранным. */\n  isSelected?: boolean;\n\n  /** Устанавливает, является ли день недоступным. */\n  isDisabled?: boolean;\n\n  /** Устанавливает, является ли день выходным. */\n  isWeekend?: boolean;\n\n  /** Задает день. */\n  date: string;\n}\n\n/**\n * Компонент дня `CalendarDay` из Calendar.\n *\n * @visibleName Calendar.Day\n */\nexport const CalendarDay = memo(\n  forwardRefAndName(\n    'CalendarDay',\n    function CalendarDay(\n      {\n        isToday,\n        isSelected,\n        isDisabled,\n        isWeekend,\n        date,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n\n      const { langCode } = useContext(LocaleContext);\n      const internalDate = new InternalDate({ langCode, value: date });\n\n      const locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);\n      const ariaLabel = `${locale.dayCellChooseDateAriaLabel}: ${internalDate.toA11YFormat()}`;\n\n      const { date: day } = internalDate.getComponentsLikeNumber();\n      const caption = children ?? day;\n\n      return (\n        <button\n          ref={ref}\n          data-tid={CalendarDataTids.dayCell}\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          disabled={isDisabled}\n          className={cx(\n            {\n              [styles.day(theme)]: true,\n              [styles.selected(theme)]: isSelected,\n              [styles.weekend(theme)]: isWeekend,\n            },\n            className,\n          )}\n          {...getVisualStateDataAttributes({ selected: isSelected })}\n          {...rest}\n        >\n          <span className={cx({ [styles.todayCaption(theme)]: isToday })}>{caption}</span>\n        </button>\n      );\n    },\n  ),\n);\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;;AAE/C,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,4BAA4B,QAAQ,iEAAiE;AAC9G,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,gBAAgB,QAAQ,YAAY;;;;;;;;;;;;;;;;;;;AAmB7C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGX,IAAI;EAC7BQ,iBAAiB;IACf,aAAa;IACb,SAASG,WAAWA,CAAAC,IAAA;;;;;;;;;;;IAWlBC,GAAiC;IACjC,KAAAC,GAAA,EAAAC,IAAA,KAVEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CACPC,UAAU,GAAAL,IAAA,CAAVK,UAAU,CACVC,UAAU,GAAAN,IAAA,CAAVM,UAAU,CACVC,SAAS,GAAAP,IAAA,CAATO,SAAS,CACTC,IAAI,GAAAR,IAAA,CAAJQ,IAAI,CACJC,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CACRC,SAAS,GAAAV,IAAA,CAATU,SAAS,CACNC,IAAI,GAAAC,6BAAA,CAAAZ,IAAA,EAAAa,SAAA;MAIT,IAAMC,KAAK,GAAG3B,UAAU,CAACG,YAAY,CAAC;;MAEtC,IAAAyB,WAAA,GAAqB5B,UAAU,CAACO,aAAa,CAAC,CAAtCsB,QAAQ,GAAAD,WAAA,CAARC,QAAQ;MAChB,IAAMC,YAAY,GAAG,IAAIxB,YAAY,CAAC,EAAEuB,QAAQ,EAARA,QAAQ,EAAEE,KAAK,EAAEV,IAAI,CAAC,CAAC,CAAC;;MAEhE,IAAMW,MAAM,GAAG9B,mBAAmB,CAAC,UAAU,EAAEG,sBAAsB,CAAC;MACtE,IAAM4B,SAAS,GAAMD,MAAM,CAACE,0BAA0B,UAAKJ,YAAY,CAACK,YAAY,CAAC,CAAG;;MAExF,IAAAC,qBAAA,GAAsBN,YAAY,CAACO,uBAAuB,CAAC,CAAC,CAA9CC,GAAG,GAAAF,qBAAA,CAATf,IAAI;MACZ,IAAMkB,OAAO,GAAGjB,QAAQ,WAARA,QAAQ,GAAIgB,GAAG;;MAE/B;QACEvC,KAAA,CAAAyC,aAAA,WAAAC,QAAA;UACE3B,GAAG,EAAEA,GAAI;UACT,YAAUH,gBAAgB,CAAC+B,OAAQ;UACnC,cAAYT,SAAU;UACtBU,QAAQ,EAAE,CAAC,CAAE;UACbC,QAAQ,EAAEzB,UAAW;UACrBI,SAAS,EAAEnB,EAAE,EAAAW,GAAA,OAAAA,GAAA;;UAERL,MAAM,CAAC4B,GAAG,CAACX,KAAK,CAAC,IAAG,IAAI,EAAAZ,GAAA;UACxBL,MAAM,CAACmC,QAAQ,CAAClB,KAAK,CAAC,IAAGT,UAAU,EAAAH,GAAA;UACnCL,MAAM,CAACoC,OAAO,CAACnB,KAAK,CAAC,IAAGP,SAAS,EAAAL,GAAA;;UAEpCQ;UACF,CAAE;QACEf,4BAA4B,CAAC,EAAEqC,QAAQ,EAAE3B,UAAU,CAAC,CAAC,CAAC;QACtDM,IAAI;;QAERzB,KAAA,CAAAyC,aAAA,WAAMjB,SAAS,EAAEnB,EAAE,EAAAY,IAAA,OAAAA,IAAA,CAAIN,MAAM,CAACqC,YAAY,CAACpB,KAAK,CAAC,IAAGV,OAAO,EAAAD,IAAA,CAAE,CAAE,IAAEuB,OAAc;QACzE,CAAC;;IAEb;EACF;AACF,CAAC","ignoreList":[]}

package/components/Calendar/CalendarDay/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/CalendarDay.js",
+  "module": "CalendarDay",
+  "types": "../CalendarDay.d.ts",
+  "sideEffects": false
+}

package/components/Calendar/CalendarDay.d.ts

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /** Устанавливает, является ли день текущим. */
+    isToday?: boolean;
+    /** Устанавливает, является ли день выбранным. */
+    isSelected?: boolean;
+    /** Устанавливает, является ли день недоступным. */
+    isDisabled?: boolean;
+    /** Устанавливает, является ли день выходным. */
+    isWeekend?: boolean;
+    /** Задает день. */
+    date: string;
+}
+/**
+ * Компонент дня `CalendarDay` из Calendar.
+ *
+ * @visibleName Calendar.Day
+ */
+export declare const CalendarDay: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, PropsWithChildren<CalendarDayProps>> & Record<never, never>>;

package/components/Calendar/CalendarDay.md

@@ -0,0 +1,70 @@
+Компонент для отрисовки дня в Calendar. Полезен при использовании вместе с его пропом `renderDay`.
+
+### Базовый пример
+```jsx harmony
+import { CalendarDay, Gapped } from '@skbkontur/react-ui';
+
+const date = '20.05.2024';
+const style = { width: 32, height: 32 };
+
+<Gapped>
+  <CalendarDay style={style} date={date} />
+  <CalendarDay style={style} date={date} isToday={true} />
+  <CalendarDay style={style} date={date} isSelected={true} />
+  <CalendarDay style={style} date={date} isDisabled={true} />
+  <CalendarDay style={style} date={date} isWeekend={true} />
+  <CalendarDay style={style}><b>20</b></CalendarDay>
+</Gapped>
+```
+
+### Функции для сравнения строковых дат
+
+```jsx harmony
+const { isBetween, isEqual, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } = require('@skbkontur/react-ui/lib/date/comparison');
+
+const date_a = '10.03.2017';
+const date_b = '11.03.2017';
+
+const Table = ({ children }) => (
+  <table>
+    <thead>
+      <tr>
+        <td>Функция</td>
+        <td>Результат</td>
+      </tr>
+    </thead>
+    <tbody>
+      { children }
+    </tbody>
+  </table>
+)
+
+const Row = ({ code }) => (
+  <tr>
+    <td><code>{code}</code></td>
+    <td><code>{JSON.stringify(eval(code), null, 2)}</code></td>
+  </tr>
+);
+
+<Table>
+  <Row code={`isEqual("${date_a}", "${date_a}")`} />
+  <Row code={`isLess("${date_a}", "${date_b}")`} />
+  <Row code={`isLessOrEqual("${date_a}", "${date_b}")`} />
+  <Row code={`isGreater("${date_b}", "${date_a}")`} />
+  <Row code={`isGreaterOrEqual("${date_b}", "${date_a}")`} />
+  <Row code={`isBetween("${date_b}", "${date_a}", "${date_b}")`} />
+</Table>
+
+```
+
+```typescript static
+export function isEqual(left: string, right: string): boolean;
+export function isLess(left: string, right: string): boolean;
+export function isLessOrEqual(left: string, right: string): boolean;
+export function isGreater(left: string, right: string): boolean;
+export function isGreaterOrEqual(left: string, right: string): boolean;
+export function isBetween(
+  date: string,
+  left?: string,
+  right?: string,
+): boolean;

package/components/Calendar/CalendarScrollEvents/CalendarScrollEvents.js

@@ -0,0 +1,20 @@
+import EventEmitter from 'eventemitter3';
+var emitterCache;
+function getEmitter() {
+  if (!emitterCache) {
+    emitterCache = new EventEmitter();
+  }
+  return emitterCache;
+}
+export function addListener(callback) {
+  var emitter = getEmitter();
+  emitter.addListener('CalendarScroll', callback);
+  return {
+    remove: function remove() {
+      emitter.removeListener('CalendarScroll', callback);
+    }
+  };
+}
+export function emit() {
+  getEmitter().emit('CalendarScroll');
+}

package/components/Calendar/CalendarScrollEvents/CalendarScrollEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EventEmitter","emitterCache","getEmitter","addListener","callback","emitter","remove","removeListener","emit"],"sources":["CalendarScrollEvents.ts"],"sourcesContent":["import EventEmitter from 'eventemitter3';\n\nlet emitterCache: EventEmitter;\nfunction getEmitter() {\n  if (!emitterCache) {\n    emitterCache = new EventEmitter();\n  }\n  return emitterCache;\n}\n\nexport function addListener(callback: () => void) {\n  const emitter = getEmitter();\n  emitter.addListener('CalendarScroll', callback);\n  return {\n    remove() {\n      emitter.removeListener('CalendarScroll', callback);\n    },\n  };\n}\n\nexport function emit() {\n  getEmitter().emit('CalendarScroll');\n}\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,eAAe;;AAExC,IAAIC,YAA0B;AAC9B,SAASC,UAAUA,CAAA,EAAG;EACpB,IAAI,CAACD,YAAY,EAAE;IACjBA,YAAY,GAAG,IAAID,YAAY,CAAC,CAAC;EACnC;EACA,OAAOC,YAAY;AACrB;;AAEA,OAAO,SAASE,WAAWA,CAACC,QAAoB,EAAE;EAChD,IAAMC,OAAO,GAAGH,UAAU,CAAC,CAAC;EAC5BG,OAAO,CAACF,WAAW,CAAC,gBAAgB,EAAEC,QAAQ,CAAC;EAC/C,OAAO;IACLE,MAAM,WAAAA,OAAA,EAAG;MACPD,OAAO,CAACE,cAAc,CAAC,gBAAgB,EAAEH,QAAQ,CAAC;IACpD;EACF,CAAC;AACH;;AAEA,OAAO,SAASI,IAAIA,CAAA,EAAG;EACrBN,UAAU,CAAC,CAAC,CAACM,IAAI,CAAC,gBAAgB,CAAC;AACrC","ignoreList":[]}

package/components/Calendar/CalendarScrollEvents/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/CalendarScrollEvents.js",
+  "module": "CalendarScrollEvents",
+  "types": "../CalendarScrollEvents.d.ts",
+  "sideEffects": false
+}

package/components/Calendar/CalendarScrollEvents.d.ts

@@ -1,9 +1,4 @@
-declare function addListener(callback: () => void): {
-    remove(): void;
-};
-declare function emit(): void;
-declare const _default: {
-    addListener: typeof addListener;
-    emit: typeof emit;
-};
-export default _default;
+export declare function addListener(callback: () => void): {
+    remove(): void;
+};
+export declare function emit(): void;

package/components/Calendar/CalendarUtils/CalendarUtils.js

@@ -0,0 +1,94 @@
+import { themeConfig } from "../config";
+import { MonthViewModel } from "../MonthViewModel";
+import { isGreater, isLess } from "../CalendarDateShape";
+export var calculateScrollPosition = function calculateScrollPosition(months, scrollPosition, deltaY, theme) {
+  var scrollDirection = deltaY > 0 ? 1 : -1;
+  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 applyDelta(deltaY, theme) {
+  return function (_ref, _ref2) {
+    var scrollPosition = _ref.scrollPosition,
+      months = _ref.months;
+    var minDate = _ref2.minDate,
+      maxDate = _ref2.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 isMonthVisible(top, month, theme) {
+  return top < themeConfig(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);
+};
+export var getMonthsHeight = function getMonthsHeight(months, theme) {
+  return months.reduce(function (a, b) {
+    return a + b.getHeight(theme);
+  }, 0);
+};
+export var getMonths = function getMonths(month, year) {
+  return [-1, 0, 1].map(function (x) {
+    return MonthViewModel.create(month + x, year);
+  });
+};
+export var getMonthInNativeFormat = function getMonthInNativeFormat(month) {
+  return month - 1;
+};
+export var getMonthInHumanFormat = function getMonthInHumanFormat(month) {
+  return month + 1;
+};
+export var getInitialDate = function getInitialDate(_ref3) {
+  var today = _ref3.today,
+    date = _ref3.date,
+    minDate = _ref3.minDate,
+    maxDate = _ref3.maxDate;
+  if (date) {
+    return date;
+  }
+  if (minDate && isLess(today, minDate)) {
+    return minDate;
+  }
+  if (maxDate && isGreater(today, maxDate)) {
+    return maxDate;
+  }
+  return today;
+};
+export var getTodayDate = function getTodayDate() {
+  var date = new Date();
+  return {
+    date: date.getDate(),
+    month: date.getMonth(),
+    year: date.getFullYear()
+  };
+};

package/components/Calendar/CalendarUtils/CalendarUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["themeConfig","MonthViewModel","isGreater","isLess","calculateScrollPosition","months","scrollPosition","deltaY","theme","scrollDirection","nextScrollPosition","nextMonths","firstMonth","getHeight","getMonths","month","year","lastMonth","length","applyDelta","_ref","_ref2","minDate","maxDate","isMinDateExceeded","isMaxDateExceeded","isMonthVisible","top","WRAPPER_HEIGHT","getMonthsHeight","reduce","a","b","map","x","create","getMonthInNativeFormat","getMonthInHumanFormat","getInitialDate","_ref3","today","date","getTodayDate","Date","getDate","getMonth","getFullYear"],"sources":["CalendarUtils.ts"],"sourcesContent":["import type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { themeConfig } from './config';\nimport { MonthViewModel } from './MonthViewModel';\nimport type { CalendarState } from './Calendar';\nimport type { CalendarDateShape } from './CalendarDateShape';\nimport { isGreater, isLess } from './CalendarDateShape';\n\nexport const calculateScrollPosition = (\n  months: MonthViewModel[],\n  scrollPosition: number,\n  deltaY: number,\n  theme: Theme,\n) => {\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  ) => {\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) => {\n  return top < themeConfig(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);\n};\n\nexport const getMonthsHeight = (months: MonthViewModel[], theme: Theme) =>\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) => month - 1;\n\nexport const getMonthInHumanFormat = (month: 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}) => {\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 = () => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Calendar/CalendarUtils/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/CalendarUtils.js",
+  "module": "CalendarUtils",
+  "types": "../CalendarUtils.d.ts",
+  "sideEffects": false
+}

package/components/Calendar/CalendarUtils.d.ts

@@ -1,18 +1,37 @@
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarState, CalendarProps } from './Calendar';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-};
-export declare const applyDelta: (deltaY: number) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-} | {
-    scrollPosition: number;
-    scrollDirection: number;
-};
-export declare const isMonthVisible: (top: number, month: MonthViewModel) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[]) => number;
-export declare const getMonths: (month: number, year: number) => MonthViewModel[];
+import type { Nullable } from '../../typings/utility-types';
+import type { Theme } from '../../lib/theming/Theme';
+import { MonthViewModel } from './MonthViewModel';
+import type { CalendarState } from './Calendar';
+import type { CalendarDateShape } from './CalendarDateShape';
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+};
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: {
+    minDate: CalendarDateShape;
+    maxDate: CalendarDateShape;
+}) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+} | {
+    scrollPosition: number;
+    scrollDirection: number;
+};
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
+export declare const getMonths: (month: number, year: number) => MonthViewModel[];
+export declare const getMonthInNativeFormat: (month: number) => number;
+export declare const getMonthInHumanFormat: (month: number) => number;
+export declare const getInitialDate: ({ today, date, minDate, maxDate, }: {
+    today: CalendarDateShape;
+    date?: Nullable<CalendarDateShape>;
+    minDate?: Nullable<CalendarDateShape>;
+    maxDate?: Nullable<CalendarDateShape>;
+}) => CalendarDateShape;
+export declare const getTodayDate: () => {
+    date: number;
+    month: number;
+    year: number;
+};

package/components/Calendar/DayCellView/DayCellView.js

@@ -0,0 +1,41 @@
+import React, { useCallback, useContext } from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { InternalDateTransformer } from "../../../lib/date/InternalDateTransformer";
+import { styles } from "../DayCellView.styles";
+import { CalendarContext } from "../CalendarContext";
+import * as CDS from "../CalendarDateShape";
+import { CalendarDay } from "../CalendarDay";
+export var DayCellView = function DayCellView(props) {
+  var _isHoliday, _renderDay;
+  var date = props.date;
+  var _useContext = useContext(CalendarContext),
+    value = _useContext.value,
+    minDate = _useContext.minDate,
+    maxDate = _useContext.maxDate,
+    isHoliday = _useContext.isHoliday,
+    renderDay = _useContext.renderDay,
+    today = _useContext.today,
+    onDateClick = _useContext.onDateClick;
+  var theme = useContext(ThemeContext);
+  var isDisabled = !CDS.isBetween(date, minDate, maxDate);
+  var humanDateString = InternalDateTransformer.dateToHumanString(date);
+  var dayProps = {
+    isToday: Boolean(today && CDS.isEqual(date, today)),
+    isSelected: Boolean(value && CDS.isEqual(date, value)),
+    isDisabled: isDisabled,
+    isWeekend: (_isHoliday = isHoliday == null ? void 0 : isHoliday(humanDateString, date.isWeekend)) != null ? _isHoliday : date.isWeekend,
+    date: humanDateString
+  };
+  var dayElement = (_renderDay = renderDay == null ? void 0 : renderDay(dayProps)) != null ? _renderDay : /*#__PURE__*/React.createElement(CalendarDay, dayProps);
+  var customDayClickHandler = dayElement.props.onClick;
+  var dayClickHandler = useCallback(function (e) {
+    customDayClickHandler == null || customDayClickHandler(e);
+    onDateClick == null || onDateClick(date);
+  }, [customDayClickHandler, onDateClick, date]);
+  var dayElementWithClickHandler = /*#__PURE__*/React.cloneElement(dayElement, {
+    onClick: dayClickHandler
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.cell(theme)
+  }, dayElementWithClickHandler);
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","ThemeContext","InternalDateTransformer","styles","CalendarContext","CDS","CalendarDay","DayCellView","props","_isHoliday","_renderDay","date","_useContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","theme","isDisabled","isBetween","humanDateString","dateToHumanString","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","dayElement","createElement","customDayClickHandler","onClick","dayClickHandler","e","dayElementWithClickHandler","cloneElement","className","cell"],"sources":["DayCellView.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarContext } from './CalendarContext';\nimport type { DayCellViewModel } from './DayCellViewModel';\nimport * as CDS from './CalendarDateShape';\nimport type { CalendarDayProps } from './CalendarDay';\nimport { CalendarDay } from './CalendarDay';\n\nexport interface DayCellViewProps {\n  date: DayCellViewModel;\n}\n\nexport const DayCellView = (props: DayCellViewProps) => {\n  const { date } = props;\n  const { value, minDate, maxDate, isHoliday, renderDay, today, onDateClick } = useContext(CalendarContext);\n  const theme = useContext(ThemeContext);\n\n  const isDisabled = !CDS.isBetween(date, minDate, maxDate);\n\n  const humanDateString = InternalDateTransformer.dateToHumanString(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  };\n\n  const dayElement: ReactElement<CalendarDayProps> = renderDay?.(dayProps) ?? <CalendarDay {...dayProps} />;\n  const customDayClickHandler = dayElement.props.onClick;\n\n  const dayClickHandler = useCallback<NonNullable<typeof customDayClickHandler>>(\n    (e) => {\n      customDayClickHandler?.(e);\n      onDateClick?.(date);\n    },\n    [customDayClickHandler, onDateClick, date],\n  );\n\n  const dayElementWithClickHandler = React.cloneElement<CalendarDayProps>(dayElement, {\n    onClick: dayClickHandler,\n  });\n\n  return <div className={styles.cell(theme)}>{dayElementWithClickHandler}</div>;\n};\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;;AAEtD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,uBAAuB,QAAQ,wCAAwC;;AAEhF,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,KAAKC,GAAG,MAAM,qBAAqB;;AAE1C,SAASC,WAAW,QAAQ,eAAe;;;;;;AAM3C,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK,KAAAC,UAAA,EAAAC,UAAA;EACtD,IAAQC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EACZ,IAAAC,WAAA,GAA8EZ,UAAU,CAACI,eAAe,CAAC,CAAjGS,KAAK,GAAAD,WAAA,CAALC,KAAK,CAAEC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,OAAO,GAAAH,WAAA,CAAPG,OAAO,CAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS,CAAEC,SAAS,GAAAL,WAAA,CAATK,SAAS,CAAEC,KAAK,GAAAN,WAAA,CAALM,KAAK,CAAEC,WAAW,GAAAP,WAAA,CAAXO,WAAW;EACzE,IAAMC,KAAK,GAAGpB,UAAU,CAACC,YAAY,CAAC;;EAEtC,IAAMoB,UAAU,GAAG,CAAChB,GAAG,CAACiB,SAAS,CAACX,IAAI,EAAEG,OAAO,EAAEC,OAAO,CAAC;;EAEzD,IAAMQ,eAAe,GAAGrB,uBAAuB,CAACsB,iBAAiB,CAACb,IAAI,CAAC;;EAEvE,IAAMc,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACT,KAAK,IAAIb,GAAG,CAACuB,OAAO,CAACjB,IAAI,EAAEO,KAAK,CAAC,CAAC;IACnDW,UAAU,EAAEF,OAAO,CAACd,KAAK,IAAIR,GAAG,CAACuB,OAAO,CAACjB,IAAI,EAAEE,KAAK,CAAC,CAAC;IACtDQ,UAAU,EAAVA,UAAU;IACVS,SAAS,GAAArB,UAAA,GAAEO,SAAS,oBAATA,SAAS,CAAGO,eAAe,EAAEZ,IAAI,CAACmB,SAAS,CAAC,YAAArB,UAAA,GAAIE,IAAI,CAACmB,SAAS;IACzEnB,IAAI,EAAEY;EACR,CAAC;;EAED,IAAMQ,UAA0C,IAAArB,UAAA,GAAGO,SAAS,oBAATA,SAAS,CAAGQ,QAAQ,CAAC,YAAAf,UAAA,gBAAIZ,KAAA,CAAAkC,aAAA,CAAC1B,WAAW,EAAKmB,QAAW,CAAC;EACzG,IAAMQ,qBAAqB,GAAGF,UAAU,CAACvB,KAAK,CAAC0B,OAAO;;EAEtD,IAAMC,eAAe,GAAGpC,WAAW;IACjC,UAACqC,CAAC,EAAK;MACLH,qBAAqB,YAArBA,qBAAqB,CAAGG,CAAC,CAAC;MAC1BjB,WAAW,YAAXA,WAAW,CAAGR,IAAI,CAAC;IACrB,CAAC;IACD,CAACsB,qBAAqB,EAAEd,WAAW,EAAER,IAAI;EAC3C,CAAC;;EAED,IAAM0B,0BAA0B,gBAAGvC,KAAK,CAACwC,YAAY,CAAmBP,UAAU,EAAE;IAClFG,OAAO,EAAEC;EACX,CAAC,CAAC;;EAEF,oBAAOrC,KAAA,CAAAkC,aAAA,UAAKO,SAAS,EAAEpC,MAAM,CAACqC,IAAI,CAACpB,KAAK,CAAE,IAAEiB,0BAAgC,CAAC;AAC/E,CAAC","ignoreList":[]}

package/components/Calendar/DayCellView/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/DayCellView.js",
+  "module": "DayCellView",
+  "types": "../DayCellView.d.ts",
+  "sideEffects": false
+}

package/components/Calendar/DayCellView.d.ts

@@ -1,17 +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, {}> {
-    render(): JSX.Element;
-    private handleClick;
-}
-export {};
+import React from 'react';
+import type { DayCellViewModel } from './DayCellViewModel';
+export interface DayCellViewProps {
+    date: DayCellViewModel;
+}
+export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;

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

@@ -0,0 +1,21 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
+export var styles = memoizeStyle({
+  cell: function cell(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])), t.calendarCellWidth, t.calendarCellHeight);
+  },
+  day: function day(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 selected(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      color: ", ";\n    "])), t.calendarCellSelectedBgColor, t.calendarCellSelectedFontColor);
+  },
+  weekend: function weekend(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.calendarCellWeekendColor);
+  },
+  todayCaption: function todayCaption(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])), t.calendarCellTodayBorder);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","cell","t","_templateObject","_taggedTemplateLiteralLoose","calendarCellWidth","calendarCellHeight","day","_templateObject2","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","_templateObject3","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","_templateObject4","calendarCellWeekendColor","todayCaption","_templateObject5","calendarCellTodayBorder"],"sources":["DayCellView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\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"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACIF,CAAC,CAACG,iBAAiB;IACrBH,CAAC,CAACI,kBAAkB;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACL,CAAQ,EAAE;IACZ,OAAOL,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACNL,WAAW,CAAC,CAAC;;;;IAIDG,CAAC,CAACO,cAAc;;IAEjBP,CAAC,CAACQ,oBAAoB;;;;;IAKpBR,CAAC,CAACS,sBAAsB;IACtBT,CAAC,CAACU,wBAAwB;;;;;;;;;;;;;;;;;IAiBnBV,CAAC,CAACW,wBAAwB;IACrCX,CAAC,CAACY,sBAAsB;;;;;;;;;;IAU1BZ,CAAC,CAACa,4BAA4B;;;EAG7C,CAAC;;EAEDC,QAAQ,WAAAA,SAACd,CAAQ,EAAE;IACjB,OAAOL,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACYF,CAAC,CAACgB,2BAA2B;IACxChB,CAAC,CAACiB,6BAA6B;;EAE5C,CAAC;;EAEDC,OAAO,WAAAA,QAAClB,CAAQ,EAAE;IAChB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACCF,CAAC,CAACoB,wBAAwB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;IAESF,CAAC,CAACuB,uBAAuB;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/DayCellView.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/DayCellView.styles.js",
+  "module": "DayCellView.styles",
+  "types": "../DayCellView.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,8 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    day(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    todayCaption(t: Theme): string;
+};

package/components/Calendar/DayCellViewModel/DayCellViewModel.js

@@ -0,0 +1,12 @@
+export var DayCellViewModel = /*#__PURE__*/function () {
+  function DayCellViewModel(date, month, year, isWeekend) {
+    this.date = date;
+    this.month = month;
+    this.year = year;
+    this.isWeekend = isWeekend;
+  }
+  DayCellViewModel.create = function create(date, month, year, isWeekend) {
+    return new DayCellViewModel(date, month, year, isWeekend);
+  };
+  return DayCellViewModel;
+}();

package/components/Calendar/DayCellViewModel/DayCellViewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DayCellViewModel","date","month","year","isWeekend","create"],"sources":["DayCellViewModel.ts"],"sourcesContent":["export class DayCellViewModel {\n  public static create(date: number, month: number, year: number, isWeekend: boolean) {\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"],"mappings":"AAAA,WAAaA,gBAAgB;;;;;;;;;;;;;EAa3B,SAAAA,iBAAYC,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAE;IACzE,IAAI,CAACH,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC5B,CAACJ,gBAAA,CAjBaK,MAAM,GAApB,SAAAA,OAAqBJ,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAE,CAClF,OAAO,IAAIJ,gBAAgB,CAACC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,CAAC,CAC3D,CAAC,QAAAJ,gBAAA","ignoreList":[]}

package/components/Calendar/DayCellViewModel/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Calendar/DayCellViewModel.js",
+  "module": "DayCellViewModel",
+  "types": "../DayCellViewModel.d.ts",
+  "sideEffects": false
+}

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);
+}