@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_ThemeContext","_Emotion","_locale","_InternalDate","_locale2","_getVisualStateDataAttributes","_forwardRefAndName","_DayCellView","_Calendar","_excluded","CalendarDay","exports","memo","forwardRefAndName","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","onDayClick","onClick","children","className","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useContext","LocaleContext","langCode","internalDate","InternalDate","value","locale","useLocaleForControl","DatePickerLocaleHelper","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","handleClick","useCallback","e","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends2","CalendarDataTids","dayCell","tabIndex","disabled","cx","styles","selected","weekend","getVisualStateDataAttributes","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext, memo, useCallback } 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  /** Задает функцию, которая вызывается при клике на день. Необходима для внутренней работы Calendar. Не предназначена для переопределения. Вместо этого, следует использовать стандартный `onClick`.\n   * @internal @ignore\n   */\n  onDayClick: () => void;\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        onDayClick,\n        onClick,\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 handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (e) => {\n          onDayClick();\n          onClick?.(e);\n        },\n        [onDayClick, onClick],\n      );\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          onClick={handleClick}\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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_useLocaleForControl","_ThemeContext","_locale","_InternalDate","_locale2","_getVisualStateDataAttributes","_forwardRefAndName","_DayCellView","_Calendar","_excluded","CalendarDay","exports","memo","forwardRefAndName","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","onDayClick","onClick","children","className","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","_useContext","LocaleContext","langCode","internalDate","InternalDate","value","locale","useLocaleForControl","DatePickerLocaleHelper","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","handleClick","useCallback","e","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends2","CalendarDataTids","dayCell","tabIndex","disabled","selected","weekend","getVisualStateDataAttributes","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext, memo, useCallback } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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 { getStyles } 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  /** Задает функцию, которая вызывается при клике на день. Необходима для внутренней работы Calendar. Не предназначена для переопределения. Вместо этого, следует использовать стандартный `onClick`.\n   * @internal @ignore\n   */\n  onDayClick: () => void;\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        onDayClick,\n        onClick,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n      const { cx } = useEmotion();\n      const styles = useStyles(getStyles);\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 handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (e) => {\n          onDayClick();\n          onClick?.(e);\n        },\n        [onDayClick, onClick],\n      );\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          onClick={handleClick}\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":"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","ignoreList":[]}

package/cjs/components/Calendar/CalendarScrollEvents.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"names":["_eventemitter","_interopRequireDefault","require","emitterCache","getEmitter","EventEmitter","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":"0LAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAIC,YAA0B;AAC9B,SAASC,UAAUA,CAAA,EAAG;EACpB,IAAI,CAACD,YAAY,EAAE;IACjBA,YAAY,GAAG,IAAIE,qBAAY,CAAC,CAAC;EACnC;EACA,OAAOF,YAAY;AACrB;;AAEO,SAASG,WAAWA,CAACC,QAAoB,EAAE;EAChD,IAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5BI,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;;AAEO,SAASI,IAAIA,CAAA,EAAG;EACrBP,UAAU,CAAC,CAAC,CAACO,IAAI,CAAC,gBAAgB,CAAC;AACrC","ignoreList":[]}
+{"version":3,"names":["_eventemitter","_interopRequireDefault","require","emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"sources":["CalendarScrollEvents.ts"],"sourcesContent":["import EventEmitter from 'eventemitter3';\n\nlet emitterCache: EventEmitter;\nfunction getEmitter(): EventEmitter {\n  if (!emitterCache) {\n    emitterCache = new EventEmitter();\n  }\n  return emitterCache;\n}\n\nexport function addListener(callback: () => void): { remove: () => 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(): void {\n  getEmitter().emit('CalendarScroll');\n}\n"],"mappings":"0LAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAIC,YAA0B;AAC9B,SAASC,UAAUA,CAAA,EAAiB;EAClC,IAAI,CAACD,YAAY,EAAE;IACjBA,YAAY,GAAG,IAAIE,qBAAY,CAAC,CAAC;EACnC;EACA,OAAOF,YAAY;AACrB;;AAEO,SAASG,WAAWA,CAACC,QAAoB,EAA0B;EACxE,IAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5BI,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;;AAEO,SAASI,IAAIA,CAAA,EAAS;EAC3BP,UAAU,CAAC,CAAC,CAACO,IAAI,CAAC,gBAAgB,CAAC;AACrC","ignoreList":[]}

package/cjs/components/Calendar/CalendarUtils.d.ts

@@ -12,10 +12,6 @@ export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosi
     minDate: CalendarDateShape;
     maxDate: CalendarDateShape;
 }) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-} | {
     scrollPosition: number;
     scrollDirection: number;
 };
@@ -30,8 +26,4 @@ export declare const getInitialDate: ({ today, date, minDate, maxDate, }: {
     minDate?: Nullable<CalendarDateShape>;
     maxDate?: Nullable<CalendarDateShape>;
 }) => CalendarDateShape;
-export declare const getTodayDate: () => {
-    date: number;
-    month: number;
-    year: number;
-};
+export declare const getTodayDate: () => CalendarDateShape;

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

@@ -1 +1 @@
-{"version":3,"names":["_config","require","_MonthViewModel","_CalendarDateShape","calculateScrollPosition","exports","months","scrollPosition","deltaY","theme","scrollDirection","nextScrollPosition","nextMonths","firstMonth","getHeight","getMonths","month","year","lastMonth","length","applyDelta","_ref","_ref2","minDate","maxDate","isMinDateExceeded","isMaxDateExceeded","isMonthVisible","top","themeConfig","WRAPPER_HEIGHT","getMonthsHeight","reduce","a","b","map","x","MonthViewModel","create","getMonthInNativeFormat","getMonthInHumanFormat","getInitialDate","_ref3","today","date","isLess","isGreater","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":[]}
+{"version":3,"names":["_config","require","_MonthViewModel","_CalendarDateShape","calculateScrollPosition","exports","months","scrollPosition","deltaY","theme","scrollDirection","nextScrollPosition","nextMonths","firstMonth","getHeight","getMonths","month","year","lastMonth","length","applyDelta","_ref","_ref2","minDate","maxDate","isMinDateExceeded","isMaxDateExceeded","isMonthVisible","top","themeConfig","WRAPPER_HEIGHT","getMonthsHeight","reduce","a","b","map","x","MonthViewModel","create","getMonthInNativeFormat","getMonthInHumanFormat","getInitialDate","_ref3","today","date","isLess","isGreater","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): { 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"],"mappings":"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","ignoreList":[]}

package/cjs/components/Calendar/DayCellView.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DayCellView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
 
@@ -18,6 +19,7 @@ var _CalendarDay = require("./CalendarDay");
 var DayCellView = exports.DayCellView = function DayCellView(props) {var _isHoliday, _renderDay;
   var date = props.date;
   var _useContext = (0, _react.useContext)(_CalendarContext.CalendarContext),value = _useContext.value,minDate = _useContext.minDate,maxDate = _useContext.maxDate,isHoliday = _useContext.isHoliday,renderDay = _useContext.renderDay,today = _useContext.today,onDateClick = _useContext.onDateClick;
+  var styles = (0, _renderEnvironment.useStyles)(_DayCellView.getStyles);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
   var isDisabled = !CDS.isBetween(date, minDate, maxDate);
@@ -39,5 +41,5 @@ var DayCellView = exports.DayCellView = function DayCellView(props) {var _isHoli
 
   var dayElement = (_renderDay = renderDay == null ? void 0 : renderDay(dayProps)) != null ? _renderDay : /*#__PURE__*/_react.default.createElement(_CalendarDay.CalendarDay, dayProps);
 
-  return /*#__PURE__*/_react.default.createElement("div", { className: _DayCellView.styles.cell(theme) }, dayElement);
+  return /*#__PURE__*/_react.default.createElement("div", { className: styles.cell(theme) }, dayElement);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_InternalDateTransformer","_DayCellView","_CalendarContext","CDS","_CalendarDay","DayCellView","exports","props","_isHoliday","_renderDay","date","_useContext","useContext","CalendarContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","theme","ThemeContext","isDisabled","isBetween","humanDateString","InternalDateTransformer","dateToHumanString","dayClickHandler","useCallback","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","onDayClick","dayElement","default","createElement","CalendarDay","className","styles","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 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"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;;AAEA,IAAAK,GAAA,GAAAN,uBAAA,CAAAC,OAAA;;AAEA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK,KAAAC,UAAA,EAAAC,UAAA;EACtD,IAAQC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EACZ,IAAAC,WAAA,GAA8E,IAAAC,iBAAU,EAACC,gCAAe,CAAC,CAAjGC,KAAK,GAAAH,WAAA,CAALG,KAAK,CAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CAAEC,OAAO,GAAAL,WAAA,CAAPK,OAAO,CAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS,CAAEC,SAAS,GAAAP,WAAA,CAATO,SAAS,CAAEC,KAAK,GAAAR,WAAA,CAALQ,KAAK,CAAEC,WAAW,GAAAT,WAAA,CAAXS,WAAW;EACzE,IAAMC,KAAK,GAAG,IAAAT,iBAAU,EAACU,0BAAY,CAAC;;EAEtC,IAAMC,UAAU,GAAG,CAACpB,GAAG,CAACqB,SAAS,CAACd,IAAI,EAAEK,OAAO,EAAEC,OAAO,CAAC;;EAEzD,IAAMS,eAAe,GAAGC,gDAAuB,CAACC,iBAAiB,CAACjB,IAAI,CAAC;;EAEvE,IAAMkB,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACxCT,WAAW,YAAXA,WAAW,CAAGV,IAAI,CAAC;EACrB,CAAC,EAAE,CAACU,WAAW,EAAEV,IAAI,CAAC,CAAC;;EAEvB,IAAMoB,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACb,KAAK,IAAIhB,GAAG,CAAC8B,OAAO,CAACvB,IAAI,EAAES,KAAK,CAAC,CAAC;IACnDe,UAAU,EAAEF,OAAO,CAAClB,KAAK,IAAIX,GAAG,CAAC8B,OAAO,CAACvB,IAAI,EAAEI,KAAK,CAAC,CAAC;IACtDS,UAAU,EAAVA,UAAU;IACVY,SAAS,GAAA3B,UAAA,GAAES,SAAS,oBAATA,SAAS,CAAGQ,eAAe,EAAEf,IAAI,CAACyB,SAAS,CAAC,YAAA3B,UAAA,GAAIE,IAAI,CAACyB,SAAS;IACzEzB,IAAI,EAAEe,eAAe;IACrBW,UAAU,EAAER;EACd,CAAC;;EAED,IAAMS,UAA0C,IAAA5B,UAAA,GAAGS,SAAS,oBAATA,SAAS,CAAGY,QAAQ,CAAC,YAAArB,UAAA,gBAAIb,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAoC,WAAW,EAAKV,QAAW,CAAC;;EAEzG,oBAAOlC,MAAA,CAAA0C,OAAA,CAAAC,aAAA,UAAKE,SAAS,EAAEC,mBAAM,CAACC,IAAI,CAACtB,KAAK,CAAE,IAAEgB,UAAgB,CAAC;AAC/D,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_InternalDateTransformer","_DayCellView","_CalendarContext","CDS","_CalendarDay","DayCellView","exports","props","_isHoliday","_renderDay","date","_useContext","useContext","CalendarContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","styles","useStyles","getStyles","theme","ThemeContext","isDisabled","isBetween","humanDateString","InternalDateTransformer","dateToHumanString","dayClickHandler","useCallback","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","onDayClick","dayElement","default","createElement","CalendarDay","className","cell"],"sources":["DayCellView.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\n\nimport { getStyles } 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): 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"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;;AAEA,IAAAM,GAAA,GAAAP,uBAAA,CAAAC,OAAA;;AAEA,IAAAO,YAAA,GAAAP,OAAA;;;;;;AAMO,IAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAwB,KAAAC,UAAA,EAAAC,UAAA;EACzE,IAAQC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EACZ,IAAAC,WAAA,GAA8E,IAAAC,iBAAU,EAACC,gCAAe,CAAC,CAAjGC,KAAK,GAAAH,WAAA,CAALG,KAAK,CAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CAAEC,OAAO,GAAAL,WAAA,CAAPK,OAAO,CAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS,CAAEC,SAAS,GAAAP,WAAA,CAATO,SAAS,CAAEC,KAAK,GAAAR,WAAA,CAALQ,KAAK,CAAEC,WAAW,GAAAT,WAAA,CAAXS,WAAW;EACzE,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,sBAAS,CAAC;EACnC,IAAMC,KAAK,GAAG,IAAAZ,iBAAU,EAACa,0BAAY,CAAC;;EAEtC,IAAMC,UAAU,GAAG,CAACvB,GAAG,CAACwB,SAAS,CAACjB,IAAI,EAAEK,OAAO,EAAEC,OAAO,CAAC;;EAEzD,IAAMY,eAAe,GAAGC,gDAAuB,CAACC,iBAAiB,CAACpB,IAAI,CAAC;;EAEvE,IAAMqB,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACxCZ,WAAW,YAAXA,WAAW,CAAGV,IAAI,CAAC;EACrB,CAAC,EAAE,CAACU,WAAW,EAAEV,IAAI,CAAC,CAAC;;EAEvB,IAAMuB,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAAChB,KAAK,IAAIhB,GAAG,CAACiC,OAAO,CAAC1B,IAAI,EAAES,KAAK,CAAC,CAAC;IACnDkB,UAAU,EAAEF,OAAO,CAACrB,KAAK,IAAIX,GAAG,CAACiC,OAAO,CAAC1B,IAAI,EAAEI,KAAK,CAAC,CAAC;IACtDY,UAAU,EAAVA,UAAU;IACVY,SAAS,GAAA9B,UAAA,GAAES,SAAS,oBAATA,SAAS,CAAGW,eAAe,EAAElB,IAAI,CAAC4B,SAAS,CAAC,YAAA9B,UAAA,GAAIE,IAAI,CAAC4B,SAAS;IACzE5B,IAAI,EAAEkB,eAAe;IACrBW,UAAU,EAAER;EACd,CAAC;;EAED,IAAMS,UAA0C,IAAA/B,UAAA,GAAGS,SAAS,oBAATA,SAAS,CAAGe,QAAQ,CAAC,YAAAxB,UAAA,gBAAId,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACtC,YAAA,CAAAuC,WAAW,EAAKV,QAAW,CAAC;;EAEzG,oBAAOtC,MAAA,CAAA8C,OAAA,CAAAC,aAAA,UAAKE,SAAS,EAAEvB,MAAM,CAACwB,IAAI,CAACrB,KAAK,CAAE,IAAEgB,UAAgB,CAAC;AAC/D,CAAC","ignoreList":[]}

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

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

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

@@ -1,29 +1,31 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  cell: function cell(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])),
-    t.calendarCellWidth,
-    t.calendarCellHeight);
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    cell: function cell(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])),
+      t.calendarCellWidth,
+      t.calendarCellHeight);
 
-  },
-  day: function day(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
-    (0, _Mixins.resetButton)(),
+    },
+    day: function day(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+      (0, _Mixins.resetButton)(),
 
 
 
-    t.calendarCellBg,
+      t.calendarCellBg,
 
-    t.calendarCellFontSize,
+      t.calendarCellFontSize,
 
 
 
 
-    t.calendarCellLineHeight,
-    t.calendarCellBorderRadius,
+      t.calendarCellLineHeight,
+      t.calendarCellBorderRadius,
 
 
 
@@ -40,8 +42,8 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.calendarCellHoverBgColor,
-    t.calendarCellHoverColor,
+      t.calendarCellHoverBgColor,
+      t.calendarCellHoverColor,
 
 
 
@@ -51,28 +53,28 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.calendarCellActiveHoverColor);
+      t.calendarCellActiveHoverColor);
 
 
-  },
+    },
 
-  selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "])),
-    t.calendarCellSelectedBgColor,
-    t.calendarCellSelectedFontColor);
+    selected: function selected(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "])),
+      t.calendarCellSelectedBgColor,
+      t.calendarCellSelectedFontColor);
 
-  },
+    },
 
-  weekend: function weekend(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.calendarCellWeekendColor);
+    weekend: function weekend(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+      t.calendarCellWeekendColor);
 
-  },
+    },
 
-  todayCaption: function todayCaption(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])),
+    todayCaption: function todayCaption(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])),
 
-    t.calendarCellTodayBorder);
+      t.calendarCellTodayBorder);
 
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","cell","t","css","_taggedTemplateLiteralLoose2","default","calendarCellWidth","calendarCellHeight","day","resetButton","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","todayCaption","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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACIH,CAAC,CAACI,iBAAiB;IACrBJ,CAAC,CAACK,kBAAkB;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACN,CAAQ,EAAE;IACZ,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAI,mBAAW,EAAC,CAAC;;;;IAIDP,CAAC,CAACQ,cAAc;;IAEjBR,CAAC,CAACS,oBAAoB;;;;;IAKpBT,CAAC,CAACU,sBAAsB;IACtBV,CAAC,CAACW,wBAAwB;;;;;;;;;;;;;;;;;IAiBnBX,CAAC,CAACY,wBAAwB;IACrCZ,CAAC,CAACa,sBAAsB;;;;;;;;;;IAU1Bb,CAAC,CAACc,4BAA4B;;;EAG7C,CAAC;;EAEDC,QAAQ,WAAAA,SAACf,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACgB,2BAA2B;IACxChB,CAAC,CAACiB,6BAA6B;;EAE5C,CAAC;;EAEDC,OAAO,WAAAA,QAAClB,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACmB,wBAAwB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACpB,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAESH,CAAC,CAACqB,uBAAuB;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","cell","t","_taggedTemplateLiteralLoose2","default","calendarCellWidth","calendarCellHeight","day","resetButton","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","todayCaption","calendarCellTodayBorder"],"sources":["DayCellView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;MACIF,CAAC,CAACG,iBAAiB;MACrBH,CAAC,CAACI,kBAAkB;;IAElC,CAAC;IACDC,GAAG,WAAAA,IAACL,CAAQ,EAAE;MACZ,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACN,IAAAI,mBAAW,EAAC,CAAC;;;;MAIDN,CAAC,CAACO,cAAc;;MAEjBP,CAAC,CAACQ,oBAAoB;;;;;MAKpBR,CAAC,CAACS,sBAAsB;MACtBT,CAAC,CAACU,wBAAwB;;;;;;;;;;;;;;;;;MAiBnBV,CAAC,CAACW,wBAAwB;MACrCX,CAAC,CAACY,sBAAsB;;;;;;;;;;MAU1BZ,CAAC,CAACa,4BAA4B;;;IAG7C,CAAC;;IAEDC,QAAQ,WAAAA,SAACd,CAAQ,EAAE;MACjB,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACYF,CAAC,CAACe,2BAA2B;MACxCf,CAAC,CAACgB,6BAA6B;;IAE5C,CAAC;;IAEDC,OAAO,WAAAA,QAACjB,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACCF,CAAC,CAACkB,wBAAwB;;IAEvC,CAAC;;IAEDC,YAAY,WAAAA,aAACnB,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;MAESF,CAAC,CAACoB,uBAAuB;;IAE9C;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["DayCellViewModel","exports","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":"6EAAaA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA;;;;;;;;;;;;;EAa3B,SAAAA,iBAAYE,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,CAACL,gBAAA,CAjBaM,MAAM,GAApB,SAAAA,OAAqBJ,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAE,CAClF,OAAO,IAAIL,gBAAgB,CAACE,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,CAAC,CAC3D,CAAC,QAAAL,gBAAA","ignoreList":[]}
+{"version":3,"names":["DayCellViewModel","exports","date","month","year","isWeekend","create"],"sources":["DayCellViewModel.ts"],"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"],"mappings":"6EAAaA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA;;;;;;;;;;;;;EAa3B,SAAAA,iBAAYE,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,CAACL,gBAAA,CAjBaM,MAAM,GAApB,SAAAA,OAAqBJ,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAoB,CACpG,OAAO,IAAIL,gBAAgB,CAACE,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,CAAC,CAC3D,CAAC,QAAAL,gBAAA","ignoreList":[]}

package/cjs/components/Calendar/Month.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { MonthViewModel } from './MonthViewModel';
 interface MonthProps {
     top: number;
@@ -12,7 +12,7 @@ export declare class Month extends React.Component<MonthProps> {
     shouldComponentUpdate(nextProps: MonthProps): boolean;
     componentDidMount(): void;
     render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
+    renderMain(): JSX.Element;
     private renderCells;
     private closeSelects;
     private monthRef;

package/cjs/components/Calendar/Month.js

@@ -1,8 +1,10 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Month = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.Month = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 
 
@@ -10,7 +12,7 @@ var _MonthView = require("./MonthView");
 var _DayCellView = require("./DayCellView");
 var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEvents"));
 var _MonthView2 = require("./MonthView.styles");
-var _DayCellView2 = require("./DayCellView.styles");var
+var _DayCellView2 = require("./DayCellView.styles");var _class;var
 
 
 
@@ -105,7 +107,11 @@ var DAYS_PER_WEEK = 7;var
 
 
 
-MonthDayGrid = /*#__PURE__*/function (_React$Component2) {function MonthDayGrid() {return _React$Component2.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MonthDayGrid, _React$Component2);var _proto2 = MonthDayGrid.prototype;_proto2.
+
+MonthDayGrid = (0, _renderEnvironment.withRenderEnvironment)(_class = /*#__PURE__*/function (_React$Component2) {function MonthDayGrid() {return _React$Component2.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MonthDayGrid, _React$Component2);var _proto2 = MonthDayGrid.prototype;_proto2.
+
+
+
 
 
   shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
@@ -113,6 +119,9 @@ MonthDayGrid = /*#__PURE__*/function (_React$Component2) {function MonthDayGrid(
   };_proto2.
 
   render = function render() {var _this3 = this;
+    this.styles = (0, _MonthView2.getStyles)(this.emotion);
+    this.cellStyles = (0, _DayCellView2.getStyles)(this.emotion);
+
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
       function (theme) {
@@ -125,26 +134,26 @@ MonthDayGrid = /*#__PURE__*/function (_React$Component2) {function MonthDayGrid(
 
   renderMain = function renderMain() {var _this4 = this;
     var leadingDays = Array.from({ length: this.props.offset }, function (_, i) {return /*#__PURE__*/(
-        _react.default.createElement("div", { key: "leading_" + i, className: _DayCellView2.styles.cell(_this4.theme) }));}
+        _react.default.createElement("div", { key: "leading_" + i, className: _this4.cellStyles.cell(_this4.theme) }));}
     );
     var trailingOffset = DAYS_PER_WEEK - (this.props.offset + this.props.days.length) % DAYS_PER_WEEK;
     var trailingDays = Array.from({ length: trailingOffset }, function (_, i) {return /*#__PURE__*/(
-        _react.default.createElement("div", { key: "trailing_" + i, className: _DayCellView2.styles.cell(_this4.theme) }));}
+        _react.default.createElement("div", { key: "trailing_" + i, className: _this4.cellStyles.cell(_this4.theme) }));}
     );
     var days = this.props.days.map(function (day) {
       return /*#__PURE__*/_react.default.createElement(_DayCellView.DayCellView, { date: day, key: day.date + "." + day.month + "." + day.year });
     });
     var weeks = divideToWeeks(leadingDays.concat(days, trailingDays));
     return /*#__PURE__*/(
-      _react.default.createElement("div", { className: _MonthView2.styles.monthDayGrid(this.theme) },
+      _react.default.createElement("div", { className: this.styles.monthDayGrid(this.theme) },
       weeks.map(function (week, i) {return /*#__PURE__*/(
-          _react.default.createElement("div", { className: _MonthView2.styles.monthDayRow(_this4.theme), key: "week_" + i },
+          _react.default.createElement("div", { className: _this4.styles.monthDayRow(_this4.theme), key: "week_" + i },
           week
           ));}
       )
       ));
 
-  };return MonthDayGrid;}(_react.default.Component);
+  };return MonthDayGrid;}(_react.default.Component)) || _class;
 
 
 function divideToWeeks(days) {

package/cjs/components/Calendar/Month.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MonthView","_DayCellView","CalendarScrollEvents","_interopRequireWildcard","_MonthView2","_DayCellView2","Month","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","MonthView","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","React","Component","DAYS_PER_WEEK","_React$Component2","_proto2","_this3","_this4","leadingDays","from","_","i","key","className","cellStyles","cell","trailingOffset","trailingDays","map","day","DayCellView","date","weeks","divideToWeeks","styles","monthDayGrid","week","monthDayRow","slice","push"],"sources":["Month.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DateSelect } from '../../internal/DateSelect';\n\nimport type { MonthViewModel } from './MonthViewModel';\nimport type { DayCellViewModel } from './DayCellViewModel';\nimport { MonthView } from './MonthView';\nimport { DayCellView } from './DayCellView';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { styles } from './MonthView.styles';\nimport { styles as cellStyles } from './DayCellView.styles';\n\ninterface MonthProps {\n  top: number;\n  month: MonthViewModel;\n  onMonthYearChange: (monthNative: number, year: number) => void;\n}\n\nexport class Month extends React.Component<MonthProps> {\n  private theme!: Theme;\n\n  private monthSelect: DateSelect | null = null;\n  private yearSelect: DateSelect | null = null;\n\n  public shouldComponentUpdate(nextProps: MonthProps) {\n    if (this.props.top !== nextProps.top) {\n      return true;\n    }\n\n    return this.props.month !== nextProps.month;\n  }\n\n  public componentDidMount() {\n    CalendarScrollEvents.addListener(this.closeSelects);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { month, top } = this.props;\n    return (\n      <MonthView\n        firstDayOffset={month.offset}\n        height={month.getHeight(this.theme)}\n        isFirstInYear={month.isFirstInYear}\n        isLastInYear={month.isLastInYear}\n        month={month.month}\n        top={top}\n        year={month.year}\n        onMonthSelect={this.handleMonthSelect}\n        onYearSelect={this.handleYearSelect}\n        monthSelectRef={this.monthRef}\n        yearSelectRef={this.yearRef}\n      >\n        {this.renderCells()}\n      </MonthView>\n    );\n  }\n\n  private renderCells() {\n    return <MonthDayGrid days={this.props.month.days} offset={this.props.month.offset} />;\n  }\n\n  private closeSelects = () => {\n    if (this.monthSelect) {\n      this.monthSelect.close();\n    }\n    if (this.yearSelect) {\n      this.yearSelect.close();\n    }\n  };\n\n  private monthRef = (monthSelect: DateSelect | null) => {\n    this.monthSelect = monthSelect;\n  };\n\n  private yearRef = (yearSelect: DateSelect | null) => {\n    this.yearSelect = yearSelect;\n  };\n\n  private handleMonthSelect = (month: number) => {\n    this.props.onMonthYearChange(month, this.props.month.year);\n  };\n\n  private handleYearSelect = (year: number) => {\n    this.props.onMonthYearChange(this.props.month.month, year);\n  };\n}\n\nconst DAYS_PER_WEEK = 7;\n\ninterface MonthDayGridProps {\n  days: DayCellViewModel[];\n  offset: number;\n}\n\nclass MonthDayGrid extends React.Component<MonthDayGridProps> {\n  private theme!: Theme;\n\n  public shouldComponentUpdate(nextProps: MonthDayGridProps) {\n    return this.props.days !== nextProps.days;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const leadingDays = Array.from({ length: this.props.offset }, (_, i) => (\n      <div key={`leading_${i}`} className={cellStyles.cell(this.theme)} />\n    ));\n    const trailingOffset = DAYS_PER_WEEK - ((this.props.offset + this.props.days.length) % DAYS_PER_WEEK);\n    const trailingDays = Array.from({ length: trailingOffset }, (_, i) => (\n      <div key={`trailing_${i}`} className={cellStyles.cell(this.theme)} />\n    ));\n    const days = this.props.days.map((day) => {\n      return <DayCellView date={day} key={`${day.date}.${day.month}.${day.year}`} />;\n    });\n    const weeks = divideToWeeks(leadingDays.concat(days, trailingDays));\n    return (\n      <div className={styles.monthDayGrid(this.theme)}>\n        {weeks.map((week, i) => (\n          <div className={styles.monthDayRow(this.theme)} key={`week_${i}`}>\n            {week}\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n\nfunction divideToWeeks<T>(days: T[]): T[][] {\n  const weeks: T[][] = [];\n  for (let i = 0; i < days.length; i += DAYS_PER_WEEK) {\n    const week = days.slice(i, i + DAYS_PER_WEEK);\n    weeks.push(week);\n  }\n  return weeks;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_renderEnvironment","_MonthView","_DayCellView","CalendarScrollEvents","_interopRequireWildcard","_MonthView2","_DayCellView2","_class","Month","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","MonthView","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","React","Component","DAYS_PER_WEEK","withRenderEnvironment","_React$Component2","_proto2","_this3","styles","getStyles","emotion","cellStyles","getCellStyles","_this4","leadingDays","from","_","i","key","className","cell","trailingOffset","trailingDays","map","day","DayCellView","date","weeks","divideToWeeks","monthDayGrid","week","monthDayRow","slice","push"],"sources":["Month.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DateSelect } from '../../internal/DateSelect';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { MonthViewModel } from './MonthViewModel';\nimport type { DayCellViewModel } from './DayCellViewModel';\nimport { MonthView } from './MonthView';\nimport { DayCellView } from './DayCellView';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { getStyles } from './MonthView.styles';\nimport { getStyles as getCellStyles } from './DayCellView.styles';\n\ninterface MonthProps {\n  top: number;\n  month: MonthViewModel;\n  onMonthYearChange: (monthNative: number, year: number) => void;\n}\n\nexport class Month extends React.Component<MonthProps> {\n  private theme!: Theme;\n\n  private monthSelect: DateSelect | null = null;\n  private yearSelect: DateSelect | null = null;\n\n  public shouldComponentUpdate(nextProps: MonthProps) {\n    if (this.props.top !== nextProps.top) {\n      return true;\n    }\n\n    return this.props.month !== nextProps.month;\n  }\n\n  public componentDidMount() {\n    CalendarScrollEvents.addListener(this.closeSelects);\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): JSX.Element {\n    const { month, top } = this.props;\n    return (\n      <MonthView\n        firstDayOffset={month.offset}\n        height={month.getHeight(this.theme)}\n        isFirstInYear={month.isFirstInYear}\n        isLastInYear={month.isLastInYear}\n        month={month.month}\n        top={top}\n        year={month.year}\n        onMonthSelect={this.handleMonthSelect}\n        onYearSelect={this.handleYearSelect}\n        monthSelectRef={this.monthRef}\n        yearSelectRef={this.yearRef}\n      >\n        {this.renderCells()}\n      </MonthView>\n    );\n  }\n\n  private renderCells(): JSX.Element {\n    return <MonthDayGrid days={this.props.month.days} offset={this.props.month.offset} />;\n  }\n\n  private closeSelects = (): void => {\n    if (this.monthSelect) {\n      this.monthSelect.close();\n    }\n    if (this.yearSelect) {\n      this.yearSelect.close();\n    }\n  };\n\n  private monthRef = (monthSelect: DateSelect | null): void => {\n    this.monthSelect = monthSelect;\n  };\n\n  private yearRef = (yearSelect: DateSelect | null): void => {\n    this.yearSelect = yearSelect;\n  };\n\n  private handleMonthSelect = (month: number): void => {\n    this.props.onMonthYearChange(month, this.props.month.year);\n  };\n\n  private handleYearSelect = (year: number): void => {\n    this.props.onMonthYearChange(this.props.month.month, year);\n  };\n}\n\nconst DAYS_PER_WEEK = 7;\n\ninterface MonthDayGridProps {\n  days: DayCellViewModel[];\n  offset: number;\n}\n\n@withRenderEnvironment\nclass MonthDayGrid extends React.Component<MonthDayGridProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private cellStyles!: ReturnType<typeof getCellStyles>;\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public shouldComponentUpdate(nextProps: MonthDayGridProps) {\n    return this.props.days !== nextProps.days;\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n    this.cellStyles = getCellStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): JSX.Element {\n    const leadingDays = Array.from({ length: this.props.offset }, (_, i) => (\n      <div key={`leading_${i}`} className={this.cellStyles.cell(this.theme)} />\n    ));\n    const trailingOffset = DAYS_PER_WEEK - ((this.props.offset + this.props.days.length) % DAYS_PER_WEEK);\n    const trailingDays = Array.from({ length: trailingOffset }, (_, i) => (\n      <div key={`trailing_${i}`} className={this.cellStyles.cell(this.theme)} />\n    ));\n    const days = this.props.days.map((day) => {\n      return <DayCellView date={day} key={`${day.date}.${day.month}.${day.year}`} />;\n    });\n    const weeks = divideToWeeks(leadingDays.concat(days, trailingDays));\n    return (\n      <div className={this.styles.monthDayGrid(this.theme)}>\n        {weeks.map((week, i) => (\n          <div className={this.styles.monthDayRow(this.theme)} key={`week_${i}`}>\n            {week}\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n\nfunction divideToWeeks<T>(days: T[]): T[][] {\n  const weeks: T[][] = [];\n  for (let i = 0; i < days.length; i += DAYS_PER_WEEK) {\n    const week = days.slice(i, i + DAYS_PER_WEEK);\n    weeks.push(week);\n  }\n  return weeks;\n}\n"],"mappings":"wVAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;;AAGA,IAAAE,kBAAA,GAAAF,OAAA;;;;AAIA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA,yBAAkE,IAAAS,MAAA;;;;;;;;AAQrDC,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,gBAAA,YAAAF,MAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;IAGRU,WAAW,GAAsB,IAAI,CAAAV,KAAA;IACrCW,UAAU,GAAsB,IAAI,CAAAX,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkDpCY,YAAY,GAAG,YAAY;MACjC,IAAIZ,KAAA,CAAKU,WAAW,EAAE;QACpBV,KAAA,CAAKU,WAAW,CAACG,KAAK,CAAC,CAAC;MAC1B;MACA,IAAIb,KAAA,CAAKW,UAAU,EAAE;QACnBX,KAAA,CAAKW,UAAU,CAACE,KAAK,CAAC,CAAC;MACzB;IACF,CAAC,CAAAb,KAAA;;IAEOc,QAAQ,GAAG,UAACJ,WAA8B,EAAW;MAC3DV,KAAA,CAAKU,WAAW,GAAGA,WAAW;IAChC,CAAC,CAAAV,KAAA;;IAEOe,OAAO,GAAG,UAACJ,UAA6B,EAAW;MACzDX,KAAA,CAAKW,UAAU,GAAGA,UAAU;IAC9B,CAAC,CAAAX,KAAA;;IAEOgB,iBAAiB,GAAG,UAACC,KAAa,EAAW;MACnDjB,KAAA,CAAKkB,KAAK,CAACC,iBAAiB,CAACF,KAAK,EAAEjB,KAAA,CAAKkB,KAAK,CAACD,KAAK,CAACG,IAAI,CAAC;IAC5D,CAAC,CAAApB,KAAA;;IAEOqB,gBAAgB,GAAG,UAACD,IAAY,EAAW;MACjDpB,KAAA,CAAKkB,KAAK,CAACC,iBAAiB,CAACnB,KAAA,CAAKkB,KAAK,CAACD,KAAK,CAACA,KAAK,EAAEG,IAAI,CAAC;IAC5D,CAAC,QAAApB,KAAA,MAAAsB,eAAA,CAAAC,OAAA,EAAA1B,KAAA,EAAAE,gBAAA,MAAAyB,MAAA,GAAA3B,KAAA,CAAA4B,SAAA,CAAAD,MAAA,CAvEME,qBAAqB,GAA5B,SAAAA,sBAA6BC,SAAqB,EAAE,CAClD,IAAI,IAAI,CAACT,KAAK,CAACU,GAAG,KAAKD,SAAS,CAACC,GAAG,EAAE,CACpC,OAAO,IAAI,CACb,CAEA,OAAO,IAAI,CAACV,KAAK,CAACD,KAAK,KAAKU,SAAS,CAACV,KAAK,CAC7C,CAAC,CAAAO,MAAA,CAEMK,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzBrC,oBAAoB,CAACsC,WAAW,CAAC,IAAI,CAAClB,YAAY,CAAC,CACrD,CAAC,CAAAY,MAAA,CAEMO,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,MAAA,QACjC,oBACE/C,MAAA,CAAAsC,OAAA,CAAAU,aAAA,CAAC7C,aAAA,CAAA8C,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACI,KAAK,GAAGA,KAAK,CAClB,OAAOJ,MAAI,CAACK,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAb,MAAA,CAEMa,UAAU,GAAjB,SAAAA,WAAA,EAAiC,CAC/B,IAAAC,WAAA,GAAuB,IAAI,CAACpB,KAAK,CAAzBD,KAAK,GAAAqB,WAAA,CAALrB,KAAK,CAAEW,GAAG,GAAAU,WAAA,CAAHV,GAAG,CAClB,oBACE3C,MAAA,CAAAsC,OAAA,CAAAU,aAAA,CAAC3C,UAAA,CAAAiD,SAAS,IACRC,cAAc,EAAEvB,KAAK,CAACwB,MAAO,EAC7BC,MAAM,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAACP,KAAK,CAAE,EACpCQ,aAAa,EAAE3B,KAAK,CAAC2B,aAAc,EACnCC,YAAY,EAAE5B,KAAK,CAAC4B,YAAa,EACjC5B,KAAK,EAAEA,KAAK,CAACA,KAAM,EACnBW,GAAG,EAAEA,GAAI,EACTR,IAAI,EAAEH,KAAK,CAACG,IAAK,EACjB0B,aAAa,EAAE,IAAI,CAAC9B,iBAAkB,EACtC+B,YAAY,EAAE,IAAI,CAAC1B,gBAAiB,EACpC2B,cAAc,EAAE,IAAI,CAAClC,QAAS,EAC9BmC,aAAa,EAAE,IAAI,CAAClC,OAAQ,IAE3B,IAAI,CAACmC,WAAW,CAAC,CACT,CAAC,CAEhB,CAAC,CAAA1B,MAAA,CAEO0B,WAAW,GAAnB,SAAAA,YAAA,EAAmC,CACjC,oBAAOjE,MAAA,CAAAsC,OAAA,CAAAU,aAAA,CAACkB,YAAY,IAACC,IAAI,EAAE,IAAI,CAAClC,KAAK,CAACD,KAAK,CAACmC,IAAK,EAACX,MAAM,EAAE,IAAI,CAACvB,KAAK,CAACD,KAAK,CAACwB,MAAO,EAAE,CAAC,CACvF,CAAC,QAAA5C,KAAA,GApDwBwD,cAAK,CAACC,SAAS;;;AAgF1C,IAAMC,aAAa,GAAG,CAAC,CAAC;;;;;;;;AAQlBJ,YAAY,OADjBK,wCAAqB,EAAA5D,MAAA,0BAAA6D,iBAAA,YAAAN,aAAA,UAAAM,iBAAA,CAAAjD,KAAA,OAAAN,SAAA,eAAAoB,eAAA,CAAAC,OAAA,EAAA4B,YAAA,EAAAM,iBAAA,MAAAC,OAAA,GAAAP,YAAA,CAAA1B,SAAA,CAAAiC,OAAA;;;;;;EAObhC,qBAAqB,GAA5B,SAAAA,sBAA6BC,SAA4B,EAAE;IACzD,OAAO,IAAI,CAACT,KAAK,CAACkC,IAAI,KAAKzB,SAAS,CAACyB,IAAI;EAC3C,CAAC,CAAAM,OAAA;;EAEM3B,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAA4B,MAAA;IAC3B,IAAI,CAACC,MAAM,GAAG,IAAAC,qBAAS,EAAC,IAAI,CAACC,OAAO,CAAC;IACrC,IAAI,CAACC,UAAU,GAAG,IAAAC,uBAAa,EAAC,IAAI,CAACF,OAAO,CAAC;;IAE7C;MACE7E,MAAA,CAAAsC,OAAA,CAAAU,aAAA,CAAC7C,aAAA,CAAA8C,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVuB,MAAI,CAACvB,KAAK,GAAGA,KAAK;QAClB,OAAOuB,MAAI,CAACtB,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAqB,OAAA;;EAEMrB,UAAU,GAAjB,SAAAA,WAAA,EAAiC,KAAA4B,MAAA;IAC/B,IAAMC,WAAW,GAAG7D,KAAK,CAAC8D,IAAI,CAAC,EAAEhE,MAAM,EAAE,IAAI,CAACe,KAAK,CAACuB,MAAM,CAAC,CAAC,EAAE,UAAC2B,CAAC,EAAEC,CAAC;QACjEpF,MAAA,CAAAsC,OAAA,CAAAU,aAAA,UAAKqC,GAAG,eAAaD,CAAI,EAACE,SAAS,EAAEN,MAAI,CAACF,UAAU,CAACS,IAAI,CAACP,MAAI,CAAC7B,KAAK,CAAE,EAAE,CAAC;IAC1E,CAAC;IACF,IAAMqC,cAAc,GAAGlB,aAAa,GAAI,CAAC,IAAI,CAACrC,KAAK,CAACuB,MAAM,GAAG,IAAI,CAACvB,KAAK,CAACkC,IAAI,CAACjD,MAAM,IAAIoD,aAAc;IACrG,IAAMmB,YAAY,GAAGrE,KAAK,CAAC8D,IAAI,CAAC,EAAEhE,MAAM,EAAEsE,cAAc,CAAC,CAAC,EAAE,UAACL,CAAC,EAAEC,CAAC;QAC/DpF,MAAA,CAAAsC,OAAA,CAAAU,aAAA,UAAKqC,GAAG,gBAAcD,CAAI,EAACE,SAAS,EAAEN,MAAI,CAACF,UAAU,CAACS,IAAI,CAACP,MAAI,CAAC7B,KAAK,CAAE,EAAE,CAAC;IAC3E,CAAC;IACF,IAAMgB,IAAI,GAAG,IAAI,CAAClC,KAAK,CAACkC,IAAI,CAACuB,GAAG,CAAC,UAACC,GAAG,EAAK;MACxC,oBAAO3F,MAAA,CAAAsC,OAAA,CAAAU,aAAA,CAAC1C,YAAA,CAAAsF,WAAW,IAACC,IAAI,EAAEF,GAAI,EAACN,GAAG,EAAKM,GAAG,CAACE,IAAI,SAAIF,GAAG,CAAC3D,KAAK,SAAI2D,GAAG,CAACxD,IAAO,EAAE,CAAC;IAChF,CAAC,CAAC;IACF,IAAM2D,KAAK,GAAGC,aAAa,CAACd,WAAW,CAACzD,MAAM,CAAC2C,IAAI,EAAEsB,YAAY,CAAC,CAAC;IACnE;MACEzF,MAAA,CAAAsC,OAAA,CAAAU,aAAA,UAAKsC,SAAS,EAAE,IAAI,CAACX,MAAM,CAACqB,YAAY,CAAC,IAAI,CAAC7C,KAAK,CAAE;MAClD2C,KAAK,CAACJ,GAAG,CAAC,UAACO,IAAI,EAAEb,CAAC;UACjBpF,MAAA,CAAAsC,OAAA,CAAAU,aAAA,UAAKsC,SAAS,EAAEN,MAAI,CAACL,MAAM,CAACuB,WAAW,CAAClB,MAAI,CAAC7B,KAAK,CAAE,EAACkC,GAAG,YAAUD,CAAI;UACnEa;UACE,CAAC;MACP;MACE,CAAC;;EAEV,CAAC,QAAA/B,YAAA,GA7CwBE,cAAK,CAACC,SAAS,MAAA1D,MAAA;;;AAgD1C,SAASoF,aAAaA,CAAI5B,IAAS,EAAS;EAC1C,IAAM2B,KAAY,GAAG,EAAE;EACvB,KAAK,IAAIV,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjB,IAAI,CAACjD,MAAM,EAAEkE,CAAC,IAAId,aAAa,EAAE;IACnD,IAAM2B,IAAI,GAAG9B,IAAI,CAACgC,KAAK,CAACf,CAAC,EAAEA,CAAC,GAAGd,aAAa,CAAC;IAC7CwB,KAAK,CAACM,IAAI,CAACH,IAAI,CAAC;EAClB;EACA,OAAOH,KAAK;AACd","ignoreList":[]}

package/cjs/components/Calendar/MonthView.js

@@ -1,7 +1,7 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MonthView = MonthView;exports.getMinMonth = exports.getMaxMonth = void 0;var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../../components/ResponsiveLayout");
 
 var _DateSelect = require("../../internal/DateSelect");
@@ -51,6 +51,8 @@ var getMaxMonth = exports.getMaxMonth = function getMaxMonth(year, maxDate) {
 
 function MonthView(props) {var _cx, _cx2;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_MonthView.getStyles);
   var _useContext = (0, _react.useContext)(_CalendarContext.CalendarContext),minDate = _useContext.minDate,maxDate = _useContext.maxDate;
   var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
 
@@ -81,19 +83,19 @@ function MonthView(props) {var _cx, _cx2;
   return /*#__PURE__*/(
     _react.default.createElement("div", {
       "data-tid": _Calendar.CalendarDataTids.month,
-      className: (0, _Emotion.cx)((_cx = {}, _cx[_MonthView.styles.month(theme)] = true, _cx[_MonthView.styles.monthMobile()] = isMobile, _cx)),
+      className: cx((_cx = {}, _cx[styles.month(theme)] = true, _cx[styles.monthMobile()] = isMobile, _cx)),
       style: { top: top },
       key: month + '-' + year }, /*#__PURE__*/
 
     _react.default.createElement("div", {
       style: { top: headerTop },
-      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _MonthView.styles.header()] = true, _cx2[
-      _MonthView.styles.headerSticky(theme)] = isHeaderSticky, _cx2)
+      className: cx((_cx2 = {}, _cx2[
+      styles.header()] = true, _cx2[
+      styles.headerSticky(theme)] = isHeaderSticky, _cx2)
       ) }, /*#__PURE__*/
 
-    _react.default.createElement("div", { style: { borderBottomColor: borderBottomColor }, className: _MonthView.styles.monthTitle(theme) }, /*#__PURE__*/
-    _react.default.createElement("div", { "data-tid": _Calendar.CalendarDataTids.headerMonth, className: _MonthView.styles.headerMonth(theme) }, /*#__PURE__*/
+    _react.default.createElement("div", { style: { borderBottomColor: borderBottomColor }, className: styles.monthTitle(theme) }, /*#__PURE__*/
+    _react.default.createElement("div", { "data-tid": _Calendar.CalendarDataTids.headerMonth, className: styles.headerMonth(theme) }, /*#__PURE__*/
     _react.default.createElement(_DateSelect.DateSelect, {
       disabled: monthSelectDisabled,
       width: isMobile ? '6em' : 85,
@@ -106,7 +108,7 @@ function MonthView(props) {var _cx, _cx2;
     )
     ),
     isYearVisible && /*#__PURE__*/
-    _react.default.createElement("div", { "data-tid": _Calendar.CalendarDataTids.headerYear, className: _MonthView.styles.headerYear(theme), style: { top: yearTop } }, /*#__PURE__*/
+    _react.default.createElement("div", { "data-tid": _Calendar.CalendarDataTids.headerYear, className: styles.headerYear(theme), style: { top: yearTop } }, /*#__PURE__*/
     _react.default.createElement(_DateSelect.DateSelect, {
       disabled: yearSelectDisabled,
       width: isMobile ? '3.5em' : 50,

package/cjs/components/Calendar/MonthView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_Emotion","_ResponsiveLayout","_DateSelect","_MonthView","_config","CDS","_Calendar","_CalendarContext","getMinMonth","exports","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","useContext","ThemeContext","_useContext","CalendarContext","_useResponsiveLayout","useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","themeConfig","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","default","createElement","CalendarDataTids","className","cx","styles","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","DateSelect","disabled","width","type","value","onValueChange","ref","undefined","minValue","maxValue","headerYear"],"sources":["MonthView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport type { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { styles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\nimport { CalendarContext } from './CalendarContext';\n\nexport const getMinMonth = (year: number, minDate: Nullable<CDS.CalendarDateShape>) => {\n  let min = 0;\n  for (let i = 0; i < 12; ++i) {\n    if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year }, minDate)) {\n      min = i;\n      break;\n    }\n  }\n  return min;\n};\n\nexport const getMaxMonth = (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => {\n  let max = 11;\n  for (let i = 11; i >= 0; --i) {\n    if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year }, maxDate)) {\n      max = i;\n      break;\n    }\n  }\n  return max;\n};\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  month: number;\n  top: number;\n  year: number;\n  onMonthSelect: (month: number) => void;\n  onYearSelect: (month: number) => void;\n  monthSelectRef: (select: DateSelect | null) => void;\n  yearSelectRef: (select: DateSelect | null) => void;\n}\n\nexport function MonthView(props: MonthViewProps) {\n  const theme = useContext(ThemeContext);\n  const { minDate, maxDate } = useContext(CalendarContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    month,\n    top,\n    year,\n    onMonthSelect,\n    onYearSelect,\n    monthSelectRef,\n    yearSelectRef,\n  } = props;\n\n  const isTopNegative = top <= 0;\n  const isHeaderSticky = isTopNegative && height >= -top;\n  const headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;\n  const alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;\n  const borderBottomColor = `color-mix(in srgb, ${theme.calendarMonthTitleBorderBottomColor}, transparent ${Math.max(alpha, 0)}%)`;\n  const isYearVisible = isFirstInYear || isHeaderSticky;\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\n  const monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 52 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={cx({\n          [styles.header()]: true,\n          [styles.headerSticky(theme)]: isHeaderSticky,\n        })}\n      >\n        <div style={{ borderBottomColor }} className={styles.monthTitle(theme)}>\n          <div data-tid={CalendarDataTids.headerMonth} className={styles.headerMonth(theme)}>\n            <DateSelect\n              disabled={monthSelectDisabled}\n              width={isMobile ? '6em' : 85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year, minDate)}\n              maxValue={getMaxMonth(year, maxDate)}\n            />\n          </div>\n          {isYearVisible && (\n            <div data-tid={CalendarDataTids.headerYear} className={styles.headerYear(theme)} style={{ top: yearTop }}>\n              <DateSelect\n                disabled={yearSelectDisabled}\n                width={isMobile ? '3.5em' : 50}\n                type=\"year\"\n                value={year}\n                minValue={minDate ? minDate.year : undefined}\n                maxValue={maxDate ? maxDate.year : undefined}\n                onValueChange={onYearSelect}\n                ref={!yearSelectDisabled ? yearSelectRef : undefined}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_ResponsiveLayout","_DateSelect","_MonthView","_config","CDS","_Calendar","_CalendarContext","getMinMonth","exports","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","_useContext","CalendarContext","_useResponsiveLayout","useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","themeConfig","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","default","createElement","CalendarDataTids","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","DateSelect","disabled","width","type","value","onValueChange","ref","undefined","minValue","maxValue","headerYear"],"sources":["MonthView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport type { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { getStyles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\nimport { CalendarContext } from './CalendarContext';\n\nexport const getMinMonth = (year: number, minDate: Nullable<CDS.CalendarDateShape>): number => {\n  let min = 0;\n  for (let i = 0; i < 12; ++i) {\n    if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year }, minDate)) {\n      min = i;\n      break;\n    }\n  }\n  return min;\n};\n\nexport const getMaxMonth = (year: number, maxDate: Nullable<CDS.CalendarDateShape>): number => {\n  let max = 11;\n  for (let i = 11; i >= 0; --i) {\n    if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year }, maxDate)) {\n      max = i;\n      break;\n    }\n  }\n  return max;\n};\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  month: number;\n  top: number;\n  year: number;\n  onMonthSelect: (month: number) => void;\n  onYearSelect: (month: number) => void;\n  monthSelectRef: (select: DateSelect | null) => void;\n  yearSelectRef: (select: DateSelect | null) => void;\n}\n\nexport function MonthView(props: MonthViewProps): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const { minDate, maxDate } = useContext(CalendarContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    month,\n    top,\n    year,\n    onMonthSelect,\n    onYearSelect,\n    monthSelectRef,\n    yearSelectRef,\n  } = props;\n\n  const isTopNegative = top <= 0;\n  const isHeaderSticky = isTopNegative && height >= -top;\n  const headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;\n  const alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;\n  const borderBottomColor = `color-mix(in srgb, ${theme.calendarMonthTitleBorderBottomColor}, transparent ${Math.max(alpha, 0)}%)`;\n  const isYearVisible = isFirstInYear || isHeaderSticky;\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\n  const monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 52 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={cx({\n          [styles.header()]: true,\n          [styles.headerSticky(theme)]: isHeaderSticky,\n        })}\n      >\n        <div style={{ borderBottomColor }} className={styles.monthTitle(theme)}>\n          <div data-tid={CalendarDataTids.headerMonth} className={styles.headerMonth(theme)}>\n            <DateSelect\n              disabled={monthSelectDisabled}\n              width={isMobile ? '6em' : 85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year, minDate)}\n              maxValue={getMaxMonth(year, maxDate)}\n            />\n          </div>\n          {isYearVisible && (\n            <div data-tid={CalendarDataTids.headerYear} className={styles.headerYear(theme)} style={{ top: yearTop }}>\n              <DateSelect\n                disabled={yearSelectDisabled}\n                width={isMobile ? '3.5em' : 50}\n                type=\"year\"\n                value={year}\n                minValue={minDate ? minDate.year : undefined}\n                maxValue={maxDate ? maxDate.year : undefined}\n                onValueChange={onYearSelect}\n                ref={!yearSelectDisabled ? yearSelectRef : undefined}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}