@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

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

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

package/components/Calendar/CalendarDay.d.ts

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

package/components/Calendar/CalendarScrollEvents.d.ts

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

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

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

package/components/Calendar/CalendarUtils.d.ts

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

package/components/Calendar/DayCellView/DayCellView.js

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

package/components/Calendar/DayCellView.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DayCellViewModel } from './DayCellViewModel';
-export interface DayCellViewProps {
-    date: DayCellViewModel;
-}
-export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;
+import React from 'react';
+import type { DayCellViewModel } from './DayCellViewModel';
+export interface DayCellViewProps {
+    date: DayCellViewModel;
+}
+export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;

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

@@ -7,7 +7,7 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])), t.calendarCellWidth, t.calendarCellHeight);
   },
   day: function day(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n        cursor: pointer;\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 = _taggedTemplateLiteralLoose(["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ", ";\n          color: ", ";\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "])), resetButton(), t.calendarCellBg, t.calendarCellFontSize, t.calendarCellLineHeight, t.calendarCellBorderRadius, t.calendarCellHoverBgColor, t.calendarCellHoverColor, t.calendarCellActiveHoverColor);
   },
   selected: function selected(t) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      color: ", ";\n    "])), t.calendarCellSelectedBgColor, t.calendarCellSelectedFontColor);

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 { 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\n      &:hover {\n        background-color: ${t.calendarCellHoverBgColor};\n        color: ${t.calendarCellHoverColor};\n        cursor: pointer;\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;;;IAGrBV,CAAC,CAACW,wBAAwB;IACrCX,CAAC,CAACY,sBAAsB;;;;;;;;IAQxBZ,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","_taggedTemplateLiteralLoose","calendarCellWidth","calendarCellHeight","day","_templateObject2","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","_templateObject3","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","_templateObject4","calendarCellWeekendColor","todayCaption","_templateObject5","calendarCellTodayBorder"],"sources":["DayCellView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      flex: 1 1 ${t.calendarCellWidth};\n      height: ${t.calendarCellHeight};\n    `;\n  },\n  day(t: Theme) {\n    return css`\n      ${resetButton()};\n      width: 100%;\n      height: 100%;\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      font-size: ${t.calendarCellFontSize};\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: ${t.calendarCellBorderRadius};\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ${t.calendarCellHoverBgColor};\n          color: ${t.calendarCellHoverColor};\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  todayCaption(t: Theme) {\n    return css`\n      padding-bottom: 2px;\n      border-bottom: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACIF,CAAC,CAACG,iBAAiB;IACrBH,CAAC,CAACI,kBAAkB;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACL,CAAQ,EAAE;IACZ,OAAOL,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACNL,WAAW,CAAC,CAAC;;;;IAIDG,CAAC,CAACO,cAAc;;IAEjBP,CAAC,CAACQ,oBAAoB;;;;;IAKpBR,CAAC,CAACS,sBAAsB;IACtBT,CAAC,CAACU,wBAAwB;;;;;;;;;;;;;;;;;IAiBnBV,CAAC,CAACW,wBAAwB;IACrCX,CAAC,CAACY,sBAAsB;;;;;;;;;;IAU1BZ,CAAC,CAACa,4BAA4B;;;EAG7C,CAAC;;EAEDC,QAAQ,WAAAA,SAACd,CAAQ,EAAE;IACjB,OAAOL,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACYF,CAAC,CAACgB,2BAA2B;IACxChB,CAAC,CAACiB,6BAA6B;;EAE5C,CAAC;;EAEDC,OAAO,WAAAA,QAAClB,CAAQ,EAAE;IAChB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACCF,CAAC,CAACoB,wBAAwB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;IAESF,CAAC,CAACuB,uBAAuB;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/components/Calendar/DayCellViewModel.d.ts

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

package/components/Calendar/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 { Theme } from '../../lib/theming/Theme';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { MonthViewModel } from './MonthViewModel';\nimport { 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","_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":[]}

package/components/Calendar/Month.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { MonthViewModel } from './MonthViewModel';
-interface MonthProps {
-    top: number;
-    month: MonthViewModel;
-    onMonthYearChange: (monthNative: number, year: number) => void;
-}
-export declare class Month extends React.Component<MonthProps> {
-    private theme;
-    private monthSelect;
-    private yearSelect;
-    shouldComponentUpdate(nextProps: MonthProps): boolean;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    private renderCells;
-    private closeSelects;
-    private monthRef;
-    private yearRef;
-    private handleMonthSelect;
-    private handleYearSelect;
-}
-export {};
+import React from 'react';
+import type { MonthViewModel } from './MonthViewModel';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    onMonthYearChange: (monthNative: number, year: number) => void;
+}
+export declare class Month extends React.Component<MonthProps> {
+    private theme;
+    private monthSelect;
+    private yearSelect;
+    shouldComponentUpdate(nextProps: MonthProps): boolean;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ThemeContext","ColorFunctions","cx","useResponsiveLayout","DateSelect","styles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","_useContext","_useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","createElement","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","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 * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { 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 = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\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","useContext","ThemeContext","ColorFunctions","cx","useResponsiveLayout","DateSelect","styles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","_useContext","_useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","createElement","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","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 * as ColorFunctions from '../../lib/styles/ColorFunctions';\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 = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\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":[]}

package/components/Calendar/MonthView.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { Nullable } from '../..//typings/utility-types';
-import { DateSelect } from '../../internal/DateSelect';
-import * as CDS from './CalendarDateShape';
-export declare const getMinMonth: (year: number, minDate: Nullable<CDS.CalendarDateShape>) => number;
-export declare const getMaxMonth: (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => number;
-interface MonthViewProps {
-    children: React.ReactNode;
-    firstDayOffset: number;
-    height: number;
-    isFirstInYear?: boolean;
-    isLastInYear?: boolean;
-    month: number;
-    top: number;
-    year: number;
-    onMonthSelect: (month: number) => void;
-    onYearSelect: (month: number) => void;
-    monthSelectRef: (select: DateSelect | null) => void;
-    yearSelectRef: (select: DateSelect | null) => void;
-}
-export declare function MonthView(props: MonthViewProps): React.JSX.Element;
-export {};
+import React from 'react';
+import type { Nullable } from '../..//typings/utility-types';
+import { DateSelect } from '../../internal/DateSelect';
+import * as CDS from './CalendarDateShape';
+export declare const getMinMonth: (year: number, minDate: Nullable<CDS.CalendarDateShape>) => number;
+export declare const getMaxMonth: (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => number;
+interface MonthViewProps {
+    children: React.ReactNode;
+    firstDayOffset: number;
+    height: number;
+    isFirstInYear?: boolean;
+    isLastInYear?: boolean;
+    month: number;
+    top: number;
+    year: number;
+    onMonthSelect: (month: number) => void;
+    onYearSelect: (month: number) => void;
+    monthSelectRef: (select: DateSelect | null) => void;
+    yearSelectRef: (select: DateSelect | null) => void;
+}
+export declare function MonthView(props: MonthViewProps): React.JSX.Element;
+export {};

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","headerMonth","t","_templateObject","_taggedTemplateLiteralLoose","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","_templateObject2","month","width","parseInt","calendarCellWidth","_templateObject3","monthMobile","_templateObject4","header","_templateObject5","headerSticky","_templateObject6","calendarMonthHeaderStickedBgColor","monthTitle","_templateObject7","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","_templateObject8","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","_templateObject9","nativeSelect","_templateObject10"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACL,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;IAIGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDG,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;IAC/C,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;IAECM,KAAK;;EAElB,CAAC;;EAEDI,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ,CAAC;;EAEDc,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACYF,CAAC,CAACkB,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACmBF,CAAC,CAACqB,mCAAmC;IACjDrB,CAAC,CAACsB,oBAAoB;IACzBtB,CAAC,CAACuB,yBAAyB,EAAIvB,CAAC,CAACwB,8BAA8B;IAC5DxB,CAAC,CAACyB,4BAA4B;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACOF,CAAC,CAAC4B,sBAAsB;;;IAG5B5B,CAAC,CAAC6B,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9B,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;IAKQF,CAAC,CAAC6B,sBAAsB;;;EAG5C,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","headerMonth","t","_templateObject","_taggedTemplateLiteralLoose","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","_templateObject2","month","width","parseInt","calendarCellWidth","_templateObject3","monthMobile","_templateObject4","header","_templateObject5","headerSticky","_templateObject6","calendarMonthHeaderStickedBgColor","monthTitle","_templateObject7","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","_templateObject8","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","_templateObject9","nativeSelect","_templateObject10"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACL,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;IAIGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDG,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;IAC/C,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;IAECM,KAAK;;EAElB,CAAC;;EAEDI,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ,CAAC;;EAEDc,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACYF,CAAC,CAACkB,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACmBF,CAAC,CAACqB,mCAAmC;IACjDrB,CAAC,CAACsB,oBAAoB;IACzBtB,CAAC,CAACuB,yBAAyB,EAAIvB,CAAC,CAACwB,8BAA8B;IAC5DxB,CAAC,CAACyB,4BAA4B;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACOF,CAAC,CAAC4B,sBAAsB;;;IAG5B5B,CAAC,CAAC6B,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9B,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;IAKQF,CAAC,CAAC6B,sBAAsB;;;EAG5C,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,13 +1,13 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    headerMonth(t: Theme): string;
-    headerYear(t: Theme): string;
-    month(t: Theme): string;
-    monthMobile(): string;
-    header(): string;
-    headerSticky(t: Theme): string;
-    monthTitle(t: Theme): string;
-    monthDayGrid(t: Theme): string;
-    monthDayRow(t: Theme): string;
-    nativeSelect(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    headerMonth(t: Theme): string;
+    headerYear(t: Theme): string;
+    month(t: Theme): string;
+    monthMobile(): string;
+    header(): string;
+    headerSticky(t: Theme): string;
+    monthTitle(t: Theme): string;
+    monthDayGrid(t: Theme): string;
+    monthDayRow(t: Theme): string;
+    nativeSelect(): string;
+};