@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Calendar/Month.d.ts

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

package/components/Calendar/MonthView/MonthView.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { EmotionContext } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
 import { DateSelect } from "../../../internal/DateSelect";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MonthView.styles";
+import { styles } from "../MonthView.styles";
 import { themeConfig } from "../config";
 import * as CDS from "../CalendarDateShape";
 import { CalendarDataTids } from "../Calendar";
@@ -38,9 +38,8 @@ export var getMaxMonth = function getMaxMonth(year, maxDate) {
   return max;
 };
 export function MonthView(props) {
-  var _emotion$cx, _emotion$cx2;
+  var _cx, _cx2;
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
   var _useContext = useContext(CalendarContext),
     minDate = _useContext.minDate,
     maxDate = _useContext.maxDate;
@@ -66,11 +65,10 @@ export function MonthView(props) {
   var yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;
   var monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;
   var yearSelectDisabled = top > 52 || isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT;
-  var styles = getStyles(emotion);
   return /*#__PURE__*/(
     React.createElement("div", {
       "data-tid": CalendarDataTids.month,
-      className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.month(theme)] = true, _emotion$cx[styles.monthMobile()] = isMobile, _emotion$cx)),
+      className: cx((_cx = {}, _cx[styles.month(theme)] = true, _cx[styles.monthMobile()] = isMobile, _cx)),
       style: {
         top: top
       },
@@ -81,7 +79,7 @@ export function MonthView(props) {
       style: {
         top: headerTop
       },
-      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[styles.header()] = true, _emotion$cx2[styles.headerSticky(theme)] = isHeaderSticky, _emotion$cx2))
+      className: cx((_cx2 = {}, _cx2[styles.header()] = true, _cx2[styles.headerSticky(theme)] = isHeaderSticky, _cx2))
     }, /*#__PURE__*/
 
     React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ColorFunctions","EmotionContext","useResponsiveLayout","DateSelect","ThemeContext","getStyles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_emotion$cx","_emotion$cx2","theme","emotion","_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","styles","createElement","className","cx","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 * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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 emotion = useContext(EmotionContext);\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  const styles = getStyles(emotion);\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={emotion.cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={emotion.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,OAAO,KAAKC,cAAc,MAAM,iCAAiC;AACjE,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,mBAAmB,QAAQ,mCAAmC;;AAEvE,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,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,WAAA,EAAAC,YAAA;EAC/C,IAAMC,KAAK,GAAG3B,UAAU,CAACK,YAAY,CAAC;EACtC,IAAMuB,OAAO,GAAG5B,UAAU,CAACE,cAAc,CAAC;EAC1C,IAAA2B,WAAA,GAA6B7B,UAAU,CAACU,eAAe,CAAC,CAAhDG,OAAO,GAAAgB,WAAA,CAAPhB,OAAO,CAAEO,OAAO,GAAAS,WAAA,CAAPT,OAAO;EACxB,IAAAU,oBAAA,GAAqB3B,mBAAmB,CAAC,CAAC,CAAlC4B,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;EAEhB;IACEC,QAAQ;;;;;;;;;;;IAWNR,KAAK,CAXPQ,QAAQ,CACRC,MAAM,GAUJT,KAAK,CAVPS,MAAM,CACNC,aAAa,GASXV,KAAK,CATPU,aAAa,CACbC,YAAY,GAQVX,KAAK,CARPW,YAAY,CACZjB,KAAK,GAOHM,KAAK,CAPPN,KAAK,CACLkB,GAAG,GAMDZ,KAAK,CANPY,GAAG,CACHxB,IAAI,GAKFY,KAAK,CALPZ,IAAI,CACJyB,aAAa,GAIXb,KAAK,CAJPa,aAAa,CACbC,YAAY,GAGVd,KAAK,CAHPc,YAAY,CACZC,cAAc,GAEZf,KAAK,CAFPe,cAAc,CACdC,aAAa,GACXhB,KAAK,CADPgB,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,CAAC9B,GAAG,CAAC,CAACsB,GAAG,EAAEH,MAAM,GAAG1B,WAAW,CAACoB,KAAK,CAAC,CAACkB,kBAAkB,CAAC,GAAG,CAAC;EACrG,IAAMC,KAAK,GAAGJ,cAAc,GAAG,CAACT,MAAM,GAAGG,GAAG,GAAG7B,WAAW,CAACoB,KAAK,CAAC,CAACkB,kBAAkB,IAAI,EAAE,GAAG,CAAC;EAC9F,IAAME,iBAAiB,GAAG9C,cAAc,CAAC+C,IAAI,CAACrB,KAAK,CAACsB,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,GAAG1B,WAAW,CAACoB,KAAK,CAAC,CAACkB,kBAAkB;EACpH,IAAMQ,kBAAkB,GAAGjB,GAAG,GAAG,EAAE,IAAKD,YAAY,IAAIC,GAAG,GAAG,CAACH,MAAM,GAAG1B,WAAW,CAACoB,KAAK,CAAC,CAACkB,kBAAmB;;EAE9G,IAAMS,MAAM,GAAGhD,SAAS,CAACsB,OAAO,CAAC;EACjC;IACE7B,KAAA,CAAAwD,aAAA;MACE,YAAU9C,gBAAgB,CAACS,KAAM;MACjCsC,SAAS,EAAE5B,OAAO,CAAC6B,EAAE,EAAAhC,WAAA,OAAAA,WAAA,CAAI6B,MAAM,CAACpC,KAAK,CAACS,KAAK,CAAC,IAAG,IAAI,EAAAF,WAAA,CAAG6B,MAAM,CAACI,WAAW,CAAC,CAAC,IAAG3B,QAAQ,EAAAN,WAAA,CAAE,CAAE;MACzFkC,KAAK,EAAE,EAAEvB,GAAG,EAAHA,GAAG,CAAC,CAAE;MACfwB,GAAG,EAAE1C,KAAK,GAAG,GAAG,GAAGN,IAAK;;IAExBb,KAAA,CAAAwD,aAAA;MACEI,KAAK,EAAE,EAAEvB,GAAG,EAAEO,SAAS,CAAC,CAAE;MAC1Ba,SAAS,EAAE5B,OAAO,CAAC6B,EAAE,EAAA/B,YAAA,OAAAA,YAAA;MAClB4B,MAAM,CAACO,MAAM,CAAC,CAAC,IAAG,IAAI,EAAAnC,YAAA;MACtB4B,MAAM,CAACQ,YAAY,CAACnC,KAAK,CAAC,IAAGe,cAAc,EAAAhB,YAAA;MAC7C,CAAE;;IAEH3B,KAAA,CAAAwD,aAAA,UAAKI,KAAK,EAAE,EAAEZ,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAE,EAACS,SAAS,EAAEF,MAAM,CAACS,UAAU,CAACpC,KAAK,CAAE;IACrE5B,KAAA,CAAAwD,aAAA,UAAK,YAAU9C,gBAAgB,CAACuD,WAAY,EAACR,SAAS,EAAEF,MAAM,CAACU,WAAW,CAACrC,KAAK,CAAE;IAChF5B,KAAA,CAAAwD,aAAA,CAACnD,UAAU;MACT6D,QAAQ,EAAEb,mBAAoB;MAC9Bc,KAAK,EAAEnC,QAAQ,GAAG,KAAK,GAAG,EAAG;MAC7BoC,IAAI,EAAC,OAAO;MACZC,KAAK,EAAElD,KAAM;MACbmD,aAAa,EAAEhC,aAAc;MAC7BiC,GAAG,EAAE,CAAClB,mBAAmB,GAAGb,cAAc,GAAGgC,SAAU;MACvDC,QAAQ,EAAE7D,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAE;MACrC4D,QAAQ,EAAEtD,WAAW,CAACP,IAAI,EAAEQ,OAAO,CAAE;IACtC;IACE,CAAC;IACL8B,aAAa;IACZnD,KAAA,CAAAwD,aAAA,UAAK,YAAU9C,gBAAgB,CAACiE,UAAW,EAAClB,SAAS,EAAEF,MAAM,CAACoB,UAAU,CAAC/C,KAAK,CAAE,EAACgC,KAAK,EAAE,EAAEvB,GAAG,EAAEe,OAAO,CAAC,CAAE;IACvGpD,KAAA,CAAAwD,aAAA,CAACnD,UAAU;MACT6D,QAAQ,EAAEZ,kBAAmB;MAC7Ba,KAAK,EAAEnC,QAAQ,GAAG,OAAO,GAAG,EAAG;MAC/BoC,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,EAAE/B,YAAa;MAC5BgC,GAAG,EAAE,CAACjB,kBAAkB,GAAGb,aAAa,GAAG+B,SAAU;IACtD;IACE;;IAEJ;IACF,CAAC;IACLvC;IACE,CAAC;;AAEV","ignoreList":[]}
+{"version":3,"names":["React","useContext","ThemeContext","ColorFunctions","cx","useResponsiveLayout","DateSelect","styles","themeConfig","CDS","CalendarDataTids","CalendarContext","getMinMonth","year","minDate","min","i","isGreaterOrEqual","date","month","getMaxMonth","maxDate","max","isLessOrEqual","MonthView","props","_cx","_cx2","theme","_useContext","_useResponsiveLayout","isMobile","children","height","isFirstInYear","isLastInYear","top","onMonthSelect","onYearSelect","monthSelectRef","yearSelectRef","isTopNegative","isHeaderSticky","headerTop","Math","MONTH_TITLE_HEIGHT","alpha","borderBottomColor","fade","calendarMonthTitleBorderBottomColor","isYearVisible","yearTop","monthSelectDisabled","yearSelectDisabled","createElement","className","monthMobile","style","key","header","headerSticky","monthTitle","headerMonth","disabled","width","type","value","onValueChange","ref","undefined","minValue","maxValue","headerYear"],"sources":["MonthView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport type { Nullable } from '../..//typings/utility-types';\nimport { DateSelect } from '../../internal/DateSelect';\n\nimport { styles } from './MonthView.styles';\nimport { themeConfig } from './config';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDataTids } from './Calendar';\nimport { CalendarContext } from './CalendarContext';\n\nexport const getMinMonth = (year: number, minDate: Nullable<CDS.CalendarDateShape>) => {\n  let min = 0;\n  for (let i = 0; i < 12; ++i) {\n    if (minDate && CDS.isGreaterOrEqual({ date: 31, month: i, year }, minDate)) {\n      min = i;\n      break;\n    }\n  }\n  return min;\n};\n\nexport const getMaxMonth = (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => {\n  let max = 11;\n  for (let i = 11; i >= 0; --i) {\n    if (maxDate && CDS.isLessOrEqual({ date: 1, month: i, year }, maxDate)) {\n      max = i;\n      break;\n    }\n  }\n  return max;\n};\n\ninterface MonthViewProps {\n  children: React.ReactNode;\n  firstDayOffset: number;\n  height: number;\n  isFirstInYear?: boolean;\n  isLastInYear?: boolean;\n  month: number;\n  top: number;\n  year: number;\n  onMonthSelect: (month: number) => void;\n  onYearSelect: (month: number) => void;\n  monthSelectRef: (select: DateSelect | null) => void;\n  yearSelectRef: (select: DateSelect | null) => void;\n}\n\nexport function MonthView(props: MonthViewProps) {\n  const theme = useContext(ThemeContext);\n  const { minDate, maxDate } = useContext(CalendarContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const {\n    children,\n    height,\n    isFirstInYear,\n    isLastInYear,\n    month,\n    top,\n    year,\n    onMonthSelect,\n    onYearSelect,\n    monthSelectRef,\n    yearSelectRef,\n  } = props;\n\n  const isTopNegative = top <= 0;\n  const isHeaderSticky = isTopNegative && height >= -top;\n  const headerTop = isHeaderSticky ? Math.min(-top, height - themeConfig(theme).MONTH_TITLE_HEIGHT) : 0;\n  const alpha = isHeaderSticky ? (height + top - themeConfig(theme).MONTH_TITLE_HEIGHT) / 10 : 1;\n  const borderBottomColor = ColorFunctions.fade(theme.calendarMonthTitleBorderBottomColor, alpha);\n  const isYearVisible = isFirstInYear || isHeaderSticky;\n  const yearTop = isHeaderSticky && !isLastInYear ? -headerTop - top : 0;\n  const monthSelectDisabled = top > 52 || headerTop < 0 || headerTop >= height - themeConfig(theme).MONTH_TITLE_HEIGHT;\n  const yearSelectDisabled = top > 52 || (isLastInYear && top < -height + themeConfig(theme).MONTH_TITLE_HEIGHT);\n\n  return (\n    <div\n      data-tid={CalendarDataTids.month}\n      className={cx({ [styles.month(theme)]: true, [styles.monthMobile()]: isMobile })}\n      style={{ top }}\n      key={month + '-' + year}\n    >\n      <div\n        style={{ top: headerTop }}\n        className={cx({\n          [styles.header()]: true,\n          [styles.headerSticky(theme)]: isHeaderSticky,\n        })}\n      >\n        <div style={{ borderBottomColor }} className={styles.monthTitle(theme)}>\n          <div data-tid={CalendarDataTids.headerMonth} className={styles.headerMonth(theme)}>\n            <DateSelect\n              disabled={monthSelectDisabled}\n              width={isMobile ? '6em' : 85}\n              type=\"month\"\n              value={month}\n              onValueChange={onMonthSelect}\n              ref={!monthSelectDisabled ? monthSelectRef : undefined}\n              minValue={getMinMonth(year, minDate)}\n              maxValue={getMaxMonth(year, maxDate)}\n            />\n          </div>\n          {isYearVisible && (\n            <div data-tid={CalendarDataTids.headerYear} className={styles.headerYear(theme)} style={{ top: yearTop }}>\n              <DateSelect\n                disabled={yearSelectDisabled}\n                width={isMobile ? '3.5em' : 50}\n                type=\"year\"\n                value={year}\n                minValue={minDate ? minDate.year : undefined}\n                maxValue={maxDate ? maxDate.year : undefined}\n                onValueChange={onYearSelect}\n                ref={!yearSelectDisabled ? yearSelectRef : undefined}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Calendar/MonthView.d.ts

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

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

@@ -1,42 +1,40 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    headerMonth: function headerMonth(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        padding: ", " 0 ", ";\n      "])), t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
-    },
-    headerYear: function headerYear(t) {
-      return emotion.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 emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        width: ", "px;\n      "])), width);
-    },
-    monthMobile: function monthMobile() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n      "])));
-    },
-    header: function header() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        position: relative;\n      "])));
-    },
-    headerSticky: function headerSticky(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        z-index: 2;\n      "])), t.calendarMonthHeaderStickedBgColor);
-    },
-    monthTitle: function monthTitle(t) {
-      return emotion.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 emotion.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 emotion.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 emotion.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 { 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    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","headerMonth","t","css","_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 { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    headerMonth(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n      `;\n    },\n\n    headerYear(t: Theme) {\n      return emotion.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 emotion.css`\n        position: absolute;\n        width: ${width}px;\n      `;\n    },\n\n    monthMobile() {\n      return emotion.css`\n        width: 100%;\n      `;\n    },\n\n    header() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    headerSticky(t: Theme) {\n      return emotion.css`\n        background-color: ${t.calendarMonthHeaderStickedBgColor};\n        z-index: 2;\n      `;\n    },\n\n    monthTitle(t: Theme) {\n      return emotion.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 emotion.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 emotion.css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n    },\n\n    nativeSelect() {\n      return emotion.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,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,WAAW,WAAAA,YAACC,CAAQ,EAAE;QACpB,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;QAELH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;MAEpF,CAAC;;MAEDC,UAAU,WAAAA,WAACN,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACG,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;QAILH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;MAEpF,CAAC;;MAEDG,KAAK,WAAAA,MAACR,CAAQ,EAAE;QACd,IAAMS,KAAK,GAAGC,QAAQ,CAACV,CAAC,CAACW,iBAAiB,CAAC,GAAG,CAAC;QAC/C,OAAOb,OAAO,CAACG,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;QAEPM,KAAK;;MAElB,CAAC;;MAEDI,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAOf,OAAO,CAACG,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;MAGpB,CAAC;;MAEDY,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOjB,OAAO,CAACG,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;MAGpB,CAAC;;MAEDc,YAAY,WAAAA,aAACjB,CAAQ,EAAE;QACrB,OAAOF,OAAO,CAACG,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;QACIH,CAAC,CAACmB,iCAAiC;;;MAG3D,CAAC;;MAEDC,UAAU,WAAAA,WAACpB,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACG,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;QACWH,CAAC,CAACsB,mCAAmC;QACjDtB,CAAC,CAACuB,oBAAoB;QACzBvB,CAAC,CAACwB,yBAAyB,EAAIxB,CAAC,CAACyB,8BAA8B;QAC5DzB,CAAC,CAAC0B,4BAA4B;;MAEjD,CAAC;;MAED;AACJ;AACA;AACA;MACIC,YAAY,WAAAA,aAAC3B,CAAQ,EAAE;QACrB,OAAOF,OAAO,CAACG,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;QACDH,CAAC,CAAC6B,sBAAsB;;;QAG9B7B,CAAC,CAAC8B,sBAAsB;;MAErC,CAAC;;MAEDC,WAAW,WAAAA,YAAC/B,CAAQ,EAAE;QACpB,OAAOF,OAAO,CAACG,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;QAKFH,CAAC,CAAC8B,sBAAsB;;;MAG1C,CAAC;;MAEDG,YAAY,WAAAA,aAAA,EAAG;QACb,OAAOnC,OAAO,CAACG,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;;;;;;;;;MAWpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","headerMonth","t","_templateObject","_taggedTemplateLiteralLoose","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","_templateObject2","month","width","parseInt","calendarCellWidth","_templateObject3","monthMobile","_templateObject4","header","_templateObject5","headerSticky","_templateObject6","calendarMonthHeaderStickedBgColor","monthTitle","_templateObject7","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","_templateObject8","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","_templateObject9","nativeSelect","_templateObject10"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACL,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;IAIGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;EAEpF,CAAC;;EAEDG,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;IAC/C,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;IAECM,KAAK;;EAElB,CAAC;;EAEDI,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ,CAAC;;EAEDc,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACYF,CAAC,CAACkB,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACmBF,CAAC,CAACqB,mCAAmC;IACjDrB,CAAC,CAACsB,oBAAoB;IACzBtB,CAAC,CAACuB,yBAAyB,EAAIvB,CAAC,CAACwB,8BAA8B;IAC5DxB,CAAC,CAACyB,4BAA4B;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACOF,CAAC,CAAC4B,sBAAsB;;;IAG5B5B,CAAC,CAAC6B,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9B,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;IAKQF,CAAC,CAAC6B,sBAAsB;;;EAG5C,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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 { 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","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":[]}

package/components/Calendar/MonthViewModel.d.ts

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

package/components/Calendar/config/config.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","getConfig","monthTitleLineHeight","monthTitlePaddingTop","monthTitlePaddingBottom","monthTitleMarginBottom","cellWidth","cellHeight","wrapperHeight","monthMarginBottom","maxMonthsToAppendOnScroll","calendarGridRowSpacing","monthTitleHeight","parseInt","DAY_WIDTH","DAY_HEIGHT","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL","CALENDAR_GRID_ROW_SPACING","themeConfig","t","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginBottom","calendarCellWidth","calendarCellHeight","calendarWrapperHeight","calendarMonthMarginBottom","calendarMaxMonthsToAppendOnScroll"],"sources":["config.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { memo } from '../../lib/memo';\n\nconst getConfig = memo(\n  (\n    monthTitleLineHeight: string,\n    monthTitlePaddingTop: string,\n    monthTitlePaddingBottom: string,\n    monthTitleMarginBottom: string,\n    cellWidth: string,\n    cellHeight: string,\n    wrapperHeight: string,\n    monthMarginBottom: string,\n    maxMonthsToAppendOnScroll: string,\n    calendarGridRowSpacing: string,\n  ) => {\n    const monthTitleHeight =\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\n    return {\n      DAY_WIDTH: parseInt(cellWidth),\n      DAY_HEIGHT: parseInt(cellHeight),\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\n      CALENDAR_GRID_ROW_SPACING: parseInt(calendarGridRowSpacing),\n    };\n  },\n);\n\nexport const themeConfig = (t: Theme) =>\n  getConfig(\n    t.calendarMonthTitleLineHeight,\n    t.calendarMonthTitlePaddingTop,\n    t.calendarMonthTitlePaddingBottom,\n    t.calendarMonthTitleMarginBottom,\n    t.calendarCellWidth,\n    t.calendarCellHeight,\n    t.calendarWrapperHeight,\n    t.calendarMonthMarginBottom,\n    t.calendarMaxMonthsToAppendOnScroll,\n    t.calendarGridRowSpacing,\n  );\n"],"mappings":";AACA,SAASA,IAAI,QAAQ,gBAAgB;;AAErC,IAAMC,SAAS,GAAGD,IAAI;EACpB;EACEE,oBAA4B;EAC5BC,oBAA4B;EAC5BC,uBAA+B;EAC/BC,sBAA8B;EAC9BC,SAAiB;EACjBC,UAAkB;EAClBC,aAAqB;EACrBC,iBAAyB;EACzBC,yBAAiC;EACjCC,sBAA8B;EAC3B;IACH,IAAMC,gBAAgB;IACpBC,QAAQ,CAACX,oBAAoB,CAAC,GAAGW,QAAQ,CAACV,oBAAoB,CAAC,GAAGU,QAAQ,CAACT,uBAAuB,CAAC;IACrG,OAAO;MACLU,SAAS,EAAED,QAAQ,CAACP,SAAS,CAAC;MAC9BS,UAAU,EAAEF,QAAQ,CAACN,UAAU,CAAC;MAChCS,kBAAkB,EAAEJ,gBAAgB;MACpCK,yBAAyB,EAAEL,gBAAgB,GAAGC,QAAQ,CAACR,sBAAsB,CAAC,GAAG,CAAC,EAAE;MACpFa,cAAc,EAAEL,QAAQ,CAACL,aAAa,CAAC;MACvCW,mBAAmB,EAAEN,QAAQ,CAACJ,iBAAiB,CAAC;MAChDW,8BAA8B,EAAEP,QAAQ,CAACH,yBAAyB,CAAC;MACnEW,yBAAyB,EAAER,QAAQ,CAACF,sBAAsB;IAC5D,CAAC;EACH;AACF,CAAC;;AAED,OAAO,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAQ;IAClCtB,SAAS;MACPsB,CAAC,CAACC,4BAA4B;MAC9BD,CAAC,CAACE,4BAA4B;MAC9BF,CAAC,CAACG,+BAA+B;MACjCH,CAAC,CAACI,8BAA8B;MAChCJ,CAAC,CAACK,iBAAiB;MACnBL,CAAC,CAACM,kBAAkB;MACpBN,CAAC,CAACO,qBAAqB;MACvBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,iCAAiC;MACnCT,CAAC,CAACZ;IACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","getConfig","monthTitleLineHeight","monthTitlePaddingTop","monthTitlePaddingBottom","monthTitleMarginBottom","cellWidth","cellHeight","wrapperHeight","monthMarginBottom","maxMonthsToAppendOnScroll","calendarGridRowSpacing","monthTitleHeight","parseInt","DAY_WIDTH","DAY_HEIGHT","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL","CALENDAR_GRID_ROW_SPACING","themeConfig","t","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginBottom","calendarCellWidth","calendarCellHeight","calendarWrapperHeight","calendarMonthMarginBottom","calendarMaxMonthsToAppendOnScroll"],"sources":["config.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { memo } from '../../lib/memo';\n\nconst getConfig = memo(\n  (\n    monthTitleLineHeight: string,\n    monthTitlePaddingTop: string,\n    monthTitlePaddingBottom: string,\n    monthTitleMarginBottom: string,\n    cellWidth: string,\n    cellHeight: string,\n    wrapperHeight: string,\n    monthMarginBottom: string,\n    maxMonthsToAppendOnScroll: string,\n    calendarGridRowSpacing: string,\n  ) => {\n    const monthTitleHeight =\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\n    return {\n      DAY_WIDTH: parseInt(cellWidth),\n      DAY_HEIGHT: parseInt(cellHeight),\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\n      CALENDAR_GRID_ROW_SPACING: parseInt(calendarGridRowSpacing),\n    };\n  },\n);\n\nexport const themeConfig = (t: Theme) =>\n  getConfig(\n    t.calendarMonthTitleLineHeight,\n    t.calendarMonthTitlePaddingTop,\n    t.calendarMonthTitlePaddingBottom,\n    t.calendarMonthTitleMarginBottom,\n    t.calendarCellWidth,\n    t.calendarCellHeight,\n    t.calendarWrapperHeight,\n    t.calendarMonthMarginBottom,\n    t.calendarMaxMonthsToAppendOnScroll,\n    t.calendarGridRowSpacing,\n  );\n"],"mappings":";AACA,SAASA,IAAI,QAAQ,gBAAgB;;AAErC,IAAMC,SAAS,GAAGD,IAAI;EACpB;EACEE,oBAA4B;EAC5BC,oBAA4B;EAC5BC,uBAA+B;EAC/BC,sBAA8B;EAC9BC,SAAiB;EACjBC,UAAkB;EAClBC,aAAqB;EACrBC,iBAAyB;EACzBC,yBAAiC;EACjCC,sBAA8B;EAC3B;IACH,IAAMC,gBAAgB;IACpBC,QAAQ,CAACX,oBAAoB,CAAC,GAAGW,QAAQ,CAACV,oBAAoB,CAAC,GAAGU,QAAQ,CAACT,uBAAuB,CAAC;IACrG,OAAO;MACLU,SAAS,EAAED,QAAQ,CAACP,SAAS,CAAC;MAC9BS,UAAU,EAAEF,QAAQ,CAACN,UAAU,CAAC;MAChCS,kBAAkB,EAAEJ,gBAAgB;MACpCK,yBAAyB,EAAEL,gBAAgB,GAAGC,QAAQ,CAACR,sBAAsB,CAAC,GAAG,CAAC,EAAE;MACpFa,cAAc,EAAEL,QAAQ,CAACL,aAAa,CAAC;MACvCW,mBAAmB,EAAEN,QAAQ,CAACJ,iBAAiB,CAAC;MAChDW,8BAA8B,EAAEP,QAAQ,CAACH,yBAAyB,CAAC;MACnEW,yBAAyB,EAAER,QAAQ,CAACF,sBAAsB;IAC5D,CAAC;EACH;AACF,CAAC;;AAED,OAAO,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAQ;IAClCtB,SAAS;MACPsB,CAAC,CAACC,4BAA4B;MAC9BD,CAAC,CAACE,4BAA4B;MAC9BF,CAAC,CAACG,+BAA+B;MACjCH,CAAC,CAACI,8BAA8B;MAChCJ,CAAC,CAACK,iBAAiB;MACnBL,CAAC,CAACM,kBAAkB;MACpBN,CAAC,CAACO,qBAAqB;MACvBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,iCAAiC;MACnCT,CAAC,CAACZ;IACJ,CAAC","ignoreList":[]}

package/components/Calendar/config.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => any;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => any;

package/components/Calendar/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Calendar';
-export * from './CalendarDateShape';
-export * from './CalendarDay';
+export * from './Calendar';
+export * from './CalendarDateShape';
+export * from './CalendarDay';

package/components/Calendar/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","CalendarLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { CalendarLocale } from './types';\n\nexport * from './types';\n\nexport const CalendarLocaleHelper = new LocaleHelper<CalendarLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,oBAAoB,GAAG,IAAIJ,YAAY,CAAiB;EACnEG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","CalendarLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { CalendarLocale } from './types';\n\nexport * from './types';\n\nexport const CalendarLocaleHelper = new LocaleHelper<CalendarLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,oBAAoB,GAAG,IAAIJ,YAAY,CAAiB;EACnEG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Calendar/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { CalendarLocale } from './types';
-export * from './types';
-export declare const CalendarLocaleHelper: LocaleHelper<CalendarLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { CalendarLocale } from './types';
+export * from './types';
+export declare const CalendarLocaleHelper: LocaleHelper<CalendarLocale>;

package/components/Calendar/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","months","dayCellChooseDateAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { CalendarLocale } from '../types';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  dayCellChooseDateAriaLabel: 'Choose date',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;EAC/CC,MAAM,EAAE;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,OAAO;EACP,KAAK;EACL,MAAM;EACN,MAAM;EACN,QAAQ;EACR,WAAW;EACX,SAAS;EACT,UAAU;EACV,UAAU,CACX;;EACDC,0BAA0B,EAAE;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","months","dayCellChooseDateAriaLabel"],"sources":["en.ts"],"sourcesContent":["import type { CalendarLocale } from '../types';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  dayCellChooseDateAriaLabel: 'Choose date',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;EAC/CC,MAAM,EAAE;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,OAAO;EACP,KAAK;EACL,MAAM;EACN,MAAM;EACN,QAAQ;EACR,WAAW;EACX,SAAS;EACT,UAAU;EACV,UAAU,CACX;;EACDC,0BAA0B,EAAE;AAC9B,CAAC","ignoreList":[]}

package/components/Calendar/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { CalendarLocale } from '../types';
-export declare const componentsLocales: CalendarLocale;
+import type { CalendarLocale } from '../types';
+export declare const componentsLocales: CalendarLocale;

package/components/Calendar/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","months","dayCellChooseDateAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { CalendarLocale } from '../types';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'Январь',\n    'Февраль',\n    'Март',\n    'Апрель',\n    'Май',\n    'Июнь',\n    'Июль',\n    'Август',\n    'Сентябрь',\n    'Октябрь',\n    'Ноябрь',\n    'Декабрь',\n  ],\n  dayCellChooseDateAriaLabel: 'Выбрать дату',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;EAC/CC,MAAM,EAAE;EACN,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,MAAM;EACN,MAAM;EACN,QAAQ;EACR,UAAU;EACV,SAAS;EACT,QAAQ;EACR,SAAS,CACV;;EACDC,0BAA0B,EAAE;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","months","dayCellChooseDateAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import type { CalendarLocale } from '../types';\n\nexport const componentsLocales: CalendarLocale = {\n  months: [\n    'Январь',\n    'Февраль',\n    'Март',\n    'Апрель',\n    'Май',\n    'Июнь',\n    'Июль',\n    'Август',\n    'Сентябрь',\n    'Октябрь',\n    'Ноябрь',\n    'Декабрь',\n  ],\n  dayCellChooseDateAriaLabel: 'Выбрать дату',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;EAC/CC,MAAM,EAAE;EACN,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,MAAM;EACN,MAAM;EACN,QAAQ;EACR,UAAU;EACV,SAAS;EACT,QAAQ;EACR,SAAS,CACV;;EACDC,0BAA0B,EAAE;AAC9B,CAAC","ignoreList":[]}

package/components/Calendar/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { CalendarLocale } from '../types';
-export declare const componentsLocales: CalendarLocale;
+import type { CalendarLocale } from '../types';
+export declare const componentsLocales: CalendarLocale;

package/components/Calendar/locale/types.d.ts

@@ -1,7 +1,7 @@
-export interface CalendarLocale {
-    months?: string[];
-    selectMonthAriaLabel?: string;
-    selectYearAriaLabel?: string;
-    selectChosenAriaLabel?: string;
-    dayCellChooseDateAriaLabel?: string;
-}
+export interface CalendarLocale {
+    months?: string[];
+    selectMonthAriaLabel?: string;
+    selectYearAriaLabel?: string;
+    selectChosenAriaLabel?: string;
+    dayCellChooseDateAriaLabel?: string;
+}

package/components/Center/Center/Center.js

@@ -5,16 +5,18 @@ 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 { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../Center.styles";
+import { styles } from "../Center.styles";
 export var CenterDataTids = {
   root: 'Center__root'
 };
 
 /**
- * Контейнер, который центрирует элементы внутри себя.
+ * `Center` — контейнер, который центрирует элементы внутри себя.
+ *
+ * Выравнивание задается пропом `align`.
  */
 export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$Component) {
   function Center() {
@@ -25,15 +27,14 @@ 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 _this$emotion$cx;
+      var _cx;
       var align = props.align,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var styles = _this.styles;
       return /*#__PURE__*/(
         React.createElement("div", _extends({
           "data-tid": CenterDataTids.root
         }, rest, {
-          className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.root()] = true, _this$emotion$cx[styles.rootAlignLeft()] = align === 'left', _this$emotion$cx[styles.rootAlignRight()] = align === 'right', _this$emotion$cx))
+          className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[styles.rootAlignRight()] = align === 'right', _cx))
         }), /*#__PURE__*/
 
         React.createElement("span", {
@@ -49,14 +50,9 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
   _inheritsLoose(Center, _React$Component);
   var _proto = Center.prototype;
   _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.getProps()), _this2.renderMain);
-    });
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.getProps()), this.renderMain);
   };
   return Center;
 }(React.Component), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = {

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

@@ -1 +1 @@
-{"version":3,"names":["React","CommonWrapper","rootNode","createPropsGetter","EmotionConsumer","getStyles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_this$emotion$cx","align","rest","_objectWithoutPropertiesLoose","_excluded","styles","createElement","_extends","className","emotion","cx","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","_this2","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 { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\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         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\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 * Контейнер, который центрирует элементы внутри себя.\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  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n    const styles = this.styles;\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={this.emotion.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,SAAsBC,aAAa,QAAgC,8BAA8B;AACjG,SAASC,QAAQ,QAAsB,oBAAoB;AAC3D,SAASC,iBAAiB,QAA0B,6BAA6B;AACjF,SAASC,eAAe,QAAQ,2BAA2B;;AAE3D,SAASC,SAAS,QAAQ,iBAAiB;;;;;;;;;;;;;;;;;;AAkB3C,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACaC,MAAM,GADlBN,QAAQ,CAAAO,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,GAAGnB,iBAAiB,CAACK,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;;;;;;IAqBjDY,UAAU,GAAG,UAACC,KAAqD,EAAK,KAAAC,gBAAA;MAC9E,IAAQC,KAAK,GAAcF,KAAK,CAAxBE,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;MAChC,IAAMC,MAAM,GAAGnB,KAAA,CAAKmB,MAAM;MAC1B;QACE/B,KAAA,CAAAgC,aAAA,QAAAC,QAAA;UACE,YAAU3B,cAAc,CAACC,IAAK;QAC1BqB,IAAI;UACRM,SAAS,EAAEtB,KAAA,CAAKuB,OAAO,CAACC,EAAE,EAAAV,gBAAA,OAAAA,gBAAA;UACvBK,MAAM,CAACxB,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAmB,gBAAA;UACpBK,MAAM,CAACM,aAAa,CAAC,CAAC,IAAGV,KAAK,KAAK,MAAM,EAAAD,gBAAA;UACzCK,MAAM,CAACO,cAAc,CAAC,CAAC,IAAGX,KAAK,KAAK,OAAO,EAAAD,gBAAA;UAC7C,CAAE;;QAEH1B,KAAA,CAAAgC,aAAA,WAAME,SAAS,EAAEH,MAAM,CAACQ,MAAM,CAAC,CAAE,EAAE,CAAC;QACpCvC,KAAA,CAAAgC,aAAA,WAAME,SAAS,EAAEH,MAAM,CAACS,SAAS,CAAC,CAAE,IAAE5B,KAAA,CAAKa,KAAK,CAACgB,QAAe;QAC7D,CAAC;;IAEV,CAAC,QAAA7B,KAAA,EAAA8B,cAAA,CAAAlC,MAAA,EAAAG,gBAAA,MAAAgC,MAAA,GAAAnC,MAAA,CAAAoC,SAAA,CAAAD,MAAA,CAhCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE9C,KAAA,CAAAgC,aAAA,CAAC5B,eAAe,QACb,UAAC+B,OAAO,EAAK,CACZW,MAAI,CAACX,OAAO,GAAGA,OAAO,CACtBW,MAAI,CAACf,MAAM,GAAG1B,SAAS,CAACyC,MAAI,CAACX,OAAO,CAAC,CACrC,oBACEnC,KAAA,CAAAgC,aAAA,CAAC/B,aAAa,EAAAgC,QAAA,GAACc,WAAW,EAAED,MAAI,CAACE,WAAY,IAAKF,MAAI,CAACxB,QAAQ,CAAC,CAAC,GAC9DwB,MAAI,CAACtB,UACO,CAAC,CAEpB,CACe,CAAC,CAEtB,CAAC,QAAAhB,MAAA,GA3ByBR,KAAK,CAACiD,SAAS,GAAAvC,OAAA,CAC3BwC,mBAAmB,GAAG,QAAQ,EAAAxC,OAAA,CAC9ByC,WAAW,GAAG,QAAQ,EAAAzC,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","_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 { 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  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;;;;;;;;;;;IAWjDY,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,GAjByBR,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":[]}