@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/cjs/internal/Calendar/MonthView.js

@@ -1,119 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.MonthView = MonthView;var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _DateSelect = require("../DateSelect");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
-
-var _MonthView = require("./MonthView.styles");
-var _config = require("./config");
-var CDS = _interopRequireWildcard(require("./CalendarDateShape"));
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function MonthView(props) {var _cn;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);var
-
-
-  children =
-
-
-
-
-
-
-
-
-
-
-
-
-  props.children,height = props.height,isFirstInYear = props.isFirstInYear,isLastInYear = props.isLastInYear,maxDate = props.maxDate,minDate = props.minDate,month = props.month,top = props.top,year = props.year,onMonthSelect = props.onMonthSelect,onYearSelect = props.onYearSelect,monthSelectRef = props.monthSelectRef,yearSelectRef = props.yearSelectRef;
-
-  var isTopNegative = top <= 0;
-  var isHeaderSticky = isTopNegative && height >= -top;
-  var headerTop = isHeaderSticky ? Math.min(-top, height - _config.config.MONTH_TITLE_HEIGHT) : 0;
-  var alpha = isHeaderSticky ? (height + top - _config.config.MONTH_TITLE_HEIGHT) / 10 : 1;
-  var borderBottomColor = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);
-  var isYearVisible = isFirstInYear || isHeaderSticky;
-  var yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;
-  var monthSelectDisabled = top > 40 || headerTop < 0 || headerTop >= height - _config.config.MONTH_TITLE_HEIGHT;
-  var yearSelectDisabled = top > 40 || isLastInYear && top < -height + _config.config.MONTH_TITLE_HEIGHT;
-
-  var getMinMonth = function getMinMonth(value) {
-    var min = 0;
-    for (var i = 0; i < 12; ++i) {
-      if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year: value }, minDate)) {
-        min = i;
-        break;
-      }
-    }
-    return min;
-  };
-
-  var getMaxMonth = function getMaxMonth(value) {
-    var max = 11;
-    for (var i = 11; i >= 0; --i) {
-      if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year: value }, maxDate)) {
-        max = i;
-        break;
-      }
-    }
-    return max;
-  };
-
-  return (
-    _react.default.createElement("div", { "data-tid": "MonthView__month", className: _MonthView.jsStyles.month(), style: { top: top }, key: month + '-' + year },
-    _react.default.createElement("div", {
-      style: { lineHeight: _config.config.MONTH_TITLE_HEIGHT + "px", top: headerTop, borderBottomColor: borderBottomColor },
-      className: (0, _classnames.default)((_cn = {}, _cn[
-      _MonthView.jsStyles.monthTitle(theme)] = true, _cn[
-      _MonthView.jsStyles.headerSticky(theme)] = isHeaderSticky, _cn)) },
-
-
-    _react.default.createElement("div", { "data-tid": "MonthView__headerMonth", className: _MonthView.jsStyles.headerMonth() },
-    _react.default.createElement(_DateSelect.DateSelect, {
-      disabled: monthSelectDisabled,
-      width: 85,
-      type: "month",
-      value: month,
-      onValueChange: onMonthSelect,
-      ref: !monthSelectDisabled ? monthSelectRef : undefined,
-      minValue: getMinMonth(year),
-      maxValue: getMaxMonth(year) })),
-
-
-    isYearVisible &&
-    _react.default.createElement("div", { "data-tid": "MonthView__headerYear", className: _MonthView.jsStyles.headerYear(), style: { top: yearTop } },
-    _react.default.createElement(_DateSelect.DateSelect, {
-      disabled: yearSelectDisabled,
-      width: 50,
-      type: "year",
-      value: year,
-      minValue: minDate ? minDate.year : undefined,
-      maxValue: maxDate ? maxDate.year : undefined,
-      onValueChange: onYearSelect,
-      ref: !yearSelectDisabled ? yearSelectRef : undefined }))),
-
-
-
-
-    children));
-
-
-}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MonthView.tsx"],"names":["MonthView","props","theme","ThemeContext","children","height","isFirstInYear","isLastInYear","maxDate","minDate","month","top","year","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","min","config","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","ColorFunctions","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","getMinMonth","value","i","CDS","isGreaterOrEqual","date","getMaxMonth","max","isLessOrEqual","jsStyles","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"]}

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

@@ -1,7 +0,0 @@
-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;
-};

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

@@ -1,43 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      z-index: 1;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 210px;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-
-var styles = {
-  headerMonth: function headerMonth() {
-    return (0, _Emotion.css)(_templateObject());
-
-
-  },
-
-  headerYear: function headerYear() {
-    return (0, _Emotion.css)(_templateObject2());
-
-
-
-
-  },
-
-  month: function month() {
-    return (0, _Emotion.css)(_templateObject3());
-
-
-
-  },
-
-  headerSticky: function headerSticky(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.calendarMonthHeaderStickedBgColor);
-
-
-  },
-
-  monthTitle: function monthTitle(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    t.calendarMonthTitleBorderBottomColor);
-
-
-
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MonthView.styles.ts"],"names":["styles","headerMonth","css","headerYear","month","headerSticky","t","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,WADa,yBACC;AACZ,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,UAPa,wBAOA;AACX,eAAOD,YAAP;;;;;AAKD,GAbY;;AAebE,EAAAA,KAfa,mBAeL;AACN,eAAOF,YAAP;;;;AAID,GApBY;;AAsBbG,EAAAA,YAtBa,wBAsBAC,CAtBA,EAsBU;AACrB,eAAOJ,YAAP;AACsBI,IAAAA,CAAC,CAACC,iCADxB;;;AAID,GA3BY;;AA6BbC,EAAAA,UA7Ba,sBA6BFF,CA7BE,EA6BQ;AACnB,eAAOJ,YAAP;AAC6BI,IAAAA,CAAC,CAACG,mCAD/B;;;;;AAMD,GApCY,EAAf;;;AAuCO,IAAMC,QAAQ,GAAG,2BAAaV,MAAb,CAAjB,C","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"]}

package/cjs/internal/Calendar/MonthViewModel.d.ts

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

package/cjs/internal/Calendar/MonthViewModel.js

@@ -1,67 +0,0 @@
-"use strict";exports.__esModule = true;exports.MonthViewModel = void 0;var _memo = require("../../lib/memo");
-
-var _config = require("./config");
-var _DayCellViewModel = require("./DayCellViewModel");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;
-  if (month < 0) {
-    year -= Math.ceil(-month / 12);
-    month = 12 + month % 12;
-  }
-  if (month > 11) {
-    year += Math.floor(month / 12);
-    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.DayCellViewModel.create(i + 1, month, year, isWeekend);
-  });
-};exports.MonthViewModel = MonthViewModel;MonthViewModel.create = (0, _memo.memo)(function (month, year) {return new MonthViewModel(month, year);});
-
-
-var getMonthHeight = (0, _memo.memo)(
-function (daysCount, offset) {return (
-    Math.ceil((daysCount + offset) / 7) * _config.config.DAY_HEIGHT +
-    _config.config.MONTH_TITLE_OFFSET_HEIGHT +
-    _config.config.MONTH_BOTTOM_MARGIN);});
-
-
-var getMonthsDays = (0, _memo.memo)(function (month, year) {return new Date(year, month + 1, 0).getDate();});
-
-var getMonthOffset = (0, _memo.memo)(function (month, year) {
-  var day = new Date(year, month, 1).getDay() - 1;
-  if (day === -1) {
-    return 6;
-  }
-  return day;
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MonthViewModel.ts"],"names":["MonthViewModel","month","year","daysCount","offset","height","days","isLastInYear","isFirstInYear","Math","ceil","floor","getMonthsDays","getMonthOffset","getMonthHeight","Array","from","length","_","i","isWeekend","DayCellViewModel","create","config","DAY_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","Date","getDate","day","getDay"],"mappings":"uEAAA;;AAEA;AACA,sD;;AAEaA,c;;;;;;;;;;;;;;;AAeX;;;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,WAAOmB,mCAAiBC,MAAjB,CAAwBH,CAAC,GAAG,CAA5B,EAA+BlB,KAA/B,EAAsCC,IAAtC,EAA4CkB,SAA5C,CAAP;AACD,GAHW,CAAZ;AAID,C,yCA3CUpB,c,CACGsB,M,GAAS,gBAAK,UAACrB,KAAD,EAAgBC,IAAhB,UAAiD,IAAIF,cAAJ,CAAmBC,KAAnB,EAA0BC,IAA1B,CAAjD,EAAL,C;;;AA6CzB,IAAMY,cAAc,GAAG;AACrB,UAACX,SAAD,EAAoBC,MAApB;AACEK,IAAAA,IAAI,CAACC,IAAL,CAAU,CAACP,SAAS,GAAGC,MAAb,IAAuB,CAAjC,IAAsCmB,eAAOC,UAA7C;AACAD,mBAAOE,yBADP;AAEAF,mBAAOG,mBAHT,GADqB,CAAvB;;;AAOA,IAAMd,aAAa,GAAG,gBAAK,UAACX,KAAD,EAAgBC,IAAhB,UAAiC,IAAIyB,IAAJ,CAASzB,IAAT,EAAeD,KAAK,GAAG,CAAvB,EAA0B,CAA1B,EAA6B2B,OAA7B,EAAjC,EAAL,CAAtB;;AAEA,IAAMf,cAAc,GAAG,gBAAK,UAACZ,KAAD,EAAgBC,IAAhB,EAAiC;AAC3D,MAAM2B,GAAG,GAAG,IAAIF,IAAJ,CAASzB,IAAT,EAAeD,KAAf,EAAsB,CAAtB,EAAyB6B,MAAzB,KAAoC,CAAhD;AACA,MAAID,GAAG,KAAK,CAAC,CAAb,EAAgB;AACd,WAAO,CAAP;AACD;AACD,SAAOA,GAAP;AACD,CANsB,CAAvB","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"]}

package/cjs/internal/Calendar/config.d.ts

@@ -1,24 +0,0 @@
-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;
-};

package/cjs/internal/Calendar/config.js

@@ -1,28 +0,0 @@
-"use strict";exports.__esModule = true;exports.config = void 0;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 };exports.config = config;

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

@@ -1 +0,0 @@
-{"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":"+DAAO,IAAMA,MAAM,GAAG;AACpB;;;AAGAC,EAAAA,UAAU,EAAE,EAJQ;;AAMpBC,EAAAA,kBAAkB,EAAE,EANA;;AAQpB;;;AAGAC,EAAAA,yBAAyB,EAAE,EAXP;;AAapB;;;AAGAC,EAAAA,cAAc,EAAE,GAhBI;;AAkBpB;;;AAGAC,EAAAA,mBAAmB,EAAE,EArBD;;AAuBpB;;;;AAIAC,EAAAA,8BAA8B,EAAE,CA3BZ,EAAf,C","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"]}

package/cjs/internal/Calendar/index.js

@@ -1,2 +0,0 @@
-"use strict";exports.__esModule = true;var _Calendar = require("./Calendar");Object.keys(_Calendar).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Calendar[key];});
-var _CalendarDateShape = require("./CalendarDateShape");Object.keys(_CalendarDateShape).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _CalendarDateShape[key];});

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

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

package/cjs/internal/MaskedInput/MaskedInput.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    mask: string;
-    maskChar?: string | null;
-    formatChars?: {
-        [key: string]: string;
-    };
-    alwaysShowMask?: boolean;
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-    onUnexpectedInput?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-}
-interface MaskedInputState {
-    value: string;
-    emptyValue: string;
-    focused: boolean;
-}
-export declare class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {
-    static __KONTUR_REACT_UI__: string;
-    input: HTMLInputElement | null;
-    private theme;
-    private reactInputMask;
-    constructor(props: MaskedInputProps);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getValue;
-    private refInput;
-    private refMaskedInput;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private preprocess;
-    private isMaskVisible;
-    private handleUnexpectedInput;
-}
-export {};

package/cjs/internal/MaskedInput/MaskedInput.js

@@ -1,192 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MaskedInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-
-var _MaskedInput = require("./MaskedInput.styles");var
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-MaskedInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(MaskedInput, _React$Component);
-
-
-
-
-
-
-  function MaskedInput(_props) {var _this;
-    _this = _React$Component.call(this, _props) || this;_this.input = null;_this.theme = void 0;_this.reactInputMask = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getValue = function (props) {var
-      value = props.value,defaultValue = props.defaultValue;
-
-      return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';
-    };_this.
-
-    refInput = function (input) {
-      _this.input = input;
-    };_this.
-
-    refMaskedInput = function (reactInputMask) {
-      _this.reactInputMask = reactInputMask;
-    };_this.
-
-    handleChange = function (event) {
-      if (event.target.value === _this.state.value) {
-        _this.handleUnexpectedInput();
-      } else {
-        _this.setState({ value: event.target.value });
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(event.target.value);
-        }
-        if (_this.props.onChange) {
-          _this.props.onChange(event);
-        }
-      }
-    };_this.
-
-    handleFocus = function (event) {
-      _this.setState({ focused: true });
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };_this.
-
-    handleBlur = function (event) {
-      _this.setState({ focused: false });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };_this.
-
-    preprocess = function (
-    newState,
-    oldState,
-    userInput,
-    options)
-    {
-      var visibleMaskChars = new Array(options.mask.length).fill(_this.props.maskChar);
-
-      if (newState.value !== oldState.value && userInput === null) {
-        _this.setState({
-          value: newState.value });
-
-      }
-
-      options.mask.split('').forEach(function (char, index) {
-        if (options.permanents.includes(index)) {
-          visibleMaskChars[index] = char;
-        }
-
-        if (newState.value[index]) {
-          visibleMaskChars[index] = newState.value[index];
-        }
-      });
-
-      var emptyValue = visibleMaskChars.join('');
-
-      if (_this.state.emptyValue !== emptyValue) {
-        _this.setState({
-          emptyValue: emptyValue });
-
-      }
-
-      return newState;
-    };_this.
-
-    isMaskVisible = function () {return _this.props.alwaysShowMask || _this.state.focused;};_this.
-
-    handleUnexpectedInput = function () {
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(_this.state.value);
-      }
-    };_this.state = { value: _this.getValue(_props), emptyValue: '', focused: false };return _this;}var _proto = MaskedInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.reactInputMask) {// FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (this.props.value !== nextProps.value) {this.setState({ value: nextProps.value ? nextProps.value.toString() : '' });}};_proto.render = function render() {var _this2 = this;return _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,hasLeftIcon = _this$props.hasLeftIcon,hasRightIcon = _this$props.hasRightIcon,maxLength = _this$props.maxLength,onValueChange = _this$props.onValueChange,onUnexpectedInput = _this$props.onUnexpectedInput,defaultValue = _this$props.defaultValue,inputProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue"]);return _react.default.createElement("span", { className: _MaskedInput.jsStyles.container(), "x-ms-format-detection": "none" }, _react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, inputProps, { maskChar: null, beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: this.state.value, inputRef: this.refInput, ref: this.refMaskedInput })), this.isMaskVisible() && _react.default.createElement("span", { className: _MaskedInput.jsStyles.inputMask(this.theme) }, _react.default.createElement("span", { style: { color: 'transparent' } }, this.state.emptyValue.slice(0, this.state.value.length)), this.state.emptyValue.slice(this.state.value.length)));};return MaskedInput;}(_react.default.Component);exports.MaskedInput = MaskedInput;MaskedInput.__KONTUR_REACT_UI__ = 'MaskedInput';

package/cjs/internal/MaskedInput/MaskedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInput","props","input","theme","reactInputMask","getValue","value","defaultValue","undefined","toString","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","hasLeftIcon","hasRightIcon","maxLength","inputProps","jsStyles","container","inputMask","color","slice","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MaskedInput.styles';\r\n\r\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  mask: string;\r\n  maskChar?: string | null;\r\n  formatChars?: { [key: string]: string };\r\n  alwaysShowMask?: boolean;\r\n  hasLeftIcon?: boolean;\r\n  hasRightIcon?: boolean;\r\n  onUnexpectedInput?: (value: string) => void;\r\n  onValueChange?: (value: string) => void;\r\n}\r\n\r\ninterface MaskedInputState {\r\n  value: string;\r\n  emptyValue: string;\r\n  focused: boolean;\r\n}\r\n\r\nexport class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\r\n\r\n  public input: HTMLInputElement | null = null;\r\n  private theme!: Theme;\r\n  private reactInputMask: ReactInputMask | null = null;\r\n\r\n  public constructor(props: MaskedInputProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      value: this.getValue(props),\r\n      emptyValue: '',\r\n      focused: false,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.reactInputMask) {\r\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\r\n      this.reactInputMask.forceUpdate();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n    if (this.props.value !== nextProps.value) {\r\n      this.setState({\r\n        value: nextProps.value ? nextProps.value.toString() : '',\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      maskChar,\r\n      alwaysShowMask,\r\n      hasLeftIcon,\r\n      hasRightIcon,\r\n      maxLength,\r\n      onValueChange,\r\n      onUnexpectedInput,\r\n      defaultValue,\r\n      ...inputProps\r\n    } = this.props;\r\n\r\n    return (\r\n      <span className={jsStyles.container()} x-ms-format-detection=\"none\">\r\n        <ReactInputMask\r\n          {...inputProps}\r\n          maskChar={null}\r\n          beforeMaskedValueChange={this.preprocess}\r\n          alwaysShowMask={false}\r\n          onChange={this.handleChange}\r\n          onFocus={this.handleFocus}\r\n          onBlur={this.handleBlur}\r\n          value={this.state.value}\r\n          inputRef={this.refInput}\r\n          ref={this.refMaskedInput}\r\n        />\r\n        {this.isMaskVisible() && (\r\n          <span className={jsStyles.inputMask(this.theme)}>\r\n            <span style={{ color: 'transparent' }}>{this.state.emptyValue.slice(0, this.state.value.length)}</span>\r\n            {this.state.emptyValue.slice(this.state.value.length)}\r\n          </span>\r\n        )}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private getValue = (props: MaskedInputProps): string => {\r\n    const { value, defaultValue } = props;\r\n\r\n    return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';\r\n  };\r\n\r\n  private refInput = (input: HTMLInputElement | null) => {\r\n    this.input = input;\r\n  };\r\n\r\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\r\n    this.reactInputMask = reactInputMask;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value === this.state.value) {\r\n      this.handleUnexpectedInput();\r\n    } else {\r\n      this.setState({ value: event.target.value });\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(event.target.value);\r\n      }\r\n      if (this.props.onChange) {\r\n        this.props.onChange(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private preprocess = (\r\n    newState: InputState,\r\n    oldState: InputState,\r\n    userInput: string,\r\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\r\n  ) => {\r\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\r\n\r\n    if (newState.value !== oldState.value && userInput === null) {\r\n      this.setState({\r\n        value: newState.value,\r\n      });\r\n    }\r\n\r\n    options.mask.split('').forEach((char, index) => {\r\n      if (options.permanents.includes(index)) {\r\n        visibleMaskChars[index] = char;\r\n      }\r\n\r\n      if (newState.value[index]) {\r\n        visibleMaskChars[index] = newState.value[index];\r\n      }\r\n    });\r\n\r\n    const emptyValue = visibleMaskChars.join('');\r\n\r\n    if (this.state.emptyValue !== emptyValue) {\r\n      this.setState({\r\n        emptyValue,\r\n      });\r\n    }\r\n\r\n    return newState;\r\n  };\r\n\r\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\r\n\r\n  private handleUnexpectedInput = () => {\r\n    if (this.props.onUnexpectedInput) {\r\n      this.props.onUnexpectedInput(this.state.value);\r\n    }\r\n  };\r\n}\r\n"]}

package/cjs/internal/MaskedInput/MaskedInput.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const jsStyles: {
-    container(): string;
-    inputMask(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-};