@skbkontur/react-ui 0.0.0-4ef0a955cc → 0.0.0-52df310f7c

package/internal/Calendar/MonthView/MonthView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MonthView.tsx"],"names":["React","useContext","cn","DateSelect","ThemeContext","ColorFunctions","jsStyles","config","CDS","MonthView","props","theme","children","height","isFirstInYear","isLastInYear","maxDate","minDate","month","top","year","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","min","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","getMinMonth","value","i","isGreaterOrEqual","date","getMaxMonth","max","isLessOrEqual","lineHeight","monthTitle","headerSticky","headerMonth","undefined","headerYear"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { DateSelect } from '../DateSelect';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\n\r\nimport { jsStyles } from './MonthView.styles';\r\nimport { config } from './config';\r\nimport * as CDS from './CalendarDateShape';\r\n\r\ninterface MonthViewProps {\r\n  children: React.ReactNode;\r\n  firstDayOffset: number;\r\n  height: number;\r\n  isFirstInYear?: boolean;\r\n  isLastInYear?: boolean;\r\n  maxDate?: CDS.CalendarDateShape;\r\n  minDate?: CDS.CalendarDateShape;\r\n  month: number;\r\n  top: number;\r\n  year: number;\r\n  onMonthSelect: (month: number) => void;\r\n  onYearSelect: (month: number) => void;\r\n  monthSelectRef: (select: DateSelect | null) => void;\r\n  yearSelectRef: (select: DateSelect | null) => void;\r\n}\r\n\r\nexport function MonthView(props: MonthViewProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  const {\r\n    children,\r\n    height,\r\n    isFirstInYear,\r\n    isLastInYear,\r\n    maxDate,\r\n    minDate,\r\n    month,\r\n    top,\r\n    year,\r\n    onMonthSelect,\r\n    onYearSelect,\r\n    monthSelectRef,\r\n    yearSelectRef,\r\n  } = props;\r\n\r\n  const isTopNegative = top <= 0;\r\n  const isHeaderSticky = isTopNegative && height >= -top;\r\n  const headerTop = isHeaderSticky ? Math.min(-top, height - config.MONTH_TITLE_HEIGHT) : 0;\r\n  const alpha = isHeaderSticky ? (height + top - config.MONTH_TITLE_HEIGHT) / 10 : 1;\r\n  const borderBottomColor = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\r\n  const isYearVisible = isFirstInYear || isHeaderSticky;\r\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\r\n  const monthSelectDisabled = top > 40 || headerTop < 0 || headerTop >= height - config.MONTH_TITLE_HEIGHT;\r\n  const yearSelectDisabled = top > 40 || (isLastInYear && top < -height + config.MONTH_TITLE_HEIGHT);\r\n\r\n  const getMinMonth = (value: number) => {\r\n    let min = 0;\r\n    for (let i = 0; i < 12; ++i) {\r\n      if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year: value }, minDate)) {\r\n        min = i;\r\n        break;\r\n      }\r\n    }\r\n    return min;\r\n  };\r\n\r\n  const getMaxMonth = (value: number) => {\r\n    let max = 11;\r\n    for (let i = 11; i >= 0; --i) {\r\n      if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year: value }, maxDate)) {\r\n        max = i;\r\n        break;\r\n      }\r\n    }\r\n    return max;\r\n  };\r\n\r\n  return (\r\n    <div data-tid=\"MonthView__month\" className={jsStyles.month()} style={{ top }} key={month + '-' + year}>\r\n      <div\r\n        style={{ lineHeight: `${config.MONTH_TITLE_HEIGHT}px`, top: headerTop, borderBottomColor }}\r\n        className={cn({\r\n          [jsStyles.monthTitle(theme)]: true,\r\n          [jsStyles.headerSticky(theme)]: isHeaderSticky,\r\n        })}\r\n      >\r\n        <div data-tid=\"MonthView__headerMonth\" className={jsStyles.headerMonth()}>\r\n          <DateSelect\r\n            disabled={monthSelectDisabled}\r\n            width={85}\r\n            type=\"month\"\r\n            value={month}\r\n            onValueChange={onMonthSelect}\r\n            ref={!monthSelectDisabled ? monthSelectRef : undefined}\r\n            minValue={getMinMonth(year)}\r\n            maxValue={getMaxMonth(year)}\r\n          />\r\n        </div>\r\n        {isYearVisible && (\r\n          <div data-tid=\"MonthView__headerYear\" className={jsStyles.headerYear()} style={{ top: yearTop }}>\r\n            <DateSelect\r\n              disabled={yearSelectDisabled}\r\n              width={50}\r\n              type=\"year\"\r\n              value={year}\r\n              minValue={minDate ? minDate.year : undefined}\r\n              maxValue={maxDate ? maxDate.year : undefined}\r\n              onValueChange={onYearSelect}\r\n              ref={!yearSelectDisabled ? yearSelectRef : undefined}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["MonthView.tsx"],"names":["React","useContext","DateSelect","ThemeContext","ColorFunctions","cx","styles","themeConfig","CDS","CalendarDataTids","MonthView","props","theme","children","height","isFirstInYear","isLastInYear","maxDate","minDate","month","top","year","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","min","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","getMinMonth","value","i","isGreaterOrEqual","date","getMaxMonth","max","isLessOrEqual","header","headerSticky","monthTitle","headerMonth","undefined","headerYear"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { DateSelect } from '../DateSelect';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  maxDate?: CDS.CalendarDateShape;\n  minDate?: CDS.CalendarDateShape;\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\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    maxDate,\n    minDate,\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 > 40 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 40 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  const getMinMonth = (value: number) => {\n    let min = 0;\n    for (let i = 0; i < 12; ++i) {\n      if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year: value }, minDate)) {\n        min = i;\n        break;\n      }\n    }\n    return min;\n  };\n\n  const getMaxMonth = (value: number) => {\n    let max = 11;\n    for (let i = 11; i >= 0; --i) {\n      if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year: value }, maxDate)) {\n        max = i;\n        break;\n      }\n    }\n    return max;\n  };\n\n  return (\n    <div data-tid={CalendarDataTids.month} className={styles.month(theme)} style={{ top }} key={month + '-' + year}>\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={85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year)}\n              maxValue={getMaxMonth(year)}\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={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"]}

package/internal/Calendar/MonthView.styles/MonthView.styles.js

@@ -1,71 +1,29 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      border-bottom: 1px solid ", ";\n      font-weight: bold;\n      margin-bottom: 10px;\n      position: relative;\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      z-index: 1;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 210px;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  headerMonth: function headerMonth() {
-    return css(_templateObject());
+export var styles = memoizeStyle({
+  headerMonth: function headerMonth(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      padding: ", " 0 ", ";\n    "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
   },
-  headerYear: function headerYear() {
-    return css(_templateObject2());
+  headerYear: function headerYear(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ", " 0 ", ";\n    "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
   },
-  month: function month() {
-    return css(_templateObject3());
+  month: function month(t) {
+    var width = parseInt(t.calendarCellSize) * 7;
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: ", "px;\n    "])), width);
+  },
+  header: function header() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   },
   headerSticky: function headerSticky(t) {
-    return css(_templateObject4(), t.calendarMonthHeaderStickedBgColor);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      z-index: 2;\n    "])), t.calendarMonthHeaderStickedBgColor);
   },
   monthTitle: function monthTitle(t) {
-    return css(_templateObject5(), t.calendarMonthTitleBorderBottomColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border-bottom: 1px solid ", ";\n      font-weight: ", ";\n      margin: 0 ", " ", ";\n      line-height: ", ";\n    "])), t.calendarMonthTitleBorderBottomColor, t.dateSelectFontWeight, t.calendarMonthTitleMarginX, t.calendarMonthTitleMarginBottom, t.calendarMonthTitleLineHeight);
+  },
+  monthDayGrid: function monthDayGrid(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n    "])), t.calendarCellLineHeight);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["MonthView.styles.ts"],"names":["css","memoizeStyle","styles","headerMonth","headerYear","month","headerSticky","t","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","jsStyles"],"mappings":"qqCAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,WADa,yBACC;AACZ,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,UAPa,wBAOA;AACX,WAAOJ,GAAP;;;;;AAKD,GAbY;;AAebK,EAAAA,KAfa,mBAeL;AACN,WAAOL,GAAP;;;;AAID,GApBY;;AAsBbM,EAAAA,YAtBa,wBAsBAC,CAtBA,EAsBU;AACrB,WAAOP,GAAP;AACsBO,IAAAA,CAAC,CAACC,iCADxB;;;AAID,GA3BY;;AA6BbC,EAAAA,UA7Ba,sBA6BFF,CA7BE,EA6BQ;AACnB,WAAOP,GAAP;AAC6BO,IAAAA,CAAC,CAACG,mCAD/B;;;;;AAMD,GApCY,EAAf;;;AAuCA,OAAO,IAAMC,QAAQ,GAAGV,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  headerMonth() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  headerYear() {\r\n    return css`\r\n      display: inline-block;\r\n      position: absolute;\r\n      right: 0;\r\n    `;\r\n  },\r\n\r\n  month() {\r\n    return css`\r\n      position: absolute;\r\n      width: 210px;\r\n    `;\r\n  },\r\n\r\n  headerSticky(t: Theme) {\r\n    return css`\r\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\r\n      z-index: 1;\r\n    `;\r\n  },\r\n\r\n  monthTitle(t: Theme) {\r\n    return css`\r\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\r\n      font-weight: bold;\r\n      margin-bottom: 10px;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["MonthView.styles.ts"],"names":["css","memoizeStyle","styles","headerMonth","t","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellSize","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,WADiC,uBACrBC,CADqB,EACX;AACpB,WAAOJ,GAAP;;AAEaI,IAAAA,CAAC,CAACC,4BAFf,EAEiDD,CAAC,CAACE,+BAFnD;;AAID,GANgC;;AAQjCC,EAAAA,UARiC,sBAQtBH,CARsB,EAQZ;AACnB,WAAOJ,GAAP;;;;AAIaI,IAAAA,CAAC,CAACC,4BAJf,EAIiDD,CAAC,CAACE,+BAJnD;;AAMD,GAfgC;;AAiBjCE,EAAAA,KAjBiC,iBAiB3BJ,CAjB2B,EAiBjB;AACd,QAAMK,KAAK,GAAGC,QAAQ,CAACN,CAAC,CAACO,gBAAH,CAAR,GAA+B,CAA7C;AACA,WAAOX,GAAP;;AAEWS,IAAAA,KAFX;;AAID,GAvBgC;;AAyBjCG,EAAAA,MAzBiC,oBAyBxB;AACP,WAAOZ,GAAP;;;AAGD,GA7BgC;;AA+BjCa,EAAAA,YA/BiC,wBA+BpBT,CA/BoB,EA+BV;AACrB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACU,iCADxB;;;AAID,GApCgC;;AAsCjCC,EAAAA,UAtCiC,sBAsCtBX,CAtCsB,EAsCZ;AACnB,WAAOJ,GAAP;AAC6BI,IAAAA,CAAC,CAACY,mCAD/B;AAEiBZ,IAAAA,CAAC,CAACa,oBAFnB;AAGcb,IAAAA,CAAC,CAACc,yBAHhB,EAG6Cd,CAAC,CAACe,8BAH/C;AAIiBf,IAAAA,CAAC,CAACgB,4BAJnB;;AAMD,GA7CgC;;AA+CjCC,EAAAA,YA/CiC,wBA+CpBjB,CA/CoB,EA+CV;AACrB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACkB,sBADnB;;AAGD,GAnDgC,EAAD,CAA3B","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.calendarCellSize) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\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  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n    `;\n  },\n});\n"]}

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

@@ -1,7 +1,10 @@
-export declare const jsStyles: {
-    headerMonth(): string;
-    headerYear(): string;
-    month(): string;
-    headerSticky(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    monthTitle(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    headerMonth(t: Theme): string;
+    headerYear(t: Theme): string;
+    month(t: Theme): string;
+    header(): string;
+    headerSticky(t: Theme): string;
+    monthTitle(t: Theme): string;
+    monthDayGrid(t: Theme): string;
 };

package/internal/Calendar/MonthViewModel/MonthViewModel.js

@@ -1,49 +1,69 @@
 import { memo } from "../../../lib/memo";
-import { config } from "../config";
+import { themeConfig } from "../config";
 import { DayCellViewModel } from "../DayCellViewModel";
-export var MonthViewModel = // FIXME: shouldbe readonly
-// FIXME: shouldbe readonly
-function MonthViewModel(month, year) {
-  this.daysCount = void 0;
-  this.offset = void 0;
-  this.month = void 0;
-  this.year = void 0;
-  this.height = void 0;
-  this.days = void 0;
-  this.isLastInYear = void 0;
-  this.isFirstInYear = void 0;
 
+var getCurrentYear = function getCurrentYear(month, year) {
   if (month < 0) {
-    year -= Math.ceil(-month / 12);
-    month = 12 + month % 12;
+    return year - Math.ceil(-month / 12);
   }
 
   if (month > 11) {
-    year += Math.floor(month / 12);
-    month %= 12;
+    return year + Math.floor(month / 12);
   }
 
-  var daysCount = getMonthsDays(month, year);
-  var offset = getMonthOffset(month, year);
-  this.daysCount = daysCount;
-  this.offset = offset;
-  this.month = month;
-  this.year = year;
-  this.height = getMonthHeight(daysCount, offset);
-  this.isLastInYear = month === 11;
-  this.isFirstInYear = month === 0;
-  this.days = Array.from({
-    length: daysCount
-  }, function (_, i) {
-    var isWeekend = (i + getMonthOffset(month, year)) % 7 >= 5;
-    return DayCellViewModel.create(i + 1, month, year, isWeekend);
-  });
+  return year;
 };
+
+var getCurrentMonth = function getCurrentMonth(month) {
+  if (month < 0) {
+    return 12 + month % 12;
+  }
+
+  if (month > 11) {
+    return month % 12;
+  }
+
+  return month;
+};
+
+export var MonthViewModel = /*#__PURE__*/function () {
+  var _proto = MonthViewModel.prototype;
+
+  _proto.getHeight = function getHeight(theme) {
+    var _themeConfig = themeConfig(theme),
+        DAY_SIZE = _themeConfig.DAY_SIZE,
+        MONTH_TITLE_OFFSET_HEIGHT = _themeConfig.MONTH_TITLE_OFFSET_HEIGHT,
+        MONTH_BOTTOM_MARGIN = _themeConfig.MONTH_BOTTOM_MARGIN;
+
+    return getMonthHeight(this.daysCount, this.offset, DAY_SIZE, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN);
+  };
+
+  function MonthViewModel(month, year) {
+    var currentYear = getCurrentYear(month, year);
+    var currentMonth = getCurrentMonth(month);
+    var daysCount = getMonthsDays(currentMonth, currentYear);
+    var offset = getMonthOffset(currentMonth, currentYear);
+    this.daysCount = daysCount;
+    this.offset = offset;
+    this.month = currentMonth;
+    this.year = currentYear;
+    this.isLastInYear = currentMonth === 11;
+    this.isFirstInYear = currentMonth === 0;
+    this.days = Array.from({
+      length: daysCount
+    }, function (_, i) {
+      var isWeekend = (i + getMonthOffset(currentMonth, currentYear)) % 7 >= 5;
+      return DayCellViewModel.create(i + 1, currentMonth, currentYear, isWeekend);
+    });
+  }
+
+  return MonthViewModel;
+}();
 MonthViewModel.create = memo(function (month, year) {
   return new MonthViewModel(month, year);
 });
-var getMonthHeight = memo(function (daysCount, offset) {
-  return Math.ceil((daysCount + offset) / 7) * config.DAY_HEIGHT + config.MONTH_TITLE_OFFSET_HEIGHT + config.MONTH_BOTTOM_MARGIN;
+var getMonthHeight = memo(function (daysCount, offset, dayHeight, titleHeight, marginBottom) {
+  return Math.ceil((daysCount + offset) / 7) * dayHeight + titleHeight + marginBottom;
 });
 var getMonthsDays = memo(function (month, year) {
   return new Date(year, month + 1, 0).getDate();

package/internal/Calendar/MonthViewModel/MonthViewModel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MonthViewModel.ts"],"names":["memo","config","DayCellViewModel","MonthViewModel","month","year","daysCount","offset","height","days","isLastInYear","isFirstInYear","Math","ceil","floor","getMonthsDays","getMonthOffset","getMonthHeight","Array","from","length","_","i","isWeekend","create","DAY_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","Date","getDate","day","getDay"],"mappings":"AAAA,SAASA,IAAT,QAAqB,gBAArB;;AAEA,SAASC,MAAT,QAAuB,UAAvB;AACA,SAASC,gBAAT,QAAiC,oBAAjC;;AAEA,WAAaC,cAAb;;;;;;;;;;;;;;;AAeE;;;AAGA;;;AAGA,wBAAoBC,KAApB,EAAmCC,IAAnC,EAAiD,MAlBjCC,SAkBiC,eAhBjCC,MAgBiC,eAdjCH,KAciC,eAZjCC,IAYiC,eAVjCG,MAUiC,eARjCC,IAQiC,eAL1CC,YAK0C,eAF1CC,aAE0C;AAC/C,MAAIP,KAAK,GAAG,CAAZ,EAAe;AACbC,IAAAA,IAAI,IAAIO,IAAI,CAACC,IAAL,CAAU,CAACT,KAAD,GAAS,EAAnB,CAAR;AACAA,IAAAA,KAAK,GAAG,KAAMA,KAAK,GAAG,EAAtB;AACD;AACD,MAAIA,KAAK,GAAG,EAAZ,EAAgB;AACdC,IAAAA,IAAI,IAAIO,IAAI,CAACE,KAAL,CAAWV,KAAK,GAAG,EAAnB,CAAR;AACAA,IAAAA,KAAK,IAAI,EAAT;AACD;AACD,MAAME,SAAS,GAAGS,aAAa,CAACX,KAAD,EAAQC,IAAR,CAA/B;AACA,MAAME,MAAM,GAAGS,cAAc,CAACZ,KAAD,EAAQC,IAAR,CAA7B;AACA,OAAKC,SAAL,GAAiBA,SAAjB;AACA,OAAKC,MAAL,GAAcA,MAAd;AACA,OAAKH,KAAL,GAAaA,KAAb;AACA,OAAKC,IAAL,GAAYA,IAAZ;AACA,OAAKG,MAAL,GAAcS,cAAc,CAACX,SAAD,EAAYC,MAAZ,CAA5B;AACA,OAAKG,YAAL,GAAoBN,KAAK,KAAK,EAA9B;AACA,OAAKO,aAAL,GAAqBP,KAAK,KAAK,CAA/B;AACA,OAAKK,IAAL,GAAYS,KAAK,CAACC,IAAN,CAAW,EAAEC,MAAM,EAAEd,SAAV,EAAX,EAAkC,UAACe,CAAD,EAAIC,CAAJ,EAAU;AACtD,QAAMC,SAAS,GAAG,CAACD,CAAC,GAAGN,cAAc,CAACZ,KAAD,EAAQC,IAAR,CAAnB,IAAoC,CAApC,IAAyC,CAA3D;AACA,WAAOH,gBAAgB,CAACsB,MAAjB,CAAwBF,CAAC,GAAG,CAA5B,EAA+BlB,KAA/B,EAAsCC,IAAtC,EAA4CkB,SAA5C,CAAP;AACD,GAHW,CAAZ;AAID,CA3CH,CAAapB,c,CACGqB,M,GAASxB,IAAI,CAAC,UAACI,KAAD,EAAgBC,IAAhB,UAAiD,IAAIF,cAAJ,CAAmBC,KAAnB,EAA0BC,IAA1B,CAAjD,EAAD,C;;;AA6C7B,IAAMY,cAAc,GAAGjB,IAAI;AACzB,UAACM,SAAD,EAAoBC,MAApB;AACEK,IAAAA,IAAI,CAACC,IAAL,CAAU,CAACP,SAAS,GAAGC,MAAb,IAAuB,CAAjC,IAAsCN,MAAM,CAACwB,UAA7C;AACAxB,IAAAA,MAAM,CAACyB,yBADP;AAEAzB,IAAAA,MAAM,CAAC0B,mBAHT,GADyB,CAA3B;;;AAOA,IAAMZ,aAAa,GAAGf,IAAI,CAAC,UAACI,KAAD,EAAgBC,IAAhB,UAAiC,IAAIuB,IAAJ,CAASvB,IAAT,EAAeD,KAAK,GAAG,CAAvB,EAA0B,CAA1B,EAA6ByB,OAA7B,EAAjC,EAAD,CAA1B;;AAEA,IAAMb,cAAc,GAAGhB,IAAI,CAAC,UAACI,KAAD,EAAgBC,IAAhB,EAAiC;AAC3D,MAAMyB,GAAG,GAAG,IAAIF,IAAJ,CAASvB,IAAT,EAAeD,KAAf,EAAsB,CAAtB,EAAyB2B,MAAzB,KAAoC,CAAhD;AACA,MAAID,GAAG,KAAK,CAAC,CAAb,EAAgB;AACd,WAAO,CAAP;AACD;AACD,SAAOA,GAAP;AACD,CAN0B,CAA3B","sourcesContent":["import { memo } from '../../lib/memo';\r\n\r\nimport { config } from './config';\r\nimport { DayCellViewModel } from './DayCellViewModel';\r\n\r\nexport class MonthViewModel {\r\n  public static create = memo((month: number, year: number): MonthViewModel => new MonthViewModel(month, year));\r\n\r\n  public readonly daysCount: number;\r\n\r\n  public readonly offset: number;\r\n\r\n  public readonly month: number;\r\n\r\n  public readonly year: number;\r\n\r\n  public readonly height: number;\r\n\r\n  public readonly days: DayCellViewModel[];\r\n\r\n  // FIXME: shouldbe readonly\r\n  public isLastInYear: boolean;\r\n\r\n  // FIXME: shouldbe readonly\r\n  public isFirstInYear: boolean;\r\n\r\n  private constructor(month: number, year: number) {\r\n    if (month < 0) {\r\n      year -= Math.ceil(-month / 12);\r\n      month = 12 + (month % 12);\r\n    }\r\n    if (month > 11) {\r\n      year += Math.floor(month / 12);\r\n      month %= 12;\r\n    }\r\n    const daysCount = getMonthsDays(month, year);\r\n    const offset = getMonthOffset(month, year);\r\n    this.daysCount = daysCount;\r\n    this.offset = offset;\r\n    this.month = month;\r\n    this.year = year;\r\n    this.height = getMonthHeight(daysCount, offset);\r\n    this.isLastInYear = month === 11;\r\n    this.isFirstInYear = month === 0;\r\n    this.days = Array.from({ length: daysCount }, (_, i) => {\r\n      const isWeekend = (i + getMonthOffset(month, year)) % 7 >= 5;\r\n      return DayCellViewModel.create(i + 1, month, year, isWeekend);\r\n    });\r\n  }\r\n}\r\n\r\nconst getMonthHeight = memo(\r\n  (daysCount: number, offset: number) =>\r\n    Math.ceil((daysCount + offset) / 7) * config.DAY_HEIGHT +\r\n    config.MONTH_TITLE_OFFSET_HEIGHT +\r\n    config.MONTH_BOTTOM_MARGIN,\r\n);\r\n\r\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, month + 1, 0).getDate());\r\n\r\nconst getMonthOffset = memo((month: number, year: number) => {\r\n  const day = new Date(year, month, 1).getDay() - 1;\r\n  if (day === -1) {\r\n    return 6;\r\n  }\r\n  return day;\r\n});\r\n"]}
+{"version":3,"sources":["MonthViewModel.ts"],"names":["memo","themeConfig","DayCellViewModel","getCurrentYear","month","year","Math","ceil","floor","getCurrentMonth","MonthViewModel","getHeight","theme","DAY_SIZE","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","getMonthHeight","daysCount","offset","currentYear","currentMonth","getMonthsDays","getMonthOffset","isLastInYear","isFirstInYear","days","Array","from","length","_","i","isWeekend","create","dayHeight","titleHeight","marginBottom","Date","getDate","day","getDay"],"mappings":"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","sourcesContent":["import { memo } from '../../lib/memo';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { themeConfig } from './config';\nimport { DayCellViewModel } from './DayCellViewModel';\n\nconst getCurrentYear = (month: number, year: number) => {\n  if (month < 0) {\n    return year - Math.ceil(-month / 12);\n  }\n\n  if (month > 11) {\n    return year + Math.floor(month / 12);\n  }\n\n  return year;\n};\n\nconst getCurrentMonth = (month: number) => {\n  if (month < 0) {\n    return 12 + (month % 12);\n  }\n\n  if (month > 11) {\n    return month % 12;\n  }\n\n  return month;\n};\n\nexport class MonthViewModel {\n  public static create = memo((month: number, year: number): MonthViewModel => new MonthViewModel(month, year));\n\n  public readonly daysCount: number;\n\n  public readonly offset: number;\n\n  public readonly month: number;\n\n  public readonly year: number;\n\n  public readonly days: DayCellViewModel[];\n\n  // FIXME: shouldbe readonly\n  public isLastInYear: boolean;\n\n  // FIXME: shouldbe readonly\n  public isFirstInYear: boolean;\n\n  public getHeight(theme: Theme): number {\n    const { DAY_SIZE, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN } = themeConfig(theme);\n    return getMonthHeight(this.daysCount, this.offset, DAY_SIZE, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN);\n  }\n\n  private constructor(month: number, year: number) {\n    const currentYear = getCurrentYear(month, year);\n    const currentMonth = getCurrentMonth(month);\n\n    const daysCount = getMonthsDays(currentMonth, currentYear);\n    const offset = getMonthOffset(currentMonth, currentYear);\n    this.daysCount = daysCount;\n    this.offset = offset;\n    this.month = currentMonth;\n    this.year = currentYear;\n    this.isLastInYear = currentMonth === 11;\n    this.isFirstInYear = currentMonth === 0;\n    this.days = Array.from({ length: daysCount }, (_, i) => {\n      const isWeekend = (i + getMonthOffset(currentMonth, currentYear)) % 7 >= 5;\n      return DayCellViewModel.create(i + 1, currentMonth, currentYear, isWeekend);\n    });\n  }\n}\n\nconst getMonthHeight = memo(\n  (daysCount: number, offset: number, dayHeight: number, titleHeight: number, marginBottom: number) =>\n    Math.ceil((daysCount + offset) / 7) * dayHeight + titleHeight + marginBottom,\n);\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, month + 1, 0).getDate());\n\nconst getMonthOffset = memo((month: number, year: number) => {\n  const day = new Date(year, month, 1).getDay() - 1;\n  if (day === -1) {\n    return 6;\n  }\n  return day;\n});\n"]}

package/internal/Calendar/MonthViewModel.d.ts

@@ -1,13 +1,14 @@
+import { Theme } from '../../lib/theming/Theme';
 import { DayCellViewModel } from './DayCellViewModel';
 export declare class MonthViewModel {
-    static create: (month: number, year: number) => MonthViewModel;
+    static create: (...args: number[]) => any;
     readonly daysCount: number;
     readonly offset: number;
     readonly month: number;
     readonly year: number;
-    readonly height: number;
     readonly days: DayCellViewModel[];
     isLastInYear: boolean;
     isFirstInYear: boolean;
+    getHeight(theme: Theme): number;
     private constructor();
 }

package/internal/Calendar/config/config.js

@@ -1,28 +1,16 @@
-export var config = {
-  /**
-   * Day cell size
-   */
-  DAY_HEIGHT: 30,
-  MONTH_TITLE_HEIGHT: 40,
-
-  /**
-   * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-   */
-  MONTH_TITLE_OFFSET_HEIGHT: 51,
-
-  /**
-   * Calendar height
-   */
-  WRAPPER_HEIGHT: 330,
-
-  /**
-   * Margin between months
-   */
-  MONTH_BOTTOM_MARGIN: 10,
-
-  /**
-   * Maximal count of month appending on scrollTo method call
-   * with large intervals
-   */
-  MAX_MONTHS_TO_APPEND_ON_SCROLL: 5
+import { memo } from "../../../lib/memo";
+var getConfig = memo(function (monthTitleLineHeight, monthTitlePaddingTop, monthTitlePaddingBottom, monthTitleMarginBottom, cellSize, wrapperHeight, monthMarginBottom, maxMonthsToAppendOnScroll) {
+  var monthTitleHeight = parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);
+  return {
+    DAY_SIZE: parseInt(cellSize),
+    MONTH_TITLE_HEIGHT: monthTitleHeight,
+    MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1,
+    // + 1px separator line
+    WRAPPER_HEIGHT: parseInt(wrapperHeight),
+    MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),
+    MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll)
+  };
+});
+export var themeConfig = function themeConfig(t) {
+  return getConfig(t.calendarMonthTitleLineHeight, t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom, t.calendarMonthTitleMarginBottom, t.calendarCellSize, t.calendarWrapperHeight, t.calendarMonthMarginBottom, t.calendarMaxMonthsToAppendOnScroll);
 };

package/internal/Calendar/config/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["config.ts"],"names":["config","DAY_HEIGHT","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAG;AACpB;AACF;AACA;AACEC,EAAAA,UAAU,EAAE,EAJQ;;AAMpBC,EAAAA,kBAAkB,EAAE,EANA;;AAQpB;AACF;AACA;AACEC,EAAAA,yBAAyB,EAAE,EAXP;;AAapB;AACF;AACA;AACEC,EAAAA,cAAc,EAAE,GAhBI;;AAkBpB;AACF;AACA;AACEC,EAAAA,mBAAmB,EAAE,EArBD;;AAuBpB;AACF;AACA;AACA;AACEC,EAAAA,8BAA8B,EAAE,CA3BZ,EAAf","sourcesContent":["export const config = {\r\n  /**\r\n   * Day cell size\r\n   */\r\n  DAY_HEIGHT: 30,\r\n\r\n  MONTH_TITLE_HEIGHT: 40,\r\n\r\n  /**\r\n   * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line\r\n   */\r\n  MONTH_TITLE_OFFSET_HEIGHT: 51,\r\n\r\n  /**\r\n   * Calendar height\r\n   */\r\n  WRAPPER_HEIGHT: 330,\r\n\r\n  /**\r\n   * Margin between months\r\n   */\r\n  MONTH_BOTTOM_MARGIN: 10,\r\n\r\n  /**\r\n   * Maximal count of month appending on scrollTo method call\r\n   * with large intervals\r\n   */\r\n  MAX_MONTHS_TO_APPEND_ON_SCROLL: 5,\r\n};\r\n"]}
+{"version":3,"sources":["config.ts"],"names":["memo","getConfig","monthTitleLineHeight","monthTitlePaddingTop","monthTitlePaddingBottom","monthTitleMarginBottom","cellSize","wrapperHeight","monthMarginBottom","maxMonthsToAppendOnScroll","monthTitleHeight","parseInt","DAY_SIZE","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL","themeConfig","t","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginBottom","calendarCellSize","calendarWrapperHeight","calendarMonthMarginBottom","calendarMaxMonthsToAppendOnScroll"],"mappings":";AACA,SAASA,IAAT,QAAqB,gBAArB;;AAEA,IAAMC,SAAS,GAAGD,IAAI;AACpB;AACEE,oBADF;AAEEC,oBAFF;AAGEC,uBAHF;AAIEC,sBAJF;AAKEC,QALF;AAMEC,aANF;AAOEC,iBAPF;AAQEC,yBARF;AASK;AACH,MAAMC,gBAAgB;AACpBC,EAAAA,QAAQ,CAACT,oBAAD,CAAR,GAAiCS,QAAQ,CAACR,oBAAD,CAAzC,GAAkEQ,QAAQ,CAACP,uBAAD,CAD5E;AAEA,SAAO;AACLQ,IAAAA,QAAQ,EAAED,QAAQ,CAACL,QAAD,CADb;AAELO,IAAAA,kBAAkB,EAAEH,gBAFf;AAGLI,IAAAA,yBAAyB,EAAEJ,gBAAgB,GAAGC,QAAQ,CAACN,sBAAD,CAA3B,GAAsD,CAH5E,EAG+E;AACpFU,IAAAA,cAAc,EAAEJ,QAAQ,CAACJ,aAAD,CAJnB;AAKLS,IAAAA,mBAAmB,EAAEL,QAAQ,CAACH,iBAAD,CALxB;AAMLS,IAAAA,8BAA8B,EAAEN,QAAQ,CAACF,yBAAD,CANnC,EAAP;;AAQD,CArBmB,CAAtB;;;AAwBA,OAAO,IAAMS,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD;AACzBlB,IAAAA,SAAS;AACPkB,IAAAA,CAAC,CAACC,4BADK;AAEPD,IAAAA,CAAC,CAACE,4BAFK;AAGPF,IAAAA,CAAC,CAACG,+BAHK;AAIPH,IAAAA,CAAC,CAACI,8BAJK;AAKPJ,IAAAA,CAAC,CAACK,gBALK;AAMPL,IAAAA,CAAC,CAACM,qBANK;AAOPN,IAAAA,CAAC,CAACO,yBAPK;AAQPP,IAAAA,CAAC,CAACQ,iCARK,CADgB,GAApB","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { memo } from '../../lib/memo';\n\nconst getConfig = memo(\n  (\n    monthTitleLineHeight: string,\n    monthTitlePaddingTop: string,\n    monthTitlePaddingBottom: string,\n    monthTitleMarginBottom: string,\n    cellSize: string,\n    wrapperHeight: string,\n    monthMarginBottom: string,\n    maxMonthsToAppendOnScroll: string,\n  ) => {\n    const monthTitleHeight =\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\n    return {\n      DAY_SIZE: parseInt(cellSize),\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\n    };\n  },\n);\n\nexport const themeConfig = (t: Theme) =>\n  getConfig(\n    t.calendarMonthTitleLineHeight,\n    t.calendarMonthTitlePaddingTop,\n    t.calendarMonthTitlePaddingBottom,\n    t.calendarMonthTitleMarginBottom,\n    t.calendarCellSize,\n    t.calendarWrapperHeight,\n    t.calendarMonthMarginBottom,\n    t.calendarMaxMonthsToAppendOnScroll,\n  );\n"]}

package/internal/Calendar/config.d.ts

@@ -1,24 +1,2 @@
-export declare const config: {
-    /**
-     * Day cell size
-     */
-    DAY_HEIGHT: number;
-    MONTH_TITLE_HEIGHT: number;
-    /**
-     * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-     */
-    MONTH_TITLE_OFFSET_HEIGHT: number;
-    /**
-     * Calendar height
-     */
-    WRAPPER_HEIGHT: number;
-    /**
-     * Margin between months
-     */
-    MONTH_BOTTOM_MARGIN: number;
-    /**
-     * Maximal count of month appending on scrollTo method call
-     * with large intervals
-     */
-    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => any;

package/internal/Calendar/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from './Calendar';\r\nexport * from './CalendarDateShape';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from './Calendar';\nexport * from './CalendarDateShape';\n"]}

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -0,0 +1,106 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["className", "style", "children", "rootNodeRef"];
+
+var _class;
+
+import React from 'react';
+import { isFunction, isRefableElement } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
+import { getRootNode, rootNode, isInstanceWithRootNode } from "../../../lib/rootNode";
+import { callChildRef } from "../../../lib/callChildRef/callChildRef";
+export var CommonWrapper = rootNode(_class = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(CommonWrapper, _React$Component);
+
+  function CommonWrapper() {
+    var _this;
+
+    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.rootNodeSubscription = null;
+
+    _this.ref = function (instance) {
+      var _this$rootNodeSubscri, _this$child;
+
+      _this.setRootNode(instance);
+
+      _this.props.rootNodeRef == null ? void 0 : _this.props.rootNodeRef(getRootNode(instance)); // refs are called when instances change
+      // so we have to renew or remove old subscription
+
+      (_this$rootNodeSubscri = _this.rootNodeSubscription) == null ? void 0 : _this$rootNodeSubscri.remove();
+      _this.rootNodeSubscription = null;
+
+      if (instance && isInstanceWithRootNode(instance)) {
+        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
+          _this.setRootNode(node);
+
+          _this.props.rootNodeRef == null ? void 0 : _this.props.rootNodeRef(node);
+        });
+      }
+
+      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
+      originalRef && callChildRef(originalRef, instance);
+    };
+
+    return _this;
+  }
+
+  var _proto = CommonWrapper.prototype;
+
+  _proto.render = function render() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _extractCommonProps = extractCommonProps(this.props),
+        _extractCommonProps$ = _extractCommonProps[0],
+        className = _extractCommonProps$.className,
+        style = _extractCommonProps$.style,
+        children = _extractCommonProps$.children,
+        rootNodeRef = _extractCommonProps$.rootNodeRef,
+        dataProps = _objectWithoutPropertiesLoose(_extractCommonProps$, _excluded),
+        rest = _extends({}, _extractCommonProps[1]);
+
+    this.child = isFunction(children) ? children(rest) : children;
+    return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, _extends({
+      ref: isRefableElement(this.child) ? this.ref : null,
+      className: cx(this.child.props.className, className),
+      style: _extends({}, this.child.props.style, style)
+    }, dataProps)) : this.child;
+  };
+
+  return CommonWrapper;
+}(React.Component)) || _class;
+
+var extractCommonProps = function extractCommonProps(props) {
+  var common = {};
+  var rest = {};
+
+  for (var key in props) {
+    if (isCommonProp(key)) {
+      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.
+      common[key] = props[key];
+    } else {
+      // @ts-expect-error: Read the comment above.
+      rest[key] = props[key];
+    }
+  }
+
+  return [common, rest];
+};
+
+var isCommonProp = function isCommonProp(name) {
+  switch (true) {
+    case name === 'className':
+    case name === 'style':
+    case name === 'rootNodeRef':
+    case name === 'children':
+    case name.indexOf('data-') === 0:
+      // все data-атрибуты
+      return true;
+
+    default:
+      return false;
+  }
+};

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CommonWrapper.tsx"],"names":["React","isFunction","isRefableElement","cx","getRootNode","rootNode","isInstanceWithRootNode","callChildRef","CommonWrapper","rootNodeSubscription","ref","instance","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","render","extractCommonProps","className","style","children","dataProps","rest","isValidElement","cloneElement","Component","common","key","isCommonProp","name","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRootNode, rootNode, TSetRootNode, TRootNodeSubscription, isInstanceWithRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n  children?: React.ReactNode;\n}\n\ninterface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<Element>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\n\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n\n@rootNode\nexport class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, {\n          ref: isRefableElement(this.child) ? this.ref : null,\n          className: cx(this.child.props.className, className),\n          style: {\n            ...this.child.props.style,\n            ...style,\n          },\n          ...dataProps,\n        })\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    originalRef && callChildRef(originalRef, instance);\n  };\n}\n\nconst extractCommonProps = <P extends CommonProps & CommonPropsRootNodeRef>(\n  props: P,\n): [CommonProps & CommonPropsRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonProps & CommonPropsRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const key in props) {\n    if (isCommonProp(key)) {\n      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.\n      common[key] = props[key];\n    } else {\n      // @ts-expect-error: Read the comment above.\n      rest[key] = props[key];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (name: string) => {\n  switch (true) {\n    case name === 'className':\n    case name === 'style':\n    case name === 'rootNodeRef':\n    case name === 'children':\n    case name.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}

package/internal/CommonWrapper/CommonWrapper/package.json

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

package/internal/CommonWrapper/CommonWrapper.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface CommonProps {
+    /**
+     * HTML-атрибут `class`.
+     */
+    className?: React.HTMLAttributes<HTMLElement>['className'];
+    /**
+     * HTML-атрибут `style`.
+     */
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+    /**
+     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
+     */
+    'data-tid'?: string;
+    children?: React.ReactNode;
+}
+interface CommonPropsRootNodeRef {
+    rootNodeRef?: (instance: Nullable<Element>) => void;
+}
+export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
+export declare type CommonWrapperProps<P> = P & {
+    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
+};
+export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
+export declare class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
+    private child;
+    private setRootNode;
+    private rootNodeSubscription;
+    render(): React.ReactNode;
+    private ref;
+}
+export {};

package/internal/CommonWrapper/index/index.js

@@ -0,0 +1 @@
+export * from "../CommonWrapper";

package/internal/CommonWrapper/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './CommonWrapper';\n"]}

package/internal/CommonWrapper/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CommonWrapper/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './CommonWrapper';

package/internal/CommonWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/internal/CommonWrapper/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}