@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/components/Calendar/CalendarDay/CalendarDay.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["isToday", "isSelected", "isDisabled", "isWeekend", "date", "onDayClick", "onClick", "children", "className"];
 import React, { useContext, memo, useCallback } from 'react';
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
@@ -19,7 +20,6 @@ import { CalendarDataTids } from "../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,
@@ -29,7 +29,7 @@ export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', func
     onClick = _ref.onClick,
     children = _ref.children,
     className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var theme = useContext(ThemeContext);
   var _useContext = useContext(LocaleContext),
     langCode = _useContext.langCode;
@@ -38,14 +38,14 @@ export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', func
     value: date
   });
   var locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);
-  var ariaLabel = locale.dayCellChooseDateAriaLabel + ": " + internalDate.toA11YFormat();
+  var ariaLabel = "".concat(locale.dayCellChooseDateAriaLabel, ": ").concat(internalDate.toA11YFormat());
   var handleClick = useCallback(function (e) {
     onDayClick();
-    onClick == null || onClick(e);
+    onClick === null || onClick === void 0 || onClick(e);
   }, [onDayClick, onClick]);
   var _internalDate$getComp = internalDate.getComponentsLikeNumber(),
     day = _internalDate$getComp.date;
-  var caption = children != null ? children : day;
+  var caption = children !== null && children !== void 0 ? children : day;
   return /*#__PURE__*/(
     React.createElement("button", _extends({
       ref: ref,
@@ -54,13 +54,13 @@ export var CalendarDay = /*#__PURE__*/memo(forwardRefAndName('CalendarDay', func
       tabIndex: -1,
       disabled: isDisabled,
       onClick: handleClick,
-      className: cx((_cx = {}, _cx[styles.day(theme)] = true, _cx[styles.weekend(theme)] = isWeekend, _cx[styles.selected(theme)] = isSelected, _cx), className)
+      className: cx(_defineProperty(_defineProperty(_defineProperty({}, styles.day(theme), true), styles.weekend(theme), isWeekend), styles.selected(theme), isSelected), className)
     }, getVisualStateDataAttributes({
       selected: isSelected
     }), rest), /*#__PURE__*/
 
     React.createElement("span", {
-      className: cx((_cx2 = {}, _cx2[styles.todayCaption(theme)] = isToday, _cx2))
+      className: cx(_defineProperty({}, styles.todayCaption(theme), isToday))
     }, caption))
   );
 }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","memo","useCallback","useLocaleForControl","ThemeContext","cx","DatePickerLocaleHelper","InternalDate","LocaleContext","getVisualStateDataAttributes","forwardRefAndName","styles","CalendarDataTids","CalendarDay","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","onDayClick","onClick","children","className","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useContext","langCode","internalDate","value","locale","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","handleClick","e","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends","dayCell","tabIndex","disabled","weekend","selected","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.weekend(theme)]: isWeekend,\n              [styles.selected(theme)]: isSelected,\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","useContext","memo","useCallback","useLocaleForControl","ThemeContext","cx","DatePickerLocaleHelper","InternalDate","LocaleContext","getVisualStateDataAttributes","forwardRefAndName","styles","CalendarDataTids","CalendarDay","_ref","ref","isToday","isSelected","isDisabled","isWeekend","date","onDayClick","onClick","children","className","rest","_objectWithoutProperties","_excluded","theme","_useContext","langCode","internalDate","value","locale","ariaLabel","concat","dayCellChooseDateAriaLabel","toA11YFormat","handleClick","e","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends","dayCell","tabIndex","disabled","_defineProperty","weekend","selected","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.weekend(theme)]: isWeekend,\n              [styles.selected(theme)]: isSelected,\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/components/Calendar/DayCellView/DayCellView.js

@@ -20,17 +20,17 @@ export var DayCellView = function DayCellView(props) {
   var isDisabled = !CDS.isBetween(date, minDate, maxDate);
   var humanDateString = InternalDateTransformer.dateToHumanString(date);
   var dayClickHandler = useCallback(function () {
-    onDateClick == null || onDateClick(date);
+    onDateClick === null || onDateClick === void 0 || onDateClick(date);
   }, [onDateClick, date]);
   var dayProps = {
     isToday: Boolean(today && CDS.isEqual(date, today)),
     isSelected: Boolean(value && CDS.isEqual(date, value)),
     isDisabled: isDisabled,
-    isWeekend: (_isHoliday = isHoliday == null ? void 0 : isHoliday(humanDateString, date.isWeekend)) != null ? _isHoliday : date.isWeekend,
+    isWeekend: (_isHoliday = isHoliday === null || isHoliday === void 0 ? void 0 : isHoliday(humanDateString, date.isWeekend)) !== null && _isHoliday !== void 0 ? _isHoliday : date.isWeekend,
     date: humanDateString,
     onDayClick: dayClickHandler
   };
-  var dayElement = (_renderDay = renderDay == null ? void 0 : renderDay(dayProps)) != null ? _renderDay : /*#__PURE__*/React.createElement(CalendarDay, dayProps);
+  var dayElement = (_renderDay = renderDay === null || renderDay === void 0 ? void 0 : renderDay(dayProps)) !== null && _renderDay !== void 0 ? _renderDay : /*#__PURE__*/React.createElement(CalendarDay, dayProps);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.cell(theme)
   }, dayElement);

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

@@ -1 +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","dayClickHandler","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","onDayClick","dayElement","createElement","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 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,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,eAAe,GAAG1B,WAAW,CAAC,YAAM;IACxCoB,WAAW,YAAXA,WAAW,CAAGR,IAAI,CAAC;EACrB,CAAC,EAAE,CAACQ,WAAW,EAAER,IAAI,CAAC,CAAC;;EAEvB,IAAMe,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACV,KAAK,IAAIb,GAAG,CAACwB,OAAO,CAAClB,IAAI,EAAEO,KAAK,CAAC,CAAC;IACnDY,UAAU,EAAEF,OAAO,CAACf,KAAK,IAAIR,GAAG,CAACwB,OAAO,CAAClB,IAAI,EAAEE,KAAK,CAAC,CAAC;IACtDQ,UAAU,EAAVA,UAAU;IACVU,SAAS,GAAAtB,UAAA,GAAEO,SAAS,oBAATA,SAAS,CAAGO,eAAe,EAAEZ,IAAI,CAACoB,SAAS,CAAC,YAAAtB,UAAA,GAAIE,IAAI,CAACoB,SAAS;IACzEpB,IAAI,EAAEY,eAAe;IACrBS,UAAU,EAAEP;EACd,CAAC;;EAED,IAAMQ,UAA0C,IAAAvB,UAAA,GAAGO,SAAS,oBAATA,SAAS,CAAGS,QAAQ,CAAC,YAAAhB,UAAA,gBAAIZ,KAAA,CAAAoC,aAAA,CAAC5B,WAAW,EAAKoB,QAAW,CAAC;;EAEzG,oBAAO5B,KAAA,CAAAoC,aAAA,UAAKC,SAAS,EAAEhC,MAAM,CAACiC,IAAI,CAAChB,KAAK,CAAE,IAAEa,UAAgB,CAAC;AAC/D,CAAC","ignoreList":[]}
+{"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","dayClickHandler","dayProps","isToday","Boolean","isEqual","isSelected","isWeekend","onDayClick","dayElement","createElement","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 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,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,eAAe,GAAG1B,WAAW,CAAC,YAAM;IACxCoB,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGR,IAAI,CAAC;EACrB,CAAC,EAAE,CAACQ,WAAW,EAAER,IAAI,CAAC,CAAC;;EAEvB,IAAMe,QAA0B,GAAG;IACjCC,OAAO,EAAEC,OAAO,CAACV,KAAK,IAAIb,GAAG,CAACwB,OAAO,CAAClB,IAAI,EAAEO,KAAK,CAAC,CAAC;IACnDY,UAAU,EAAEF,OAAO,CAACf,KAAK,IAAIR,GAAG,CAACwB,OAAO,CAAClB,IAAI,EAAEE,KAAK,CAAC,CAAC;IACtDQ,UAAU,EAAVA,UAAU;IACVU,SAAS,GAAAtB,UAAA,GAAEO,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGO,eAAe,EAAEZ,IAAI,CAACoB,SAAS,CAAC,cAAAtB,UAAA,cAAAA,UAAA,GAAIE,IAAI,CAACoB,SAAS;IACzEpB,IAAI,EAAEY,eAAe;IACrBS,UAAU,EAAEP;EACd,CAAC;;EAED,IAAMQ,UAA0C,IAAAvB,UAAA,GAAGO,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGS,QAAQ,CAAC,cAAAhB,UAAA,cAAAA,UAAA,gBAAIZ,KAAA,CAAAoC,aAAA,CAAC5B,WAAW,EAAKoB,QAAW,CAAC;;EAEzG,oBAAO5B,KAAA,CAAAoC,aAAA,UAAKC,SAAS,EAAEhC,MAAM,CAACiC,IAAI,CAAChB,KAAK,CAAE,IAAEa,UAAgB,CAAC;AAC/D,CAAC","ignoreList":[]}

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

@@ -1,21 +1,21 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 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);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      background-color: ", ";\n      color: ", ";\n    "])), t.calendarCellSelectedBgColor, t.calendarCellSelectedFontColor);
   },
   weekend: function weekend(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.calendarCellWeekendColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.calendarCellWeekendColor);
   },
   todayCaption: function todayCaption(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])), t.calendarCellTodayBorder);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])), t.calendarCellTodayBorder);
   }
 });

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

@@ -1 +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":[]}
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","cell","t","_templateObject","_taggedTemplateLiteral","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":"kLAAA,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,sBAAA;IACIF,CAAC,CAACG,iBAAiB;IACrBH,CAAC,CAACI,kBAAkB;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACL,CAAQ,EAAE;IACZ,OAAOL,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;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,sBAAA;IACYF,CAAC,CAACgB,2BAA2B;IACxChB,CAAC,CAACiB,6BAA6B;;EAE5C,CAAC;;EAEDC,OAAO,WAAAA,QAAClB,CAAQ,EAAE;IAChB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA;IACCF,CAAC,CAACoB,wBAAwB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,sBAAA;;IAESF,CAAC,CAACuB,uBAAuB;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/DayCellViewModel/DayCellViewModel.js

@@ -1,12 +1,17 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 export var DayCellViewModel = /*#__PURE__*/function () {
   function DayCellViewModel(date, month, year, isWeekend) {
+    _classCallCheck(this, DayCellViewModel);
     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;
+  return _createClass(DayCellViewModel, null, [{
+    key: "create",
+    value: function create(date, month, year, isWeekend) {
+      return new DayCellViewModel(date, month, year, isWeekend);
+    }
+  }]);
 }();

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

@@ -1 +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":[]}
+{"version":3,"names":["DayCellViewModel","date","month","year","isWeekend","_classCallCheck","_createClass","key","value","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":"0IAAA,WAAaA,gBAAgB;;;;;;;;;;;;;EAa3B,SAAAA,iBAAYC,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAE,CAAAC,eAAA,OAAAL,gBAAA;IACzE,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC5B,CAAC,OAAAE,YAAA,CAAAN,gBAAA,WAAAO,GAAA,YAAAC,KAAA,EAjBD,SAAAC,OAAqBR,IAAY,EAAEC,KAAa,EAAEC,IAAY,EAAEC,SAAkB,EAAE,CAClF,OAAO,IAAIJ,gBAAgB,CAACC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,CAAC,CAC3D,CAAC","ignoreList":[]}

package/components/Calendar/Month/Month.js

@@ -1,4 +1,12 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { MonthView } from "../MonthView";
@@ -9,10 +17,11 @@ import { styles as cellStyles } from "../DayCellView.styles";
 export var Month = /*#__PURE__*/function (_React$Component) {
   function Month() {
     var _this;
+    _classCallCheck(this, Month);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, Month, [].concat(args));
     _this.monthSelect = null;
     _this.yearSelect = null;
     _this.closeSelects = function () {
@@ -37,113 +46,128 @@ export var Month = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(Month, _React$Component);
-  var _proto = Month.prototype;
-  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    if (this.props.top !== nextProps.top) {
-      return true;
+  _inherits(Month, _React$Component);
+  return _createClass(Month, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      if (this.props.top !== nextProps.top) {
+        return true;
+      }
+      return this.props.month !== nextProps.month;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      CalendarScrollEvents.addListener(this.closeSelects);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
+      });
+    }
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this$props = this.props,
+        month = _this$props.month,
+        top = _this$props.top;
+      return /*#__PURE__*/React.createElement(MonthView, {
+        firstDayOffset: month.offset,
+        height: month.getHeight(this.theme),
+        isFirstInYear: month.isFirstInYear,
+        isLastInYear: month.isLastInYear,
+        month: month.month,
+        top: top,
+        year: month.year,
+        onMonthSelect: this.handleMonthSelect,
+        onYearSelect: this.handleYearSelect,
+        monthSelectRef: this.monthRef,
+        yearSelectRef: this.yearRef
+      }, this.renderCells());
+    }
+  }, {
+    key: "renderCells",
+    value: function renderCells() {
+      return /*#__PURE__*/React.createElement(MonthDayGrid, {
+        days: this.props.month.days,
+        offset: this.props.month.offset
+      });
     }
-    return this.props.month !== nextProps.month;
-  };
-  _proto.componentDidMount = function componentDidMount() {
-    CalendarScrollEvents.addListener(this.closeSelects);
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-      month = _this$props.month,
-      top = _this$props.top;
-    return /*#__PURE__*/React.createElement(MonthView, {
-      firstDayOffset: month.offset,
-      height: month.getHeight(this.theme),
-      isFirstInYear: month.isFirstInYear,
-      isLastInYear: month.isLastInYear,
-      month: month.month,
-      top: top,
-      year: month.year,
-      onMonthSelect: this.handleMonthSelect,
-      onYearSelect: this.handleYearSelect,
-      monthSelectRef: this.monthRef,
-      yearSelectRef: this.yearRef
-    }, this.renderCells());
-  };
-  _proto.renderCells = function renderCells() {
-    return /*#__PURE__*/React.createElement(MonthDayGrid, {
-      days: this.props.month.days,
-      offset: this.props.month.offset
-    });
-  };
-  return Month;
+  }]);
 }(React.Component);
 var DAYS_PER_WEEK = 7;
 var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
   function MonthDayGrid() {
-    return _React$Component2.apply(this, arguments) || this;
+    _classCallCheck(this, MonthDayGrid);
+    return _callSuper(this, MonthDayGrid, arguments);
   }
-  _inheritsLoose(MonthDayGrid, _React$Component2);
-  var _proto2 = MonthDayGrid.prototype;
-  _proto2.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    return this.props.days !== nextProps.days;
-  };
-  _proto2.render = function render() {
-    var _this3 = this;
-    return /*#__PURE__*/(
-      React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this3.theme = theme;
-        return _this3.renderMain();
-      })
-    );
-  };
-  _proto2.renderMain = function renderMain() {
-    var _this4 = this;
-    var leadingDays = Array.from({
-      length: this.props.offset
-    }, function (_, i) {
+  _inherits(MonthDayGrid, _React$Component2);
+  return _createClass(MonthDayGrid, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return this.props.days !== nextProps.days;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
       return /*#__PURE__*/(
-        React.createElement("div", {
-          key: "leading_" + i,
-          className: cellStyles.cell(_this4.theme)
+        React.createElement(ThemeContext.Consumer, null, function (theme) {
+          _this3.theme = theme;
+          return _this3.renderMain();
         })
       );
-    });
-    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.createElement("div", {
-          key: "trailing_" + i,
-          className: cellStyles.cell(_this4.theme)
-        })
-      );
-    });
-    var days = this.props.days.map(function (day) {
-      return /*#__PURE__*/React.createElement(DayCellView, {
-        date: day,
-        key: day.date + "." + day.month + "." + day.year
+    }
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this4 = this;
+      var leadingDays = Array.from({
+        length: this.props.offset
+      }, function (_, i) {
+        return /*#__PURE__*/(
+          React.createElement("div", {
+            key: "leading_".concat(i),
+            className: cellStyles.cell(_this4.theme)
+          })
+        );
       });
-    });
-    var weeks = divideToWeeks(leadingDays.concat(days, trailingDays));
-    return /*#__PURE__*/(
-      React.createElement("div", {
-        className: styles.monthDayGrid(this.theme)
-      }, weeks.map(function (week, i) {
+      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.createElement("div", {
-            className: styles.monthDayRow(_this4.theme),
-            key: "week_" + i
-          }, week)
+            key: "trailing_".concat(i),
+            className: cellStyles.cell(_this4.theme)
+          })
         );
-      }))
-    );
-  };
-  return MonthDayGrid;
+      });
+      var days = this.props.days.map(function (day) {
+        return /*#__PURE__*/React.createElement(DayCellView, {
+          date: day,
+          key: "".concat(day.date, ".").concat(day.month, ".").concat(day.year)
+        });
+      });
+      var weeks = divideToWeeks(leadingDays.concat(days, trailingDays));
+      return /*#__PURE__*/(
+        React.createElement("div", {
+          className: styles.monthDayGrid(this.theme)
+        }, weeks.map(function (week, i) {
+          return /*#__PURE__*/(
+            React.createElement("div", {
+              className: styles.monthDayRow(_this4.theme),
+              key: "week_".concat(i)
+            }, week)
+          );
+        }))
+      );
+    }
+  }]);
 }(React.Component);
 function divideToWeeks(days) {
   var weeks = [];

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","MonthView","DayCellView","CalendarScrollEvents","styles","cellStyles","Month","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","Consumer","theme","renderMain","_this$props","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","Component","DAYS_PER_WEEK","_React$Component2","_proto2","_this3","_this4","leadingDays","from","_","i","key","className","cell","trailingOffset","trailingDays","map","day","date","weeks","divideToWeeks","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","ThemeContext","MonthView","DayCellView","CalendarScrollEvents","styles","cellStyles","Month","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inherits","_createClass","key","value","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","Consumer","theme","renderMain","_this$props","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","Component","DAYS_PER_WEEK","_React$Component2","_this3","_this4","leadingDays","from","_","i","className","cell","trailingOffset","trailingDays","map","day","date","weeks","divideToWeeks","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":[]}

package/components/Calendar/MonthView/MonthView.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useContext } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { cx } from "../../../lib/theming/Emotion";
@@ -37,7 +38,6 @@ export var getMaxMonth = function getMaxMonth(year, maxDate) {
   return max;
 };
 export function MonthView(props) {
-  var _cx, _cx2;
   var theme = useContext(ThemeContext);
   var _useContext = useContext(CalendarContext),
     minDate = _useContext.minDate,
@@ -59,7 +59,7 @@ export function MonthView(props) {
   var isHeaderSticky = isTopNegative && height >= -top;
   var headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;
   var alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;
-  var borderBottomColor = "color-mix(in srgb, " + theme.calendarMonthTitleBorderBottomColor + ", transparent " + Math.max(alpha, 0) + "%)";
+  var borderBottomColor = "color-mix(in srgb, ".concat(theme.calendarMonthTitleBorderBottomColor, ", transparent ").concat(Math.max(alpha, 0), "%)");
   var isYearVisible = isFirstInYear || isHeaderSticky;
   var yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;
   var monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;
@@ -67,7 +67,7 @@ export function MonthView(props) {
   return /*#__PURE__*/(
     React.createElement("div", {
       "data-tid": CalendarDataTids.month,
-      className: cx((_cx = {}, _cx[styles.month(theme)] = true, _cx[styles.monthMobile()] = isMobile, _cx)),
+      className: cx(_defineProperty(_defineProperty({}, styles.month(theme), true), styles.monthMobile(), isMobile)),
       style: {
         top: top
       },
@@ -78,7 +78,7 @@ export function MonthView(props) {
       style: {
         top: headerTop
       },
-      className: cx((_cx2 = {}, _cx2[styles.header()] = true, _cx2[styles.headerSticky(theme)] = isHeaderSticky, _cx2))
+      className: cx(_defineProperty(_defineProperty({}, styles.header(), true), styles.headerSticky(theme), isHeaderSticky))
     }, /*#__PURE__*/
 
     React.createElement("div", {