@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/components/Calendar/Month/Month.js

@@ -1,11 +1,13 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class;
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { MonthView } from "../MonthView";
 import { DayCellView } from "../DayCellView";
 import * as CalendarScrollEvents from "../CalendarScrollEvents";
-import { styles } from "../MonthView.styles";
-import { styles as cellStyles } from "../DayCellView.styles";
+import { getStyles } from "../MonthView.styles";
+import { getStyles as getCellStyles } from "../DayCellView.styles";
 export var Month = /*#__PURE__*/function (_React$Component) {
   function Month() {
     var _this;
@@ -82,7 +84,7 @@ export var Month = /*#__PURE__*/function (_React$Component) {
   return Month;
 }(React.Component);
 var DAYS_PER_WEEK = 7;
-var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
+var MonthDayGrid = withRenderEnvironment(_class = /*#__PURE__*/function (_React$Component2) {
   function MonthDayGrid() {
     return _React$Component2.apply(this, arguments) || this;
   }
@@ -93,6 +95,8 @@ var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
   };
   _proto2.render = function render() {
     var _this3 = this;
+    this.styles = getStyles(this.emotion);
+    this.cellStyles = getCellStyles(this.emotion);
     return /*#__PURE__*/(
       React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this3.theme = theme;
@@ -108,7 +112,7 @@ var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/(
         React.createElement("div", {
           key: "leading_" + i,
-          className: cellStyles.cell(_this4.theme)
+          className: _this4.cellStyles.cell(_this4.theme)
         })
       );
     });
@@ -119,7 +123,7 @@ var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/(
         React.createElement("div", {
           key: "trailing_" + i,
-          className: cellStyles.cell(_this4.theme)
+          className: _this4.cellStyles.cell(_this4.theme)
         })
       );
     });
@@ -132,11 +136,11 @@ var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
     var weeks = divideToWeeks(leadingDays.concat(days, trailingDays));
     return /*#__PURE__*/(
       React.createElement("div", {
-        className: styles.monthDayGrid(this.theme)
+        className: this.styles.monthDayGrid(this.theme)
       }, weeks.map(function (week, i) {
         return /*#__PURE__*/(
           React.createElement("div", {
-            className: styles.monthDayRow(_this4.theme),
+            className: _this4.styles.monthDayRow(_this4.theme),
             key: "week_" + i
           }, week)
         );
@@ -144,7 +148,7 @@ var MonthDayGrid = /*#__PURE__*/function (_React$Component2) {
     );
   };
   return MonthDayGrid;
-}(React.Component);
+}(React.Component)) || _class;
 function divideToWeeks(days) {
   var weeks = [];
   for (var i = 0; i < days.length; i += DAYS_PER_WEEK) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","MonthView","DayCellView","CalendarScrollEvents","styles","cellStyles","Month","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","Consumer","theme","renderMain","_this$props","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","Component","DAYS_PER_WEEK","_React$Component2","_proto2","_this3","_this4","leadingDays","from","_","i","key","className","cell","trailingOffset","trailingDays","map","day","date","weeks","divideToWeeks","monthDayGrid","week","monthDayRow","slice","push"],"sources":["Month.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DateSelect } from '../../internal/DateSelect';\n\nimport type { MonthViewModel } from './MonthViewModel';\nimport type { DayCellViewModel } from './DayCellViewModel';\nimport { MonthView } from './MonthView';\nimport { DayCellView } from './DayCellView';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { styles } from './MonthView.styles';\nimport { styles as cellStyles } from './DayCellView.styles';\n\ninterface MonthProps {\n  top: number;\n  month: MonthViewModel;\n  onMonthYearChange: (monthNative: number, year: number) => void;\n}\n\nexport class Month extends React.Component<MonthProps> {\n  private theme!: Theme;\n\n  private monthSelect: DateSelect | null = null;\n  private yearSelect: DateSelect | null = null;\n\n  public shouldComponentUpdate(nextProps: MonthProps) {\n    if (this.props.top !== nextProps.top) {\n      return true;\n    }\n\n    return this.props.month !== nextProps.month;\n  }\n\n  public componentDidMount() {\n    CalendarScrollEvents.addListener(this.closeSelects);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { month, top } = this.props;\n    return (\n      <MonthView\n        firstDayOffset={month.offset}\n        height={month.getHeight(this.theme)}\n        isFirstInYear={month.isFirstInYear}\n        isLastInYear={month.isLastInYear}\n        month={month.month}\n        top={top}\n        year={month.year}\n        onMonthSelect={this.handleMonthSelect}\n        onYearSelect={this.handleYearSelect}\n        monthSelectRef={this.monthRef}\n        yearSelectRef={this.yearRef}\n      >\n        {this.renderCells()}\n      </MonthView>\n    );\n  }\n\n  private renderCells() {\n    return <MonthDayGrid days={this.props.month.days} offset={this.props.month.offset} />;\n  }\n\n  private closeSelects = () => {\n    if (this.monthSelect) {\n      this.monthSelect.close();\n    }\n    if (this.yearSelect) {\n      this.yearSelect.close();\n    }\n  };\n\n  private monthRef = (monthSelect: DateSelect | null) => {\n    this.monthSelect = monthSelect;\n  };\n\n  private yearRef = (yearSelect: DateSelect | null) => {\n    this.yearSelect = yearSelect;\n  };\n\n  private handleMonthSelect = (month: number) => {\n    this.props.onMonthYearChange(month, this.props.month.year);\n  };\n\n  private handleYearSelect = (year: number) => {\n    this.props.onMonthYearChange(this.props.month.month, year);\n  };\n}\n\nconst DAYS_PER_WEEK = 7;\n\ninterface MonthDayGridProps {\n  days: DayCellViewModel[];\n  offset: number;\n}\n\nclass MonthDayGrid extends React.Component<MonthDayGridProps> {\n  private theme!: Theme;\n\n  public shouldComponentUpdate(nextProps: MonthDayGridProps) {\n    return this.props.days !== nextProps.days;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const leadingDays = Array.from({ length: this.props.offset }, (_, i) => (\n      <div key={`leading_${i}`} className={cellStyles.cell(this.theme)} />\n    ));\n    const trailingOffset = DAYS_PER_WEEK - ((this.props.offset + this.props.days.length) % DAYS_PER_WEEK);\n    const trailingDays = Array.from({ length: trailingOffset }, (_, i) => (\n      <div key={`trailing_${i}`} className={cellStyles.cell(this.theme)} />\n    ));\n    const days = this.props.days.map((day) => {\n      return <DayCellView date={day} key={`${day.date}.${day.month}.${day.year}`} />;\n    });\n    const weeks = divideToWeeks(leadingDays.concat(days, trailingDays));\n    return (\n      <div className={styles.monthDayGrid(this.theme)}>\n        {weeks.map((week, i) => (\n          <div className={styles.monthDayRow(this.theme)} key={`week_${i}`}>\n            {week}\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n\nfunction divideToWeeks<T>(days: T[]): T[][] {\n  const weeks: T[][] = [];\n  for (let i = 0; i < days.length; i += DAYS_PER_WEEK) {\n    const week = days.slice(i, i + DAYS_PER_WEEK);\n    weeks.push(week);\n  }\n  return weeks;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","withRenderEnvironment","MonthView","DayCellView","CalendarScrollEvents","getStyles","getCellStyles","Month","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","monthSelect","yearSelect","closeSelects","close","monthRef","yearRef","handleMonthSelect","month","props","onMonthYearChange","year","handleYearSelect","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","top","componentDidMount","addListener","render","_this2","createElement","Consumer","theme","renderMain","_this$props","firstDayOffset","offset","height","getHeight","isFirstInYear","isLastInYear","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","renderCells","MonthDayGrid","days","Component","DAYS_PER_WEEK","_class","_React$Component2","_proto2","_this3","styles","emotion","cellStyles","_this4","leadingDays","from","_","i","key","className","cell","trailingOffset","trailingDays","map","day","date","weeks","divideToWeeks","monthDayGrid","week","monthDayRow","slice","push"],"sources":["Month.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DateSelect } from '../../internal/DateSelect';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { MonthViewModel } from './MonthViewModel';\nimport type { DayCellViewModel } from './DayCellViewModel';\nimport { MonthView } from './MonthView';\nimport { DayCellView } from './DayCellView';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { getStyles } from './MonthView.styles';\nimport { getStyles as getCellStyles } from './DayCellView.styles';\n\ninterface MonthProps {\n  top: number;\n  month: MonthViewModel;\n  onMonthYearChange: (monthNative: number, year: number) => void;\n}\n\nexport class Month extends React.Component<MonthProps> {\n  private theme!: Theme;\n\n  private monthSelect: DateSelect | null = null;\n  private yearSelect: DateSelect | null = null;\n\n  public shouldComponentUpdate(nextProps: MonthProps) {\n    if (this.props.top !== nextProps.top) {\n      return true;\n    }\n\n    return this.props.month !== nextProps.month;\n  }\n\n  public componentDidMount() {\n    CalendarScrollEvents.addListener(this.closeSelects);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { month, top } = this.props;\n    return (\n      <MonthView\n        firstDayOffset={month.offset}\n        height={month.getHeight(this.theme)}\n        isFirstInYear={month.isFirstInYear}\n        isLastInYear={month.isLastInYear}\n        month={month.month}\n        top={top}\n        year={month.year}\n        onMonthSelect={this.handleMonthSelect}\n        onYearSelect={this.handleYearSelect}\n        monthSelectRef={this.monthRef}\n        yearSelectRef={this.yearRef}\n      >\n        {this.renderCells()}\n      </MonthView>\n    );\n  }\n\n  private renderCells() {\n    return <MonthDayGrid days={this.props.month.days} offset={this.props.month.offset} />;\n  }\n\n  private closeSelects = () => {\n    if (this.monthSelect) {\n      this.monthSelect.close();\n    }\n    if (this.yearSelect) {\n      this.yearSelect.close();\n    }\n  };\n\n  private monthRef = (monthSelect: DateSelect | null) => {\n    this.monthSelect = monthSelect;\n  };\n\n  private yearRef = (yearSelect: DateSelect | null) => {\n    this.yearSelect = yearSelect;\n  };\n\n  private handleMonthSelect = (month: number) => {\n    this.props.onMonthYearChange(month, this.props.month.year);\n  };\n\n  private handleYearSelect = (year: number) => {\n    this.props.onMonthYearChange(this.props.month.month, year);\n  };\n}\n\nconst DAYS_PER_WEEK = 7;\n\ninterface MonthDayGridProps {\n  days: DayCellViewModel[];\n  offset: number;\n}\n\n@withRenderEnvironment\nclass MonthDayGrid extends React.Component<MonthDayGridProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private cellStyles!: ReturnType<typeof getCellStyles>;\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public shouldComponentUpdate(nextProps: MonthDayGridProps) {\n    return this.props.days !== nextProps.days;\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.cellStyles = getCellStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const leadingDays = Array.from({ length: this.props.offset }, (_, i) => (\n      <div key={`leading_${i}`} className={this.cellStyles.cell(this.theme)} />\n    ));\n    const trailingOffset = DAYS_PER_WEEK - ((this.props.offset + this.props.days.length) % DAYS_PER_WEEK);\n    const trailingDays = Array.from({ length: trailingOffset }, (_, i) => (\n      <div key={`trailing_${i}`} className={this.cellStyles.cell(this.theme)} />\n    ));\n    const days = this.props.days.map((day) => {\n      return <DayCellView date={day} key={`${day.date}.${day.month}.${day.year}`} />;\n    });\n    const weeks = divideToWeeks(leadingDays.concat(days, trailingDays));\n    return (\n      <div className={this.styles.monthDayGrid(this.theme)}>\n        {weeks.map((week, i) => (\n          <div className={this.styles.monthDayRow(this.theme)} key={`week_${i}`}>\n            {week}\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n\nfunction divideToWeeks<T>(days: T[]): T[][] {\n  const weeks: T[][] = [];\n  for (let i = 0; i < days.length; i += DAYS_PER_WEEK) {\n    const week = days.slice(i, i + DAYS_PER_WEEK);\n    weeks.push(week);\n  }\n  return weeks;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Calendar/MonthView/MonthView.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
 import { DateSelect } from "../../../internal/DateSelect";
-import { styles } from "../MonthView.styles";
+import { getStyles } from "../MonthView.styles";
 import { themeConfig } from "../config";
 import * as CDS from "../CalendarDateShape";
 import { CalendarDataTids } from "../Calendar";
@@ -40,6 +40,9 @@ export var getMaxMonth = function getMaxMonth(year, maxDate) {
 export function MonthView(props) {
   var _cx, _cx2;
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var _useContext = useContext(CalendarContext),
     minDate = _useContext.minDate,
     maxDate = _useContext.maxDate;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ThemeContext","ColorFunctions","cx","useResponsiveLayout","DateSelect","styles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","_useContext","_useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","createElement","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","disabled","width","type","value","onValueChange","ref","undefined","minValue","maxValue","headerYear"],"sources":["MonthView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport type { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { styles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\nimport { CalendarContext } from './CalendarContext';\n\nexport const getMinMonth = (year: number, minDate: Nullable<CDS.CalendarDateShape>) => {\n  let min = 0;\n  for (let i = 0; i < 12; ++i) {\n    if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year }, minDate)) {\n      min = i;\n      break;\n    }\n  }\n  return min;\n};\n\nexport const getMaxMonth = (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => {\n  let max = 11;\n  for (let i = 11; i >= 0; --i) {\n    if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year }, maxDate)) {\n      max = i;\n      break;\n    }\n  }\n  return max;\n};\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  month: number;\n  top: number;\n  year: number;\n  onMonthSelect: (month: number) => void;\n  onYearSelect: (month: number) => void;\n  monthSelectRef: (select: DateSelect | null) => void;\n  yearSelectRef: (select: DateSelect | null) => void;\n}\n\nexport function MonthView(props: MonthViewProps) {\n  const theme = useContext(ThemeContext);\n  const { minDate, maxDate } = useContext(CalendarContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    month,\n    top,\n    year,\n    onMonthSelect,\n    onYearSelect,\n    monthSelectRef,\n    yearSelectRef,\n  } = props;\n\n  const isTopNegative = top <= 0;\n  const isHeaderSticky = isTopNegative && height >= -top;\n  const headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;\n  const alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;\n  const borderBottomColor = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\n  const isYearVisible = isFirstInYear || isHeaderSticky;\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\n  const monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 52 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={cx({\n          [styles.header()]: true,\n          [styles.headerSticky(theme)]: isHeaderSticky,\n        })}\n      >\n        <div style={{ borderBottomColor }} className={styles.monthTitle(theme)}>\n          <div data-tid={CalendarDataTids.headerMonth} className={styles.headerMonth(theme)}>\n            <DateSelect\n              disabled={monthSelectDisabled}\n              width={isMobile ? '6em' : 85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year, minDate)}\n              maxValue={getMaxMonth(year, maxDate)}\n            />\n          </div>\n          {isYearVisible && (\n            <div data-tid={CalendarDataTids.headerYear} className={styles.headerYear(theme)} style={{ top: yearTop }}>\n              <DateSelect\n                disabled={yearSelectDisabled}\n                width={isMobile ? '3.5em' : 50}\n                type=\"year\"\n                value={year}\n                minValue={minDate ? minDate.year : undefined}\n                maxValue={maxDate ? maxDate.year : undefined}\n                onValueChange={onYearSelect}\n                ref={!yearSelectDisabled ? yearSelectRef : undefined}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useEmotion","useStyles","ThemeContext","ColorFunctions","useResponsiveLayout","DateSelect","getStyles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","_useEmotion","cx","styles","_useContext","_useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","createElement","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","disabled","width","type","value","onValueChange","ref","undefined","minValue","maxValue","headerYear"],"sources":["MonthView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport type { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { getStyles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\nimport { CalendarContext } from './CalendarContext';\n\nexport const getMinMonth = (year: number, minDate: Nullable<CDS.CalendarDateShape>) => {\n  let min = 0;\n  for (let i = 0; i < 12; ++i) {\n    if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year }, minDate)) {\n      min = i;\n      break;\n    }\n  }\n  return min;\n};\n\nexport const getMaxMonth = (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => {\n  let max = 11;\n  for (let i = 11; i >= 0; --i) {\n    if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year }, maxDate)) {\n      max = i;\n      break;\n    }\n  }\n  return max;\n};\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  month: number;\n  top: number;\n  year: number;\n  onMonthSelect: (month: number) => void;\n  onYearSelect: (month: number) => void;\n  monthSelectRef: (select: DateSelect | null) => void;\n  yearSelectRef: (select: DateSelect | null) => void;\n}\n\nexport function MonthView(props: MonthViewProps) {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const { minDate, maxDate } = useContext(CalendarContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    month,\n    top,\n    year,\n    onMonthSelect,\n    onYearSelect,\n    monthSelectRef,\n    yearSelectRef,\n  } = props;\n\n  const isTopNegative = top <= 0;\n  const isHeaderSticky = isTopNegative && height >= -top;\n  const headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;\n  const alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;\n  const borderBottomColor = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\n  const isYearVisible = isFirstInYear || isHeaderSticky;\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\n  const monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 52 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={cx({\n          [styles.header()]: true,\n          [styles.headerSticky(theme)]: isHeaderSticky,\n        })}\n      >\n        <div style={{ borderBottomColor }} className={styles.monthTitle(theme)}>\n          <div data-tid={CalendarDataTids.headerMonth} className={styles.headerMonth(theme)}>\n            <DateSelect\n              disabled={monthSelectDisabled}\n              width={isMobile ? '6em' : 85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year, minDate)}\n              maxValue={getMaxMonth(year, maxDate)}\n            />\n          </div>\n          {isYearVisible && (\n            <div data-tid={CalendarDataTids.headerYear} className={styles.headerYear(theme)} style={{ top: yearTop }}>\n              <DateSelect\n                disabled={yearSelectDisabled}\n                width={isMobile ? '3.5em' : 50}\n                type=\"year\"\n                value={year}\n                minValue={minDate ? minDate.year : undefined}\n                maxValue={maxDate ? maxDate.year : undefined}\n                onValueChange={onYearSelect}\n                ref={!yearSelectDisabled ? yearSelectRef : undefined}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,OAAO,KAAKC,cAAc,MAAM,iCAAiC;AACjE,SAASC,mBAAmB,QAAQ,mCAAmC;;AAEvE,SAASC,UAAU,QAAQ,2BAA2B;;AAEtD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAO,KAAKC,GAAG,MAAM,qBAAqB;AAC1C,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAY,EAAEC,OAAwC,EAAK;EACrF,IAAIC,GAAG,GAAG,CAAC;EACX,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAE,EAAEA,CAAC,EAAE;IAC3B,IAAIF,OAAO,IAAIL,GAAG,CAACQ,gBAAgB,CAAC,EAAEC,IAAI,EAAE,EAAE,EAAEC,KAAK,EAAEH,CAAC,EAAEH,IAAI,EAAJA,IAAI,CAAC,CAAC,EAAEC,OAAO,CAAC,EAAE;MAC1EC,GAAG,GAAGC,CAAC;MACP;IACF;EACF;EACA,OAAOD,GAAG;AACZ,CAAC;;AAED,OAAO,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAIP,IAAY,EAAEQ,OAAwC,EAAK;EACrF,IAAIC,GAAG,GAAG,EAAE;EACZ,KAAK,IAAIN,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,CAAC,EAAE,EAAEA,CAAC,EAAE;IAC5B,IAAIK,OAAO,IAAIZ,GAAG,CAACc,aAAa,CAAC,EAAEL,IAAI,EAAE,CAAC,EAAEC,KAAK,EAAEH,CAAC,EAAEH,IAAI,EAAJA,IAAI,CAAC,CAAC,EAAEQ,OAAO,CAAC,EAAE;MACtEC,GAAG,GAAGN,CAAC;MACP;IACF;EACF;EACA,OAAOM,GAAG;AACZ,CAAC;;;;;;;;;;;;;;;;;AAiBD,OAAO,SAASE,SAASA,CAACC,KAAqB,EAAE,KAAAC,GAAA,EAAAC,IAAA;EAC/C,IAAMC,KAAK,GAAG5B,UAAU,CAACG,YAAY,CAAC;EACtC,IAAA0B,WAAA,GAAe5B,UAAU,CAAC,CAAC,CAAnB6B,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAG7B,SAAS,CAACK,SAAS,CAAC;EACnC,IAAAyB,WAAA,GAA6BhC,UAAU,CAACW,eAAe,CAAC,CAAhDG,OAAO,GAAAkB,WAAA,CAAPlB,OAAO,CAAEO,OAAO,GAAAW,WAAA,CAAPX,OAAO;EACxB,IAAAY,oBAAA,GAAqB5B,mBAAmB,CAAC,CAAC,CAAlC6B,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;EAEhB;IACEC,QAAQ;;;;;;;;;;;IAWNV,KAAK,CAXPU,QAAQ,CACRC,MAAM,GAUJX,KAAK,CAVPW,MAAM,CACNC,aAAa,GASXZ,KAAK,CATPY,aAAa,CACbC,YAAY,GAQVb,KAAK,CARPa,YAAY,CACZnB,KAAK,GAOHM,KAAK,CAPPN,KAAK,CACLoB,GAAG,GAMDd,KAAK,CANPc,GAAG,CACH1B,IAAI,GAKFY,KAAK,CALPZ,IAAI,CACJ2B,aAAa,GAIXf,KAAK,CAJPe,aAAa,CACbC,YAAY,GAGVhB,KAAK,CAHPgB,YAAY,CACZC,cAAc,GAEZjB,KAAK,CAFPiB,cAAc,CACdC,aAAa,GACXlB,KAAK,CADPkB,aAAa;;EAGf,IAAMC,aAAa,GAAGL,GAAG,IAAI,CAAC;EAC9B,IAAMM,cAAc,GAAGD,aAAa,IAAIR,MAAM,IAAI,CAACG,GAAG;EACtD,IAAMO,SAAS,GAAGD,cAAc,GAAGE,IAAI,CAAChC,GAAG,CAAC,CAACwB,GAAG,EAAEH,MAAM,GAAG5B,WAAW,CAACoB,KAAK,CAAC,CAACoB,kBAAkB,CAAC,GAAG,CAAC;EACrG,IAAMC,KAAK,GAAGJ,cAAc,GAAG,CAACT,MAAM,GAAGG,GAAG,GAAG/B,WAAW,CAACoB,KAAK,CAAC,CAACoB,kBAAkB,IAAI,EAAE,GAAG,CAAC;EAC9F,IAAME,iBAAiB,GAAG9C,cAAc,CAAC+C,IAAI,CAACvB,KAAK,CAACwB,mCAAmC,EAAEH,KAAK,CAAC;EAC/F,IAAMI,aAAa,GAAGhB,aAAa,IAAIQ,cAAc;EACrD,IAAMS,OAAO,GAAGT,cAAc,IAAI,CAACP,YAAY,GAAG,CAACQ,SAAS,GAAGP,GAAG,GAAG,CAAC;EACtE,IAAMgB,mBAAmB,GAAGhB,GAAG,GAAG,EAAE,IAAIO,SAAS,GAAG,CAAC,IAAIA,SAAS,IAAIV,MAAM,GAAG5B,WAAW,CAACoB,KAAK,CAAC,CAACoB,kBAAkB;EACpH,IAAMQ,kBAAkB,GAAGjB,GAAG,GAAG,EAAE,IAAKD,YAAY,IAAIC,GAAG,GAAG,CAACH,MAAM,GAAG5B,WAAW,CAACoB,KAAK,CAAC,CAACoB,kBAAmB;;EAE9G;IACEjD,KAAA,CAAA0D,aAAA;MACE,YAAU/C,gBAAgB,CAACS,KAAM;MACjCuC,SAAS,EAAE5B,EAAE,EAAAJ,GAAA,OAAAA,GAAA,CAAIK,MAAM,CAACZ,KAAK,CAACS,KAAK,CAAC,IAAG,IAAI,EAAAF,GAAA,CAAGK,MAAM,CAAC4B,WAAW,CAAC,CAAC,IAAGzB,QAAQ,EAAAR,GAAA,CAAE,CAAE;MACjFkC,KAAK,EAAE,EAAErB,GAAG,EAAHA,GAAG,CAAC,CAAE;MACfsB,GAAG,EAAE1C,KAAK,GAAG,GAAG,GAAGN,IAAK;;IAExBd,KAAA,CAAA0D,aAAA;MACEG,KAAK,EAAE,EAAErB,GAAG,EAAEO,SAAS,CAAC,CAAE;MAC1BY,SAAS,EAAE5B,EAAE,EAAAH,IAAA,OAAAA,IAAA;MACVI,MAAM,CAAC+B,MAAM,CAAC,CAAC,IAAG,IAAI,EAAAnC,IAAA;MACtBI,MAAM,CAACgC,YAAY,CAACnC,KAAK,CAAC,IAAGiB,cAAc,EAAAlB,IAAA;MAC7C,CAAE;;IAEH5B,KAAA,CAAA0D,aAAA,UAAKG,KAAK,EAAE,EAAEV,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAE,EAACQ,SAAS,EAAE3B,MAAM,CAACiC,UAAU,CAACpC,KAAK,CAAE;IACrE7B,KAAA,CAAA0D,aAAA,UAAK,YAAU/C,gBAAgB,CAACuD,WAAY,EAACP,SAAS,EAAE3B,MAAM,CAACkC,WAAW,CAACrC,KAAK,CAAE;IAChF7B,KAAA,CAAA0D,aAAA,CAACnD,UAAU;MACT4D,QAAQ,EAAEX,mBAAoB;MAC9BY,KAAK,EAAEjC,QAAQ,GAAG,KAAK,GAAG,EAAG;MAC7BkC,IAAI,EAAC,OAAO;MACZC,KAAK,EAAElD,KAAM;MACbmD,aAAa,EAAE9B,aAAc;MAC7B+B,GAAG,EAAE,CAAChB,mBAAmB,GAAGb,cAAc,GAAG8B,SAAU;MACvDC,QAAQ,EAAE7D,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAE;MACrC4D,QAAQ,EAAEtD,WAAW,CAACP,IAAI,EAAEQ,OAAO,CAAE;IACtC;IACE,CAAC;IACLgC,aAAa;IACZtD,KAAA,CAAA0D,aAAA,UAAK,YAAU/C,gBAAgB,CAACiE,UAAW,EAACjB,SAAS,EAAE3B,MAAM,CAAC4C,UAAU,CAAC/C,KAAK,CAAE,EAACgC,KAAK,EAAE,EAAErB,GAAG,EAAEe,OAAO,CAAC,CAAE;IACvGvD,KAAA,CAAA0D,aAAA,CAACnD,UAAU;MACT4D,QAAQ,EAAEV,kBAAmB;MAC7BW,KAAK,EAAEjC,QAAQ,GAAG,OAAO,GAAG,EAAG;MAC/BkC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAExD,IAAK;MACZ4D,QAAQ,EAAE3D,OAAO,GAAGA,OAAO,CAACD,IAAI,GAAG2D,SAAU;MAC7CE,QAAQ,EAAErD,OAAO,GAAGA,OAAO,CAACR,IAAI,GAAG2D,SAAU;MAC7CF,aAAa,EAAE7B,YAAa;MAC5B8B,GAAG,EAAE,CAACf,kBAAkB,GAAGb,aAAa,GAAG6B,SAAU;IACtD;IACE;;IAEJ;IACF,CAAC;IACLrC;IACE,CAAC;;AAEV","ignoreList":[]}

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

@@ -1,40 +1,43 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 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);
-  },
-  headerYear: function headerYear(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ", " 0 ", ";\n    "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
-  },
-  month: function month(t) {
-    var width = parseInt(t.calendarCellWidth) * 7;
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: ", "px;\n    "])), width);
-  },
-  monthMobile: function monthMobile() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
-  },
-  header: function header() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
-  },
-  headerSticky: function headerSticky(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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);
-  },
-  /* 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);
-  },
-  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);
-  },
-  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    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    headerMonth: function headerMonth(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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);
+    },
+    month: function month(t) {
+      var width = parseInt(t.calendarCellWidth) * 7;
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: ", "px;\n    "])), width);
+    },
+    monthMobile: function monthMobile() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    },
+    header: function header() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    },
+    headerSticky: function headerSticky(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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);
+    },
+    /* 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);
+    },
+    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);
+    },
+    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    "])));
+    }
+  };
 });

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":["memoizeGetStyles","getStyles","_ref","css","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;AAG5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;MAEGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;IAEpF,CAAC;;IAEDC,UAAU,WAAAA,WAACL,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;MAIGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;IAEpF,CAAC;;IAEDG,KAAK,WAAAA,MAACP,CAAQ,EAAE;MACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;MAC/C,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;MAECM,KAAK;;IAElB,CAAC;;IAEDI,WAAW,WAAAA,YAAA,EAAG;MACZ,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;IAGZ,CAAC;;IAEDY,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;IAGZ,CAAC;;IAEDc,YAAY,WAAAA,aAAChB,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;MACYF,CAAC,CAACkB,iCAAiC;;;IAG3D,CAAC;;IAEDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;MACmBF,CAAC,CAACqB,mCAAmC;MACjDrB,CAAC,CAACsB,oBAAoB;MACzBtB,CAAC,CAACuB,yBAAyB,EAAIvB,CAAC,CAACwB,8BAA8B;MAC5DxB,CAAC,CAACyB,4BAA4B;;IAEjD,CAAC;;IAED;AACF;AACA;AACA;IACEC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;MACOF,CAAC,CAAC4B,sBAAsB;;;MAG5B5B,CAAC,CAAC6B,sBAAsB;;IAEvC,CAAC;;IAEDC,WAAW,WAAAA,YAAC9B,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;MAKQF,CAAC,CAAC6B,sBAAsB;;;IAG5C,CAAC;;IAEDG,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOlC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;;;;;;;;;IAWZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     headerMonth(t: Theme): string;
     headerYear(t: Theme): string;
     month(t: Theme): string;
@@ -10,4 +10,4 @@ export declare const styles: {
     monthDayGrid(t: Theme): string;
     monthDayRow(t: Theme): string;
     nativeSelect(): string;
-};
+}>;

package/components/Center/Center/Center.js

@@ -5,10 +5,10 @@ var _excluded = ["align"];
 var _class, _Center;
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../Center.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Center.styles";
 export var CenterDataTids = {
   root: 'Center__root'
 };
@@ -18,7 +18,7 @@ export var CenterDataTids = {
  *
  * Выравнивание задается пропом `align`.
  */
-export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$Component) {
+export var Center = withRenderEnvironment(_class = rootNode(_class = (_Center = /*#__PURE__*/function (_React$Component) {
   function Center() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -27,21 +27,21 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Center.defaultProps);
     _this.renderMain = function (props) {
-      var _cx;
+      var _this$cx;
       var align = props.align,
         rest = _objectWithoutPropertiesLoose(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: _this.cx((_this$cx = {}, _this$cx[_this.styles.root()] = true, _this$cx[_this.styles.rootAlignLeft()] = align === 'left', _this$cx[_this.styles.rootAlignRight()] = align === 'right', _this$cx))
         }), /*#__PURE__*/
 
         React.createElement("span", {
-          className: styles.spring()
+          className: _this.styles.spring()
         }), /*#__PURE__*/
         React.createElement("span", {
-          className: styles.container()
+          className: _this.styles.container()
         }, _this.props.children))
       );
     };
@@ -50,6 +50,7 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
   _inheritsLoose(Center, _React$Component);
   var _proto = Center.prototype;
   _proto.render = function render() {
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.getProps()), this.renderMain);
@@ -57,4 +58,4 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
   return Center;
 }(React.Component), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = {
   align: 'center'
-}, _Center)) || _class;
+}, _Center)) || _class) || _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","rootNode","createPropsGetter","withRenderEnvironment","getStyles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_this$cx","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","cx","styles","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","emotion","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } 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@withRenderEnvironment\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  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\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={this.cx({\n          [this.styles.root()]: true,\n          [this.styles.rootAlignLeft()]: align === 'left',\n          [this.styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={this.styles.spring()} />\n        <span className={this.styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Center/Center.d.ts

@@ -24,6 +24,9 @@ export declare class Center extends React.Component<CenterProps> {
     private getProps;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private emotion;
+    private cx;
+    private styles;
     render(): React.JSX.Element;
     private renderMain;
 }

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

@@ -1,20 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 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    "])));
-  },
-  rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
-  },
-  rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
-  },
-  container: function container() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
+    },
+    rootAlignLeft: function rootAlignLeft() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
+    },
+    rootAlignRight: function rootAlignRight() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
+    },
+    container: function container() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"sources":["Center.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIZ,CAAC;;IAEDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;IAGZ,CAAC;;IAEDG,cAAc,WAAAA,eAAA,EAAG;MACf,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;IAKZ,CAAC;;IAEDO,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;IAKZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/components/Center/Center.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;
     spring(): string;
     container(): string;
-};
+}>;