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

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

@@ -1,40 +1,40 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 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);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: inline-block;\n      padding: ", " 0 ", ";\n    "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
   },
   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);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ", " 0 ", ";\n    "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
   },
   month: function month(t) {
     var width = parseInt(t.calendarCellWidth) * 7;
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: ", "px;\n    "])), width);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      width: ", "px;\n    "])), width);
   },
   monthMobile: function monthMobile() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      width: 100%;\n    "])));
   },
   header: function header() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: relative;\n    "])));
   },
   headerSticky: function headerSticky(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      z-index: 2;\n    "])), t.calendarMonthHeaderStickedBgColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background-color: ", ";\n      z-index: 2;\n    "])), t.calendarMonthHeaderStickedBgColor);
   },
   monthTitle: function monthTitle(t) {
-    return css(_templateObject7 || (_templateObject7 = _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);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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);
   },
   /* Note: this could've been
    * display: grid;
    * grid-template-columns: repeat(7, minmax(0, 1fr));
    */
   monthDayGrid: function monthDayGrid(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      display: flex;\n      flex-direction: column;\n      padding: ", " 0px;\n    "])), t.calendarCellLineHeight, t.calendarGridRowSpacing);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      line-height: ", ";\n      display: flex;\n      flex-direction: column;\n      padding: ", " 0px;\n    "])), t.calendarCellLineHeight, t.calendarGridRowSpacing);
   },
   monthDayRow: function monthDayRow(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ", ";\n      }\n    "])), t.calendarGridRowSpacing);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ", ";\n      }\n    "])), t.calendarGridRowSpacing);
   },
   nativeSelect: function nativeSelect() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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    "])));
   }
 });

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 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":[]}
+{"version":3,"names":["css","memoizeStyle","styles","headerMonth","t","_templateObject","_taggedTemplateLiteral","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":"6QAAA,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,sBAAA;;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,sBAAA;;;;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,sBAAA;;IAECM,KAAK;;EAElB,CAAC;;EAEDI,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA;;;EAGZ,CAAC;;EAEDc,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA;IACYF,CAAC,CAACkB,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA;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,sBAAA;IACOF,CAAC,CAAC4B,sBAAsB;;;IAG5B5B,CAAC,CAAC6B,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9B,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA7B,sBAAA;;;;;IAKQF,CAAC,CAAC6B,sBAAsB;;;EAG5C,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,sBAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/MonthViewModel/MonthViewModel.js

@@ -1,3 +1,5 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 var _MonthViewModel;
 import { memo } from "../../../lib/memo";
 import { getMonthInHumanFormat } from "../CalendarUtils";
@@ -23,6 +25,7 @@ var getCurrentMonth = function getCurrentMonth(month) {
 };
 export var MonthViewModel = /*#__PURE__*/function () {
   function MonthViewModel(month, year) {
+    _classCallCheck(this, MonthViewModel);
     var currentYear = getCurrentYear(month, year);
     var currentMonth = getCurrentMonth(month);
     var daysCount = getMonthsDays(currentMonth, currentYear);
@@ -40,17 +43,20 @@ export var MonthViewModel = /*#__PURE__*/function () {
       return DayCellViewModel.create(i + 1, currentMonth, currentYear, isWeekend);
     });
   }
-  var _proto = MonthViewModel.prototype; // FIXME: shouldbe readonly
-  // FIXME: shouldbe readonly
-  _proto.getHeight = function getHeight(theme) {
-    var _themeConfig = themeConfig(theme),
-      DAY_HEIGHT = _themeConfig.DAY_HEIGHT,
-      MONTH_TITLE_OFFSET_HEIGHT = _themeConfig.MONTH_TITLE_OFFSET_HEIGHT,
-      MONTH_BOTTOM_MARGIN = _themeConfig.MONTH_BOTTOM_MARGIN,
-      CALENDAR_GRID_ROW_SPACING = _themeConfig.CALENDAR_GRID_ROW_SPACING;
-    return getMonthHeight(this.daysCount, this.offset, DAY_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING);
-  };
-  return MonthViewModel;
+  return _createClass(MonthViewModel, [{
+    key: "getHeight",
+    value:
+    // FIXME: shouldbe readonly
+    // FIXME: shouldbe readonly
+    function getHeight(theme) {
+      var _themeConfig = themeConfig(theme),
+        DAY_HEIGHT = _themeConfig.DAY_HEIGHT,
+        MONTH_TITLE_OFFSET_HEIGHT = _themeConfig.MONTH_TITLE_OFFSET_HEIGHT,
+        MONTH_BOTTOM_MARGIN = _themeConfig.MONTH_BOTTOM_MARGIN,
+        CALENDAR_GRID_ROW_SPACING = _themeConfig.CALENDAR_GRID_ROW_SPACING;
+      return getMonthHeight(this.daysCount, this.offset, DAY_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING);
+    }
+  }]);
 }();
 _MonthViewModel = MonthViewModel;
 MonthViewModel.create = memo(function (month, year) {

package/components/Calendar/MonthViewModel/MonthViewModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","getMonthInHumanFormat","themeConfig","DayCellViewModel","getCurrentYear","month","year","Math","ceil","floor","getCurrentMonth","MonthViewModel","currentYear","currentMonth","daysCount","getMonthsDays","offset","getMonthOffset","isLastInYear","isFirstInYear","days","Array","from","length","_","i","isWeekend","create","_proto","prototype","getHeight","theme","_themeConfig","DAY_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","CALENDAR_GRID_ROW_SPACING","getMonthHeight","_MonthViewModel","dayHeight","titleHeight","marginBottom","rowSpacing","weeks","Date","getDate","day","getDay"],"sources":["MonthViewModel.ts"],"sourcesContent":["import { memo } from '../../lib/memo';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { getMonthInHumanFormat } from './CalendarUtils';\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_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING } =\n      themeConfig(theme);\n    return getMonthHeight(\n      this.daysCount,\n      this.offset,\n      DAY_HEIGHT,\n      MONTH_TITLE_OFFSET_HEIGHT,\n      MONTH_BOTTOM_MARGIN,\n      CALENDAR_GRID_ROW_SPACING,\n    );\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  (\n    daysCount: number,\n    offset: number,\n    dayHeight: number,\n    titleHeight: number,\n    marginBottom: number,\n    rowSpacing: number,\n  ) => {\n    const weeks = Math.ceil((daysCount + offset) / 7);\n    return weeks * dayHeight + titleHeight + marginBottom + rowSpacing * 2 + rowSpacing * (weeks - 1);\n  },\n);\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, getMonthInHumanFormat(month), 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","getMonthInHumanFormat","themeConfig","DayCellViewModel","getCurrentYear","month","year","Math","ceil","floor","getCurrentMonth","MonthViewModel","_classCallCheck","currentYear","currentMonth","daysCount","getMonthsDays","offset","getMonthOffset","isLastInYear","isFirstInYear","days","Array","from","length","_","i","isWeekend","create","_createClass","key","value","getHeight","theme","_themeConfig","DAY_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","CALENDAR_GRID_ROW_SPACING","getMonthHeight","_MonthViewModel","dayHeight","titleHeight","marginBottom","rowSpacing","weeks","Date","getDate","day","getDay"],"sources":["MonthViewModel.ts"],"sourcesContent":["import { memo } from '../../lib/memo';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { getMonthInHumanFormat } from './CalendarUtils';\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_HEIGHT, MONTH_TITLE_OFFSET_HEIGHT, MONTH_BOTTOM_MARGIN, CALENDAR_GRID_ROW_SPACING } =\n      themeConfig(theme);\n    return getMonthHeight(\n      this.daysCount,\n      this.offset,\n      DAY_HEIGHT,\n      MONTH_TITLE_OFFSET_HEIGHT,\n      MONTH_BOTTOM_MARGIN,\n      CALENDAR_GRID_ROW_SPACING,\n    );\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  (\n    daysCount: number,\n    offset: number,\n    dayHeight: number,\n    titleHeight: number,\n    marginBottom: number,\n    rowSpacing: number,\n  ) => {\n    const weeks = Math.ceil((daysCount + offset) / 7);\n    return weeks * dayHeight + titleHeight + marginBottom + rowSpacing * 2 + rowSpacing * (weeks - 1);\n  },\n);\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, getMonthInHumanFormat(month), 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"],"mappings":"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","ignoreList":[]}

package/components/Center/Center/Center.js

@@ -1,8 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["align"];
 var _class, _Center;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
@@ -21,20 +30,20 @@ export var CenterDataTids = {
 export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$Component) {
   function Center() {
     var _this;
+    _classCallCheck(this, Center);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, Center, [].concat(args));
     _this.getProps = createPropsGetter(Center.defaultProps);
     _this.renderMain = function (props) {
-      var _cx;
       var align = props.align,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
+        rest = _objectWithoutProperties(props, _excluded);
       return /*#__PURE__*/(
         React.createElement("div", _extends({
           "data-tid": CenterDataTids.root
         }, rest, {
-          className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[styles.rootAlignRight()] = align === 'right', _cx))
+          className: cx(_defineProperty(_defineProperty(_defineProperty({}, styles.root(), true), styles.rootAlignLeft(), align === 'left'), styles.rootAlignRight(), align === 'right'))
         }), /*#__PURE__*/
 
         React.createElement("span", {
@@ -47,14 +56,15 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
     };
     return _this;
   }
-  _inheritsLoose(Center, _React$Component);
-  var _proto = Center.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.getProps()), this.renderMain);
-  };
-  return Center;
+  _inherits(Center, _React$Component);
+  return _createClass(Center, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.getProps()), this.renderMain);
+    }
+  }]);
 }(React.Component), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = {
   align: 'center'
 }, _Center)) || _class;

package/components/Center/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CommonWrapper","cx","rootNode","createPropsGetter","styles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_cx","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /** Задает выравнивание контента по горизонтали */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * `Center` — контейнер, который центрирует элементы внутри себя.\n *\n * Выравнивание задается пропом `align`.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n  public static displayName = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"],"mappings":"kRAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;;;;;;;;AAcxC,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACA;AACA;AACaC,MAAM,GADlBL,QAAQ,CAAAM,MAAA,IAAAC,OAAA,0BAAAC,gBAAA,YAAAH,OAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;IAQCU,QAAQ,GAAGlB,iBAAiB,CAACI,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;IAYjDY,UAAU,GAAG,UAACC,KAAqD,EAAK,KAAAC,GAAA;MAC9E,IAAQC,KAAK,GAAcF,KAAK,CAAxBE,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;;MAEhC;QACE9B,KAAA,CAAA+B,aAAA,QAAAC,QAAA;UACE,YAAU1B,cAAc,CAACC,IAAK;QAC1BqB,IAAI;UACRK,SAAS,EAAE/B,EAAE,EAAAwB,GAAA,OAAAA,GAAA;UACVrB,MAAM,CAACE,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAmB,GAAA;UACpBrB,MAAM,CAAC6B,aAAa,CAAC,CAAC,IAAGP,KAAK,KAAK,MAAM,EAAAD,GAAA;UACzCrB,MAAM,CAAC8B,cAAc,CAAC,CAAC,IAAGR,KAAK,KAAK,OAAO,EAAAD,GAAA;UAC7C,CAAE;;QAEH1B,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAE5B,MAAM,CAAC+B,MAAM,CAAC,CAAE,EAAE,CAAC;QACpCpC,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAE5B,MAAM,CAACgC,SAAS,CAAC,CAAE,IAAEzB,KAAA,CAAKa,KAAK,CAACa,QAAe;QAC7D,CAAC;;IAEV,CAAC,QAAA1B,KAAA,EAAA2B,cAAA,CAAA/B,MAAA,EAAAG,gBAAA,MAAA6B,MAAA,GAAAhC,MAAA,CAAAiC,SAAA,CAAAD,MAAA,CAxBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1C,KAAA,CAAA+B,aAAA,CAAC9B,aAAa,EAAA+B,QAAA,GAACW,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACtB,QAAQ,CAAC,CAAC,GAC9D,IAAI,CAACE,UACO,CAAC,CAEpB,CAAC,QAAAhB,MAAA,GAlByBR,KAAK,CAAC6C,SAAS,GAAAnC,OAAA,CAC3BoC,mBAAmB,GAAG,QAAQ,EAAApC,OAAA,CAC9BqC,WAAW,GAAG,QAAQ,EAAArC,OAAA,CAEtBa,YAAY,GAAiB,EACzCI,KAAK,EAAE,QAAQ,CACjB,CAAC,EAAAjB,OAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["React","CommonWrapper","cx","rootNode","createPropsGetter","styles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","renderMain","props","align","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","_defineProperty","rootAlignLeft","rootAlignRight","spring","container","children","_inherits","_createClass","key","value","render","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /** Задает выравнивание контента по горизонтали */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * `Center` — контейнер, который центрирует элементы внутри себя.\n *\n * Выравнивание задается пропом `align`.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n  public static displayName = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"],"mappings":"25BAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;;;;;;;;AAcxC,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACA;AACA;AACaC,MAAM,GADlBL,QAAQ,CAAAM,MAAA,IAAAC,OAAA,0BAAAC,gBAAA,YAAAH,OAAA,OAAAI,KAAA,CAAAC,eAAA,OAAAL,MAAA,WAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAQ,UAAA,OAAAZ,MAAA,KAAAa,MAAA,CAAAJ,IAAA,GAAAL,KAAA;;;;;;;IAQCU,QAAQ,GAAGlB,iBAAiB,CAACI,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;IAYjDY,UAAU,GAAG,UAACC,KAAqD,EAAK;MAC9E,IAAQC,KAAK,GAAcD,KAAK,CAAxBC,KAAK,CAAKC,IAAI,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;;MAEhC;QACE7B,KAAA,CAAA8B,aAAA,QAAAC,QAAA;UACE,YAAUzB,cAAc,CAACC,IAAK;QAC1BoB,IAAI;UACRK,SAAS,EAAE9B,EAAE,CAAA+B,eAAA,CAAAA,eAAA,CAAAA,eAAA;UACV5B,MAAM,CAACE,IAAI,CAAC,CAAC,EAAG,IAAI;UACpBF,MAAM,CAAC6B,aAAa,CAAC,CAAC,EAAGR,KAAK,KAAK,MAAM;UACzCrB,MAAM,CAAC8B,cAAc,CAAC,CAAC,EAAGT,KAAK,KAAK,OAAO;UAC7C,CAAE;;QAEH1B,KAAA,CAAA8B,aAAA,WAAME,SAAS,EAAE3B,MAAM,CAAC+B,MAAM,CAAC,CAAE,EAAE,CAAC;QACpCpC,KAAA,CAAA8B,aAAA,WAAME,SAAS,EAAE3B,MAAM,CAACgC,SAAS,CAAC,CAAE,IAAEzB,KAAA,CAAKa,KAAK,CAACa,QAAe;QAC7D,CAAC;;IAEV,CAAC,QAAA1B,KAAA,EAAA2B,SAAA,CAAA/B,MAAA,EAAAG,gBAAA,SAAA6B,YAAA,CAAAhC,MAAA,KAAAiC,GAAA,YAAAC,KAAA,EAxBD,SAAAC,OAAA,EAAgB,CACd,oBACE3C,KAAA,CAAA8B,aAAA,CAAC7B,aAAa,EAAA8B,QAAA,GAACa,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACvB,QAAQ,CAAC,CAAC,GAC9D,IAAI,CAACE,UACO,CAAC,CAEpB,CAAC,OAlByBxB,KAAK,CAAC8C,SAAS,GAAApC,OAAA,CAC3BqC,mBAAmB,GAAG,QAAQ,EAAArC,OAAA,CAC9BsC,WAAW,GAAG,QAAQ,EAAAtC,OAAA,CAEtBa,YAAY,GAAiB,EACzCG,KAAK,EAAE,QAAQ,CACjB,CAAC,EAAAhB,OAAA,MAAAD,MAAA","ignoreList":[]}

package/components/Center/Center.styles/Center.styles.js

@@ -1,20 +1,20 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      height: 100%;\n      text-align: center;\n    "])));
   },
   rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      text-align: left;\n    "])));
   },
   rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      text-align: right;\n    "])));
   },
   spring: function spring() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
   },
   container: function container() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
   }
 });

package/components/Center/Center.styles/Center.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;EAKZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"],"mappings":"kLAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA;;;EAGZ,CAAC;;EAEDG,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;;;EAGZ,CAAC;;EAEDK,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;;;;;EAKZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Checkbox/Checkbox/Checkbox.js

@@ -1,8 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
 var _class, _Checkbox;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { keyListener } from "../../../lib/events/keyListener";
@@ -31,10 +41,11 @@ export var CheckboxDataTids = {
 export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
   function Checkbox() {
     var _this;
+    _classCallCheck(this, Checkbox);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this = _callSuper(this, Checkbox, [].concat(args));
     _this.state = {
       focusedByTab: false,
       indeterminate: _this.props.initialIndeterminate || false,
@@ -63,13 +74,13 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       if (_this.state.indeterminate && _this.input.current) {
         _this.input.current.indeterminate = true;
       }
-      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.addEventListener('keyup', _this.handleShiftRelease);
+      (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
+      (_globalObject$documen2 = globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.addEventListener('keyup', _this.handleShiftRelease);
     };
     _this.componentWillUnmount = function () {
       var _globalObject$documen3, _globalObject$documen4;
-      (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
+      (_globalObject$documen3 = globalObject.document) === null || _globalObject$documen3 === void 0 || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
+      (_globalObject$documen4 = globalObject.document) === null || _globalObject$documen4 === void 0 || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
     };
 
     /**
@@ -98,7 +109,6 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       }
     };
     _this.renderMain = function (props) {
-      var _cx, _cx3, _cx4;
       var error = props.error,
         warning = props.warning,
         size = props.size,
@@ -110,7 +120,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
         initialIndeterminate = props.initialIndeterminate,
         ariaDescribedby = props['aria-describedby'],
         ariaLabel = props['aria-label'],
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
+        rest = _objectWithoutProperties(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
       var iconClass = cx(styles.icon(), !_this.props.checked && !isIndeterminate && styles.iconUnchecked());
       var iconSize = parseInt(_this.getCheckboxBoxSize());
@@ -128,8 +138,8 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       React.createElement(IndeterminateIcon, {
         size: iconSize
       }));
-      var rootClass = cx(_this.getRootSizeClassName(), (_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx));
-      var inputProps = _extends({}, rest, {
+      var rootClass = cx(_this.getRootSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root(_this.theme), true), styles.rootFallback(), isIE11 || isEdge), styles.rootChecked(_this.theme), _this.props.checked || isIndeterminate), styles.rootDisableTextSelect(), _this.state.isShiftPressed), styles.disabled(_this.theme), Boolean(_this.props.disabled)));
+      var inputProps = _objectSpread(_objectSpread({}, rest), {}, {
         type: 'checkbox',
         className: styles.input(),
         onChange: _this.handleChange,
@@ -140,19 +150,18 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       });
       var caption = null;
       if (_this.props.children) {
-        var _cx2;
-        var captionClass = cx((_cx2 = {}, _cx2[styles.caption(_this.theme)] = true, _cx2[styles.captionIE11()] = isIE11 || isEdge, _cx2[styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx2));
+        var captionClass = cx(_defineProperty(_defineProperty(_defineProperty({}, styles.caption(_this.theme), true), styles.captionIE11(), isIE11 || isEdge), styles.disabled(_this.theme), Boolean(_this.props.disabled)));
         caption = /*#__PURE__*/React.createElement("span", {
           className: captionClass
         }, _this.props.children);
       }
       var box = /*#__PURE__*/
       React.createElement("div", {
-        className: cx(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[styles.boxWrapper(_this.theme)] = true, _cx3))
+        className: cx(_this.getBoxWrapperSizeClassName(), _defineProperty({}, styles.boxWrapper(_this.theme), true))
       }, /*#__PURE__*/
 
       React.createElement("div", {
-        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = _this.props.error, _cx4[styles.boxWarning(_this.theme)] = _this.props.warning, _cx4[styles.boxDisabled(_this.theme)] = _this.props.disabled, _cx4))
+        className: cx(styles.box(_this.theme), globalClasses.box, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.boxChecked(_this.theme), _this.props.checked || isIndeterminate), styles.boxFocus(_this.theme), _this.state.focusedByTab), styles.boxError(_this.theme), _this.props.error), styles.boxWarning(_this.theme), _this.props.warning), styles.boxDisabled(_this.theme), _this.props.disabled))
       }, isIndeterminate && IconSquare || IconCheck));
       return /*#__PURE__*/(
         React.createElement("label", {
@@ -175,9 +184,10 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     };
     _this.handleFocus = function (e) {
       if (!_this.props.disabled) {
+        var _globalObject$request;
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
           if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
@@ -195,17 +205,20 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       });
     };
     _this.handleBlur = function (e) {
+      var _this$props$onBlur, _this$props;
       _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(e);
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props, e);
     };
     _this.handleChange = function (event) {
+      var _this$props$onValueCh, _this$props2, _this$props$onChange, _this$props3;
       var checked = event.currentTarget.checked;
-      _this.props.onValueChange == null || _this.props.onValueChange(checked);
+      (_this$props$onValueCh = (_this$props2 = _this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props2, checked);
       _this.resetIndeterminate();
-      _this.props.onChange == null || _this.props.onChange(event);
+      (_this$props$onChange = (_this$props3 = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props3, event);
     };
     _this.handleClick = function (e) {
-      _this.props.onClick == null || _this.props.onClick(e);
+      var _this$props$onClick, _this$props4;
+      (_this$props$onClick = (_this$props4 = _this.props).onClick) === null || _this$props$onClick === void 0 || _this$props$onClick.call(_this$props4, e);
       // support IE11's and old Edge's special behavior
       // https://github.com/jquery/jquery/issues/1698
       if (_this.state.indeterminate && (isIE11 || isEdge)) {
@@ -224,69 +237,82 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     };
     return _this;
   }
-  _inheritsLoose(Checkbox, _React$PureComponent);
-  var _proto = Checkbox.prototype;
-  _proto.getRootSizeClassName = function getRootSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.rootLarge(this.theme);
-      case 'medium':
-        return styles.rootMedium(this.theme);
-      case 'small':
-      default:
-        return styles.rootSmall(this.theme);
+  _inherits(Checkbox, _React$PureComponent);
+  return _createClass(Checkbox, [{
+    key: "getRootSizeClassName",
+    value: function getRootSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.rootLarge(this.theme);
+        case 'medium':
+          return styles.rootMedium(this.theme);
+        case 'small':
+        default:
+          return styles.rootSmall(this.theme);
+      }
+    }
+  }, {
+    key: "getBoxWrapperSizeClassName",
+    value: function getBoxWrapperSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.boxWrapperLarge(this.theme);
+        case 'medium':
+          return styles.boxWrapperMedium(this.theme);
+        case 'small':
+        default:
+          return styles.boxWrapperSmall(this.theme);
+      }
     }
-  };
-  _proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.boxWrapperLarge(this.theme);
-      case 'medium':
-        return styles.boxWrapperMedium(this.theme);
-      case 'small':
-      default:
-        return styles.boxWrapperSmall(this.theme);
+  }, {
+    key: "getCheckboxBoxSize",
+    value: function getCheckboxBoxSize() {
+      switch (this.size) {
+        case 'large':
+          return this.theme.checkboxBoxSizeLarge;
+        case 'medium':
+          return this.theme.checkboxBoxSizeMedium;
+        case 'small':
+        default:
+          return this.theme.checkboxBoxSizeSmall;
+      }
     }
-  };
-  _proto.getCheckboxBoxSize = function getCheckboxBoxSize() {
-    switch (this.size) {
-      case 'large':
-        return this.theme.checkboxBoxSizeLarge;
-      case 'medium':
-        return this.theme.checkboxBoxSizeMedium;
-      case 'small':
-      default:
-        return this.theme.checkboxBoxSizeSmall;
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.checked !== this.props.checked) {
+        this.resetIndeterminate();
+      }
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.checked !== this.props.checked) {
-      this.resetIndeterminate();
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this2.setRootNode
+        }, _this2.getProps()), _this2.renderMain);
+      });
+    } /**
+      * Программная установка фокуса чекбоксу.
+      * @public
+      */
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$input$current;
+      keyListener.isTabPressed = true;
+      (_this$input$current = this.input.current) === null || _this$input$current === void 0 || _this$input$current.focus();
+    } /**
+      * Программное снятие фокуса с чекбокса.
+      * @public
+      */
+  }, {
+    key: "blur",
+    value: function blur() {
+      var _this$input$current2;
+      (_this$input$current2 = this.input.current) === null || _this$input$current2 === void 0 || _this$input$current2.blur();
     }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.getProps()), _this2.renderMain);
-    });
-  } /**
-    * Программная установка фокуса чекбоксу.
-    * @public
-    */;
-  _proto.focus = function focus() {
-    var _this$input$current;
-    keyListener.isTabPressed = true;
-    (_this$input$current = this.input.current) == null || _this$input$current.focus();
-  } /**
-    * Программное снятие фокуса с чекбокса.
-    * @public
-    */;
-  _proto.blur = function blur() {
-    var _this$input$current2;
-    (_this$input$current2 = this.input.current) == null || _this$input$current2.blur();
-  };
-  return Checkbox;
+  }]);
 }(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class;