@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1 +1 @@
-{"version":3,"sources":["Calendar.tsx"],"names":["getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","wrapperStyle","height","config","WRAPPER_HEIGHT","Calendar","props","theme","wheelEndTimeout","root","animation","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","refRoot","jsStyles","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","emit","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_HEIGHT","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"mappings":"8mBAAA;AACA;;AAEA;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzB,MAAMC,IAAI,GAAG,IAAIC,IAAJ,EAAb;AACA,SAAO;AACLD,IAAAA,IAAI,EAAEA,IAAI,CAACE,OAAL,EADD;AAELC,IAAAA,KAAK,EAAEH,IAAI,CAACI,QAAL,EAFF;AAGLC,IAAAA,IAAI,EAAEL,IAAI,CAACM,WAAL,EAHD,EAAP;;AAKD,CAPD;;AASA,IAAMC,YAAY,GAAG,EAAEC,MAAM,EAAEC,eAAOC,cAAjB,EAArB,C;;AAEaC,Q;;;;;;;;;;;;;;;;;;;;;;AAsBX,oBAAYC,KAAZ,EAAkC;AAChC,wCAAMA,KAAN,UADgC,MAL1BC,KAK0B,gBAJ1BC,eAI0B,gBAH1BC,IAG0B,gBAF1BC,SAE0B,GAFd,2BAEc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC3BC,IAAAA,aAtC2B,gHAsCX,iBAAOd,KAAP,EAAsBE,IAAtB;AACjB,sBAAKW,SAAL,CAAeE,UAAf,EADiB;AAEnB,sBAAKF,SAAL,CAAeG,MAAf;AACA;AAHmB,yCAIb,IAAIC,OAAJ,CAAY,UAAAC,CAAC,UAAIC,UAAU,CAACD,CAAD,CAAd,EAAb,CAJa;;;AAOQ,sBAAKT,KAPb,EAObW,OAPa,eAObA,OAPa,EAOJC,OAPI,eAOJA,OAPI;;AASjBD,gBAAAA,OAAO,IAAI,kCAAUA,OAAV,EAAmB,+BAAO,EAAP,EAAWpB,KAAX,EAAkBE,IAAlB,CAAnB,CATM;AAUnB,sBAAKY,aAAL,CAAmBM,OAAO,CAACpB,KAA3B,EAAkCoB,OAAO,CAAClB,IAA1C,EAVmB;;;;AAcjBmB,gBAAAA,OAAO,IAAI,+BAAOA,OAAP,EAAgB,+BAAO,CAAP,EAAUrB,KAAV,EAAiBE,IAAjB,CAAhB,CAdM;AAenB,sBAAKY,aAAL,CAAmBO,OAAO,CAACrB,KAA3B,EAAkCqB,OAAO,CAACnB,IAA1C,EAfmB;;;;AAmBfoB,gBAAAA,YAnBe,GAmBA,MAAKC,KAAL,CAAWC,MAAX,CAAkB,CAAlB,CAnBA;AAoBfC,gBAAAA,YApBe,GAoBAH,YAAY,CAACtB,KAAb,GAAqBsB,YAAY,CAACpB,IAAb,GAAoB,EAAzC,GAA8CF,KAA9C,GAAsDE,IAAI,GAAG,EApB7D;;AAsBjBuB,gBAAAA,YAAY,KAAK,CAtBA;AAuBnB,sBAAKC,QAAL,CAAc,CAAd,EAvBmB;;;;AA2BfC,gBAAAA,cA3Be,GA2BErB,eAAOsB,8BA3BT;;AA6BfC,gBAAAA,KA7Be,GA6BP,SAARA,KAAQ;AACZ,0BAAKC,QAAL,CAAc;AACZN,sBAAAA,MAAM,EAAEO,aAAa,CAACC,SAAd,CAAwBhC,KAAxB,EAA+BE,IAA/B,CADI;AAEZ+B,sBAAAA,cAAc,EAAE,CAFJ,EAAd,CADY,GA7BO;;;AAmCfC,gBAAAA,aAnCe,GAmCC,SAAhBA,aAAgB,CAACX,KAAD;AACpBA,oBAAAA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBtB,IAAhB,KAAyBA,IAAzB;AACA;AACA;AACA;AACAiC,oBAAAA,IAAI,CAACC,GAAL,CAASX,YAAT,IAAyB,CALL,GAnCD;;AA0CrB;AACA;AACA,oBAAIA,YAAY,GAAG,CAAnB,EAAsB;AACdY,kBAAAA,oBADc,GACSF,IAAI,CAACG,GAAL,CAASH,IAAI,CAACC,GAAL,CAASX,YAAT,IAAyB,CAAlC,EAAqCE,cAArC,CADT;AAEdY,kBAAAA,eAFc,GAEIC,KAAK,CAACC,IAAN,CAAW,EAAEC,MAAM,EAAEL,oBAAV,EAAX,EAA6C,UAACM,CAAD,EAAIC,KAAJ;AACnEC,qDAAeC,MAAf,CAAsB9C,KAAK,GAAG4C,KAA9B,EAAqC1C,IAArC,CADmE,GAA7C,CAFJ;;AAKpB,wBAAK4B,QAAL;AACE,4BAAAP,KAAK,EAAI;AACP,wBAAMwB,WAAW,GAAGb,aAAa,CAACX,KAAD,CAAjC;AACA,wBAAIwB,WAAJ,EAAiB;AACf;AACA;AACAxB,sBAAAA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBwB,aAAhB,GAAgC,IAAhC;AACA,0BAAIT,eAAe,CAACG,MAApB,EAA4B;AAC1B;AACAH,wBAAAA,eAAe,CAACA,eAAe,CAACG,MAAhB,GAAyB,CAA1B,CAAf,CAA4CO,YAA5C,GAA2D,IAA3D;AACD;AACF;AACD,2BAAO;AACLzB,sBAAAA,MAAM,EAAEe,eAAe,CAACW,MAAhB,CAAuB3B,KAAK,CAACC,MAA7B,CADH;AAELS,sBAAAA,cAAc,EAAE,CAACF,aAAa,CAACoB,eAAd,CAA8BZ,eAA9B,CAFZ,EAAP;;AAID,mBAhBH;AAiBE,8BAAM;AACJ,wBAAMa,cAAc,GAAG,MAAK7B,KAAL,CAAWC,MAAX,CAAkB,CAAlB,EAAqBnB,MAA5C;AACA,0BAAKqB,QAAL,CAAc0B,cAAd,EAA8BvB,KAA9B;AACD,mBApBH;;AAsBD;;AAED;AACA;AACA,oBAAIJ,YAAY,GAAG,CAAnB,EAAsB;AACd4B,kBAAAA,mBADc,GACQlB,IAAI,CAACG,GAAL,CAASH,IAAI,CAACC,GAAL,CAASX,YAAT,CAAT,EAAiCE,cAAjC,CADR;AAEd2B,kBAAAA,cAFc,GAEGd,KAAK,CAACC,IAAN,CAAW,EAAEC,MAAM,EAAEW,mBAAV,EAAX,EAA4C,UAACV,CAAD,EAAIC,KAAJ;AACjEC,qDAAeC,MAAf,CAAsB9C,KAAK,GAAG4C,KAAR,GAAgBS,mBAAhB,GAAsC,CAA5D,EAA+DnD,IAA/D,CADiE,GAA5C,CAFH;;AAKpB,wBAAK4B,QAAL;AACE,4BAAAP,KAAK,EAAI;AACP,wBAAIW,aAAa,CAACX,KAAD,CAAjB,EAA0B;AACxB;AACA;AACAA,sBAAAA,KAAK,CAACC,MAAN,CAAaD,KAAK,CAACC,MAAN,CAAakB,MAAb,GAAsB,CAAnC,EAAsCO,YAAtC,GAAqD,IAArD;AACA;AACA,0BAAIK,cAAc,CAAC,CAAD,CAAlB,EAAuB;AACrBA,wBAAAA,cAAc,CAAC,CAAD,CAAd,CAAkBN,aAAlB,GAAkC,IAAlC;AACD;AACF;AACD,2BAAO,EAAExB,MAAM,EAAED,KAAK,CAACC,MAAN,CAAa0B,MAAb,CAAoBI,cAApB,CAAV,EAAP;AACD,mBAZH;AAaE,8BAAM;AACJ,wBAAMF,cAAc,GAAG,CAAC,CAAD,GAAKrB,aAAa,CAACoB,eAAd,CAA8B,MAAK5B,KAAL,CAAWC,MAAX,CAAkB+B,KAAlB,CAAwB,CAAxB,EAA2B,CAAC,CAA5B,CAA9B,CAA5B;AACA,0BAAK7B,QAAL,CAAc0B,cAAd,EAA8BvB,KAA9B;AACD,mBAhBH;;AAkBD,iBAlGoB,yDAtCW;;;AA2I1B2B,IAAAA,UA3I0B,GA2Ib,YAAM;AACzB,UAAMC,SAAS,GAAG,MAAKC,iBAAL,EAAlB;AACA;AACE,8CAAK,GAAG,EAAE,MAAKC,OAAf,EAAwB,SAAS,EAAEC,mBAAShD,IAAT,CAAc,MAAKF,KAAnB,CAAnC;AACE,8CAAK,KAAK,EAAEN,YAAZ,EAA0B,SAAS,EAAEwD,mBAASC,OAAT,EAArC;AACG,cAAKtC,KAAL,CAAWC,MAAX;AACEsC,QAAAA,GADF,CACgC,UAACC,CAAD,EAAIC,CAAJ,UAAU,CAACP,SAAS,CAACO,CAAD,CAAV,EAAeD,CAAf,CAAV,EADhC;AAEEE,QAAAA,MAFF,CAES,sBAAEC,GAAF,YAAOlE,KAAP,mBAAkB+B,aAAa,CAACoC,cAAd,CAA6BD,GAA7B,EAAkClE,KAAlC,CAAlB,EAFT;AAGE8D,QAAAA,GAHF,CAGM,MAAKM,WAHX,8CADH,CADF,CADF;;;;AAUD,KAvJiC;;AAyJ1BT,IAAAA,OAzJ0B,GAyJhB,UAACU,OAAD,EAAiC;AACjD,UAAI,CAAC,MAAKzD,IAAN,IAAcyD,OAAlB,EAA2B;AACzBA,QAAAA,OAAO,CAACC,gBAAR,CAAyB,OAAzB,EAAkC,MAAKC,WAAvC,EAAoD,EAAEC,OAAO,EAAE,KAAX,EAApD;AACD;AACD,UAAI,MAAK5D,IAAL,IAAa,CAACyD,OAAlB,EAA2B;AACzB,cAAKzD,IAAL,CAAU6D,mBAAV,CAA8B,OAA9B,EAAuC,MAAKF,WAA5C;AACD;AACD,YAAK3D,IAAL,GAAYyD,OAAZ;AACD,KAjKiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8L1BK,IAAAA,qBA9L0B,GA8LF,UAAC1E,KAAD,EAAgBE,IAAhB,EAAiC;AAC/D,YAAKY,aAAL,CAAmBd,KAAnB,EAA0BE,IAA1B;AACD,KAhMiC;;AAkM1BqE,IAAAA,WAlM0B,GAkMZ,UAACI,KAAD,EAAkB;AACtC,UAAI,EAAEA,KAAK,YAAYC,UAAnB,CAAJ,EAAoC;AAClC;AACD;AACDD,MAAAA,KAAK,CAACE,cAAN,GAJsC;AAKnB,oCAAeF,KAAf,CALmB,CAK9BG,MAL8B,mBAK9BA,MAL8B;;AAOtC,YAAKhD,QAAL,CAAc,iBAA8C,KAA3CN,MAA2C,SAA3CA,MAA2C,CAAnCS,cAAmC,SAAnCA,cAAmC,CAAnB8C,YAAmB,SAAnBA,YAAmB;AAC1D,YAAM3B,cAAc,GAAGrB,aAAa,CAACiD,uBAAd,CAAsCxD,MAAtC,EAA8CS,cAA9C,EAA8D6C,MAA9D,EAAsE7C,cAA7F;AACA,eAAO,EAAE8C,YAAY,EAAE3B,cAAhB,EAAP;AACD,OAHD,EAGG,MAAK6B,cAHR;;AAKA,YAAKpE,SAAL,CAAeqE,OAAf,CAAuBJ,MAAvB,EAA+B,UAAAK,MAAM;AACnC;AACA,gBAAKrD,QAAL,CAAcC,aAAa,CAACqD,UAAd,CAAyBD,MAAzB,CAAd,CAFmC,GAArC;;;AAKAE,MAAAA,oBAAoB,CAACC,IAArB;AACD,KApNiC;;AAsN1BL,IAAAA,cAtN0B,GAsNT,YAAM;AAC7B,UAAI,MAAKtE,eAAT,EAA0B;AACxB4E,QAAAA,YAAY,CAAC,MAAK5E,eAAN,CAAZ;AACD;AACD,YAAKA,eAAL,GAAuB6E,MAAM,CAACrE,UAAP,CAAkB,MAAKsE,mBAAvB,EAA4C,GAA5C,CAAvB;AACD,KA3NiC;;AA6N1BA,IAAAA,mBA7N0B,GA6NJ,YAAM;AACQ,YAAKlE,KADb,CAC1BwD,YAD0B,eAC1BA,YAD0B,CACZW,eADY,eACZA,eADY;;AAGlC,UAAMC,cAAc,GAAGrF,eAAOsF,yBAAP,GAAmCtF,eAAOuF,UAAjE;;AAEA,UAAId,YAAY,GAAGY,cAAnB,EAAmC;AACjC,YAAIvC,cAAc,GAAG,CAArB;AACA,YAAIsC,eAAe,GAAG,CAAtB,EAAyB;AACvBtC,UAAAA,cAAc,GAAGuC,cAAjB;AACD;;AAED,cAAK7D,QAAL,CAAc,EAAEiD,YAAY,EAAE3B,cAAhB,EAAd,EAAgD,YAAM;AACpD,cAAM0C,MAAM,GAAGf,YAAY,GAAG3B,cAA9B;AACA,gBAAKvC,SAAL,CAAeqE,OAAf,CAAuBY,MAAvB,EAA+B,UAAAX,MAAM;AACnC;AACA,oBAAKrD,QAAL,CAAcC,aAAa,CAACqD,UAAd,CAAyBD,MAAzB,CAAd,CAFmC,GAArC;;AAID,SAND;AAOD;AACF,KAhPiC;;AAkP1BzD,IAAAA,QAlP0B,GAkPf,UAACqE,GAAD,EAAclE,KAAd,EAAqC;AACtD,UAAMmE,aAAa,GAAGD,GAAG,GAAG,MAAKxE,KAAL,CAAWU,cAAvC;AACA,aAAO,MAAKgE,YAAL,CAAkBD,aAAlB,EAAiCnE,KAAjC,CAAP;AACD,KArPiC;;AAuP1BoE,IAAAA,YAvP0B,GAuPX,UAACD,aAAD,EAAwBnE,KAAxB,EAA+C;AACpE,aAAO,MAAKhB,SAAL,CAAeqE,OAAf;AACLc,MAAAA,aADK;AAEL,gBAAAb,MAAM;AACJ,gBAAKrD,QAAL,CAAc,sBAAGG,cAAH,SAAGA,cAAH,QAAyB;AACrCA,cAAAA,cAAc,EAAEA,cAAc,GAAGkD,MADI,EAAzB,EAAd,CADI,GAFD;;AAMLtD,MAAAA,KANK,CAAP;;AAQD,KAhQiC,CAGhC,IAAMqE,KAAK,GAAGtG,YAAY,EAA1B,CAEA,IAAMuG,YAAY,GAAG1F,KAAK,CAAC0F,YAAN,IAAsB,IAAtB,GAA6BD,KAAK,CAAClG,KAAnC,GAA2CS,KAAK,CAAC0F,YAAtE,CACA,IAAMC,WAAW,GAAG3F,KAAK,CAAC2F,WAAN,IAAqB,IAArB,GAA4BF,KAAK,CAAChG,IAAlC,GAAyCO,KAAK,CAAC2F,WAAnE,CAEA,MAAK7E,KAAL,GAAa,EACXU,cAAc,EAAE,CADL,EAEXT,MAAM,EAAEO,aAAa,CAACC,SAAd,CAAwBmE,YAAxB,EAAsCC,WAAtC,CAFG,EAGXF,KAAK,EAALA,KAHW,EAIXR,eAAe,EAAE,CAJN,EAKXX,YAAY,EAAE,CALH,EAAb,CARgC,aAejC,C,uCAEMsB,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKxF,SAAL,CAAeE,UAAf,EAAJ,EAAiC,CAC/B,KAAKF,SAAL,CAAeyF,MAAf,GACD,CACF,C,QAEMC,M,GAAP,kBAAgB,mBACd,OACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAA7F,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAAC8C,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,CAED;;;ktBAiIQY,W,GAAR,4BAA4D,KAAvCF,GAAuC,YAAlClE,KAAkC,YAC1D,OACE,6BAAC,YAAD,IACE,GAAG,EAAEA,KAAK,CAACA,KAAN,GAAc,GAAd,GAAoBA,KAAK,CAACE,IADjC,EAEE,GAAG,EAAEgE,GAFP,EAGE,KAAK,EAAElE,KAHT,EAIE,OAAO,EAAE,KAAKS,KAAL,CAAWY,OAJtB,EAKE,OAAO,EAAE,KAAKZ,KAAL,CAAWW,OALtB,EAME,KAAK,EAAE,KAAKG,KAAL,CAAW2E,KANpB,EAOE,KAAK,EAAE,KAAKzF,KAAL,CAAW+F,KAPpB,EAQE,WAAW,EAAE,KAAK/F,KAAL,CAAWgG,QAR1B,EASE,iBAAiB,EAAE,KAAK/B,qBAT1B,EAUE,SAAS,EAAE,KAAKjE,KAAL,CAAWiG,SAVxB,GADF,CAcD,C,QAEOhD,iB,GAAR,6BAA4B,oBACS,KAAKnC,KADd,CAClBU,cADkB,gBAClBA,cADkB,CACFT,MADE,gBACFA,MADE,CAE1B,IAAMiC,SAAS,GAAG,CAACxB,cAAc,GAAGT,MAAM,CAAC,CAAD,CAAN,CAAUnB,MAA5B,CAAlB,CACA,KAAK,IAAI2D,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGxC,MAAM,CAACkB,MAA3B,EAAmCsB,CAAC,EAApC,EAAwC,CACtC,IAAM2C,QAAQ,GAAGlD,SAAS,CAACO,CAAC,GAAG,CAAL,CAAT,GAAmBxC,MAAM,CAACwC,CAAC,GAAG,CAAL,CAAN,CAAc3D,MAAlD,CACAoD,SAAS,CAACmD,IAAV,CAAeD,QAAf,EACD,CACD,OAAOlD,SAAP,CACD,C,mBAlN2BoD,eAAMC,S,8BAAvBtG,Q,CACGuG,mB,GAAsB,U,CADzBvG,Q,CAGGwG,Y,GAAe,EAC3BC,QAAQ,EAAE,EADiB,EAE3B7F,OAAO,EAAE,EACPlB,IAAI,EAAEgH,mBADC,EAEPlH,KAAK,EAAEmH,oBAFA,EAGPtH,IAAI,EAAEuH,mBAHC,EAFkB,EAO3B/F,OAAO,EAAE,EACPnB,IAAI,EAAEmH,mBADC,EAEPrH,KAAK,EAAEsH,oBAFA,EAGPzH,IAAI,EAAE0H,mBAHC,EAPkB,E","sourcesContent":["import React from 'react';\r\nimport normalizeWheel from 'normalize-wheel';\r\n\r\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Animation } from '../../lib/animation';\r\n\r\nimport { config } from './config';\r\nimport * as CalendarUtils from './CalendarUtils';\r\nimport { MonthViewModel } from './MonthViewModel';\r\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\r\nimport { Month } from './Month';\r\nimport { jsStyles } from './Calendar.styles';\r\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\r\n\r\nexport interface CalendarProps {\r\n  initialMonth?: number;\r\n  initialYear?: number;\r\n  onSelect?: (date: CalendarDateShape) => void;\r\n  value?: Nullable<CalendarDateShape>;\r\n  maxDate?: CalendarDateShape;\r\n  minDate?: CalendarDateShape;\r\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\r\n}\r\n\r\nexport interface CalendarState {\r\n  scrollPosition: number;\r\n  months: MonthViewModel[];\r\n  today: CalendarDateShape;\r\n  scrollDirection: number;\r\n  scrollTarget: number;\r\n}\r\n\r\nconst getTodayDate = () => {\r\n  const date = new Date();\r\n  return {\r\n    date: date.getDate(),\r\n    month: date.getMonth(),\r\n    year: date.getFullYear(),\r\n  };\r\n};\r\n\r\nconst wrapperStyle = { height: config.WRAPPER_HEIGHT };\r\n\r\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\r\n  public static __KONTUR_REACT_UI__ = 'Calendar';\r\n\r\n  public static defaultProps = {\r\n    holidays: [],\r\n    minDate: {\r\n      year: MIN_YEAR,\r\n      month: MIN_MONTH,\r\n      date: MIN_DATE,\r\n    },\r\n    maxDate: {\r\n      year: MAX_YEAR,\r\n      month: MAX_MONTH,\r\n      date: MAX_DATE,\r\n    },\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private wheelEndTimeout: Nullable<number>;\r\n  private root: Nullable<HTMLElement>;\r\n  private animation = Animation();\r\n\r\n  constructor(props: CalendarProps) {\r\n    super(props);\r\n\r\n    const today = getTodayDate();\r\n\r\n    const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\r\n    const initialYear = props.initialYear == null ? today.year : props.initialYear;\r\n\r\n    this.state = {\r\n      scrollPosition: 0,\r\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\r\n      today,\r\n      scrollDirection: 1,\r\n      scrollTarget: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.animation.inProgress()) {\r\n      this.animation.cancel();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Scrolls calendar to given date\r\n   * @public\r\n   */\r\n  public scrollToMonth = async (month: number, year: number) => {\r\n    if (this.animation.inProgress()) {\r\n      this.animation.finish();\r\n      // FIXME: Dirty hack to await batched updates\r\n      await new Promise(r => setTimeout(r));\r\n    }\r\n\r\n    const { minDate, maxDate } = this.props;\r\n\r\n    if (minDate && isGreater(minDate, create(32, month, year))) {\r\n      this.scrollToMonth(minDate.month, minDate.year);\r\n      return;\r\n    }\r\n\r\n    if (maxDate && isLess(maxDate, create(0, month, year))) {\r\n      this.scrollToMonth(maxDate.month, maxDate.year);\r\n      return;\r\n    }\r\n\r\n    const currentMonth = this.state.months[1];\r\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;\r\n\r\n    if (diffInMonths === 0) {\r\n      this.scrollTo(0);\r\n      return;\r\n    }\r\n\r\n    const maxMonthsToAdd = config.MAX_MONTHS_TO_APPEND_ON_SCROLL;\r\n\r\n    const onEnd = () =>\r\n      this.setState({\r\n        months: CalendarUtils.getMonths(month, year),\r\n        scrollPosition: 0,\r\n      });\r\n\r\n    const isYearChanges = (state: CalendarState) =>\r\n      state.months[1].year !== year &&\r\n      // if diff in months is 2 or less,\r\n      // either year is not changing either months already\r\n      // have right isFirstInYear/isLastInYear flags\r\n      Math.abs(diffInMonths) > 2;\r\n\r\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\r\n    // and scroll to the first month\r\n    if (diffInMonths > 0) {\r\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\r\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\r\n        MonthViewModel.create(month + index, year),\r\n      );\r\n      this.setState(\r\n        state => {\r\n          const yearChanges = isYearChanges(state);\r\n          if (yearChanges) {\r\n            // Mutating here can lead to some unexpected bugs\r\n            // but we couldn't find any yet\r\n            state.months[0].isFirstInYear = true;\r\n            if (monthsToPrepend.length) {\r\n              // Mutating item here is safe as it was just created\r\n              monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\r\n            }\r\n          }\r\n          return {\r\n            months: monthsToPrepend.concat(state.months),\r\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend),\r\n          };\r\n        },\r\n        () => {\r\n          const targetPosition = this.state.months[0].height;\r\n          this.scrollTo(targetPosition, onEnd);\r\n        },\r\n      );\r\n    }\r\n\r\n    // If scrolling downwards, append maximum maxMonthsToAdd months\r\n    // and scroll to the last but one month\r\n    if (diffInMonths < 0) {\r\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\r\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\r\n        MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\r\n      );\r\n      this.setState(\r\n        state => {\r\n          if (isYearChanges(state)) {\r\n            // Mutating here can lead to some unexpected bugs\r\n            // but we couldn't find any yet\r\n            state.months[state.months.length - 1].isLastInYear = true;\r\n            // Mutating item here is safe as it was just created\r\n            if (monthsToAppend[0]) {\r\n              monthsToAppend[0].isFirstInYear = true;\r\n            }\r\n          }\r\n          return { months: state.months.concat(monthsToAppend) };\r\n        },\r\n        () => {\r\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2));\r\n          this.scrollTo(targetPosition, onEnd);\r\n        },\r\n      );\r\n    }\r\n  };\r\n\r\n  private renderMain = () => {\r\n    const positions = this.getMonthPositions();\r\n    return (\r\n      <div ref={this.refRoot} className={jsStyles.root(this.theme)}>\r\n        <div style={wrapperStyle} className={jsStyles.wrapper()}>\r\n          {this.state.months\r\n            .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\r\n            .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month))\r\n            .map(this.renderMonth, this)}\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  private refRoot = (element: HTMLElement | null) => {\r\n    if (!this.root && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.root && !element) {\r\n      this.root.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.root = element;\r\n  };\r\n\r\n  private renderMonth([top, month]: [number, MonthViewModel]) {\r\n    return (\r\n      <Month\r\n        key={month.month + '-' + month.year}\r\n        top={top}\r\n        month={month}\r\n        maxDate={this.props.maxDate}\r\n        minDate={this.props.minDate}\r\n        today={this.state.today}\r\n        value={this.props.value}\r\n        onDateClick={this.props.onSelect}\r\n        onMonthYearChange={this.handleMonthYearChange}\r\n        isHoliday={this.props.isHoliday}\r\n      />\r\n    );\r\n  }\r\n\r\n  private getMonthPositions() {\r\n    const { scrollPosition, months } = this.state;\r\n    const positions = [scrollPosition - months[0].height];\r\n    for (let i = 1; i < months.length; i++) {\r\n      const position = positions[i - 1] + months[i - 1].height;\r\n      positions.push(position);\r\n    }\r\n    return positions;\r\n  }\r\n\r\n  private handleMonthYearChange = (month: number, year: number) => {\r\n    this.scrollToMonth(month, year);\r\n  };\r\n\r\n  private handleWheel = (event: Event) => {\r\n    if (!(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    const { pixelY } = normalizeWheel(event);\r\n\r\n    this.setState(({ months, scrollPosition, scrollTarget }) => {\r\n      const targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY).scrollPosition;\r\n      return { scrollTarget: targetPosition };\r\n    }, this.handleWheelEnd);\r\n\r\n    this.animation.animate(pixelY, deltaY =>\r\n      // FIXME: Typescript not resolving setState cb type\r\n      this.setState(CalendarUtils.applyDelta(deltaY) as any),\r\n    );\r\n\r\n    CalendarScrollEvents.emit();\r\n  };\r\n\r\n  private handleWheelEnd = () => {\r\n    if (this.wheelEndTimeout) {\r\n      clearTimeout(this.wheelEndTimeout);\r\n    }\r\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\r\n  };\r\n\r\n  private scrollToNearestWeek = () => {\r\n    const { scrollTarget, scrollDirection } = this.state;\r\n\r\n    const trasholdHeight = config.MONTH_TITLE_OFFSET_HEIGHT + config.DAY_HEIGHT;\r\n\r\n    if (scrollTarget < trasholdHeight) {\r\n      let targetPosition = 0;\r\n      if (scrollDirection < 0) {\r\n        targetPosition = trasholdHeight;\r\n      }\r\n\r\n      this.setState({ scrollTarget: targetPosition }, () => {\r\n        const amount = scrollTarget - targetPosition;\r\n        this.animation.animate(amount, deltaY =>\r\n          // FIXME: Typescript not resolving setState cb type\r\n          this.setState(CalendarUtils.applyDelta(deltaY) as any),\r\n        );\r\n      });\r\n    }\r\n  };\r\n\r\n  private scrollTo = (pos: number, onEnd?: () => void) => {\r\n    const scrollAmmount = pos - this.state.scrollPosition;\r\n    return this.scrollAmount(scrollAmmount, onEnd);\r\n  };\r\n\r\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\r\n    return this.animation.animate(\r\n      scrollAmmount,\r\n      deltaY =>\r\n        this.setState(({ scrollPosition }) => ({\r\n          scrollPosition: scrollPosition + deltaY,\r\n        })),\r\n      onEnd,\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Calendar.tsx"],"names":["getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","animation","touchStartY","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","theme","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","styles","root","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","isMobile","addEventListener","handleTouchStart","throttledHandleTouchMove","handleWheel","passive","removeEventListener","handleMonthYearChange","executeAnimations","pixelY","calculateScrollPosition","scrollTarget","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","emit","event","TouchEvent","clientY","targetTouches","handleTouchMove","changedTouches","WheelEvent","preventDefault","wheelEndTimeout","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","touchStart","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"mappings":"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","sourcesContent":["import React from 'react';\nimport normalizeWheel from 'normalize-wheel';\nimport throttle from 'lodash.throttle';\n\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Animation } from '../../lib/animation';\nimport { isMobile } from '../../lib/client';\n\nimport { themeConfig } from './config';\nimport * as CalendarUtils from './CalendarUtils';\nimport { MonthViewModel } from './MonthViewModel';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { Month } from './Month';\nimport { styles } from './Calendar.styles';\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\n\nexport interface CalendarProps {\n  initialMonth?: number;\n  initialYear?: number;\n  onSelect?: (date: CalendarDateShape) => void;\n  value?: Nullable<CalendarDateShape>;\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  today: CalendarDateShape;\n  scrollDirection: number;\n  scrollTarget: number;\n  touchStart: number;\n}\n\nconst getTodayDate = () => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n\n  public static defaultProps = {\n    holidays: [],\n    minDate: {\n      year: MIN_YEAR,\n      month: MIN_MONTH,\n      date: MIN_DATE,\n    },\n    maxDate: {\n      year: MAX_YEAR,\n      month: MAX_MONTH,\n      date: MAX_DATE,\n    },\n  };\n\n  private theme!: Theme;\n  private wheelEndTimeout: Nullable<number>;\n  private root: Nullable<HTMLElement>;\n  private animation = Animation();\n  private touchStartY: Nullable<number> = null;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const today = getTodayDate();\n\n    const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\n    const initialYear = props.initialYear == null ? today.year : props.initialYear;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      today,\n      scrollDirection: 1,\n      scrollTarget: 0,\n      touchStart: 0,\n    };\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\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  /**\n   * Scrolls calendar to given date\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number) => {\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r));\n    }\n\n    const { minDate, maxDate } = this.props;\n\n    if (minDate && isGreater(minDate, create(32, month, year))) {\n      this.scrollToMonth(minDate.month, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, month, year))) {\n      this.scrollToMonth(maxDate.month, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;\n\n    if (diffInMonths === 0) {\n      this.scrollTo(0);\n      return;\n    }\n\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\n\n    const onEnd = () =>\n      this.setState({\n        months: CalendarUtils.getMonths(month, year),\n        scrollPosition: 0,\n      });\n\n    const isYearChanges = (state: CalendarState) =>\n      state.months[1].year !== year &&\n      // if diff in months is 2 or less,\n      // either year is not changing either months already\n      // have right isFirstInYear/isLastInYear flags\n      Math.abs(diffInMonths) > 2;\n\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\n    // and scroll to the first month\n    if (diffInMonths > 0) {\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\n        MonthViewModel.create(month + index, year),\n      );\n      this.setState(\n        (state) => {\n          const yearChanges = isYearChanges(state);\n          if (yearChanges) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[0].isFirstInYear = true;\n            if (monthsToPrepend.length) {\n              // Mutating item here is safe as it was just created\n              monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\n            }\n          }\n          return {\n            months: monthsToPrepend.concat(state.months),\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\n          };\n        },\n        () => {\n          const targetPosition = this.state.months[0].getHeight(this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n\n    // If scrolling downwards, append maximum maxMonthsToAdd months\n    // and scroll to the last but one month\n    if (diffInMonths < 0) {\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\n        MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\n      );\n      this.setState(\n        (state) => {\n          if (isYearChanges(state)) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[state.months.length - 1].isLastInYear = true;\n            // Mutating item here is safe as it was just created\n            if (monthsToAppend[0]) {\n              monthsToAppend[0].isFirstInYear = true;\n            }\n          }\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private renderMain = () => {\n    const positions = this.getMonthPositions();\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n    return (\n      <div ref={this.refRoot} className={styles.root(this.theme)} data-tid=\"Calendar\">\n        <div style={wrapperStyle} className={styles.wrapper()}>\n          {this.state.months\n            .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n            .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\n            .map(this.renderMonth, this)}\n        </div>\n      </div>\n    );\n  };\n\n  private refRoot = (element: HTMLElement | null) => {\n    if (!this.root && element) {\n      if (isMobile) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        element.addEventListener('wheel', this.handleWheel, { passive: false });\n      }\n    }\n    if (this.root && !element) {\n      if (isMobile) {\n        this.root.removeEventListener('touchstart', this.handleTouchStart);\n        this.root.removeEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        this.root.removeEventListener('wheel', this.handleWheel);\n      }\n    }\n    this.root = element;\n  };\n\n  private renderMonth([top, month]: [number, MonthViewModel]) {\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        maxDate={this.props.maxDate}\n        minDate={this.props.minDate}\n        today={this.state.today}\n        value={this.props.value}\n        onDateClick={this.props.onSelect}\n        onMonthYearChange={this.handleMonthYearChange}\n        isHoliday={this.props.isHoliday}\n      />\n    );\n  }\n\n  private getMonthPositions() {\n    const { scrollPosition, months } = this.state;\n\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private handleMonthYearChange = (month: number, year: number) => {\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) =>\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n    );\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\n\n    if (scrollTarget < trasholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = trasholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) =>\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n        );\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) =>\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        })),\n      onEnd,\n    );\n  };\n}\n"]}

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

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     wrapper(): string;
 };

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

@@ -1,24 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 14px;\n      overflow: hidden;\n      position: relative;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      color: ", ";\n      display: block;\n      padding: 0 15px;\n      width: 210px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    var width = parseInt(t.calendarCellSize) * 7;
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      color: ", ";\n      display: block;\n      padding: 0 ", ";\n      width: ", "px;\n      overflow: hidden;\n      touch-action: none;\n    "])),
 
-    t.textColorDefault);
+    t.textColorDefault,
 
+    t.calendarPaddingX,
+    width);
 
 
 
   },
 
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 14px;\n      position: relative;\n    "])));
 
 
 
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Calendar.styles.ts"],"names":["styles","root","t","css","textColorDefault","wrapper","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACE,gBAFb;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,qBAWH;AACR,eAAOF,YAAP;;;;;AAKD,GAjBY,EAAf;;;AAoBO,IAAMG,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      box-sizing: content-box;\r\n      color: ${t.textColorDefault};\r\n      display: block;\r\n      padding: 0 15px;\r\n      width: 210px;\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      font-size: 14px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Calendar.styles.ts"],"names":["styles","root","t","width","parseInt","calendarCellSize","css","textColorDefault","calendarPaddingX","wrapper"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,gBAAH,CAAR,GAA+B,CAA7C;AACA,eAAOC,YAAP;;AAEWJ,IAAAA,CAAC,CAACK,gBAFb;;AAIeL,IAAAA,CAAC,CAACM,gBAJjB;AAKWL,IAAAA,KALX;;;;AASD,GAZgC;;AAcjCM,EAAAA,OAdiC,qBAcvB;AACR,eAAOH,YAAP;;;;AAID,GAnBgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const width = parseInt(t.calendarCellSize) * 7;\n    return css`\n      box-sizing: content-box;\n      color: ${t.textColorDefault};\n      display: block;\n      padding: 0 ${t.calendarPaddingX};\n      width: ${width}px;\n      overflow: hidden;\n      touch-action: none;\n    `;\n  },\n\n  wrapper() {\n    return css`\n      font-size: 14px;\n      position: relative;\n    `;\n  },\n});\n"]}

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

@@ -5,7 +5,7 @@ export interface CalendarDateShape {
     date: number;
 }
 export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean | null | undefined;
-export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
+export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 1 | 0 | -1;
 export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
 export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
 export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | undefined;

package/cjs/internal/Calendar/CalendarDateShape.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.isBetween = exports.isGreaterOrEqual = exports.isGreater = exports.isLessOrEqual = exports.isLess = exports.create = exports.comparator = exports.isEqual = void 0;
+"use strict";exports.__esModule = true;exports.isLessOrEqual = exports.isLess = exports.isGreaterOrEqual = exports.isGreater = exports.isEqual = exports.isBetween = exports.create = exports.comparator = void 0;
 
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarDateShape.ts"],"names":["isEqual","a","b","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween"],"mappings":";;;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAiCC,CAAjC;AACpB,KAACD,CAAD,IAAM,CAACC,CAAR,IAAeD,CAAC,IAAIC,CAAL,IAAUD,CAAC,CAACE,IAAF,KAAWD,CAAC,CAACC,IAAvB,IAA+BF,CAAC,CAACG,KAAF,KAAYF,CAAC,CAACE,KAA7C,IAAsDH,CAAC,CAACI,IAAF,KAAWH,CAAC,CAACG,IAD7D,GAAhB,C;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACL,CAAD,EAAuBC,CAAvB,EAAgD;AACxE,MAAID,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AACnB,WAAO,CAAC,CAAR;AACD,GAFD,MAEO,IAAIF,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIF,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIH,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIH,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIJ,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD;AACD,SAAO,CAAP;AACD,CAfM,C;;AAiBA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACF,IAAD,EAAeD,KAAf,EAA8BD,IAA9B,UAAmE,EAAEE,IAAI,EAAJA,IAAF,EAAQD,KAAK,EAALA,KAAR,EAAeD,IAAI,EAAJA,IAAf,EAAnE,EAAf,C;;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAA0BC,KAA1B,UAAuDJ,UAAU,CAACG,IAAD,EAAOC,KAAP,CAAV,KAA4B,CAAC,CAApF,EAAf,C;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACF,IAAD,EAA0BC,KAA1B;AAC3BF,IAAAA,MAAM,CAACC,IAAD,EAAOC,KAAP,CAAN,IAAuBV,OAAO,CAACS,IAAD,EAAOC,KAAP,CADH,GAAtB,C;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAA0BC,KAA1B,UAAuD,CAACC,aAAa,CAACF,IAAD,EAAOC,KAAP,CAArE,EAAlB,C;;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD,EAA0BC,KAA1B,UAAuD,CAACF,MAAM,CAACC,IAAD,EAAOC,KAAP,CAA9D,EAAzB,C;;AAEA,IAAMI,SAAS,GAAG,SAAZA,SAAY;AACvBT,IADuB;AAEvBI,IAFuB;AAGvBC,KAHuB;AAIpB;AACH,MAAID,IAAI,IAAID,MAAM,CAACH,IAAD,EAAOI,IAAP,CAAlB,EAAgC;AAC9B,WAAO,KAAP;AACD;AACD,MAAIC,KAAK,IAAIE,SAAS,CAACP,IAAD,EAAOK,KAAP,CAAtB,EAAqC;AACnC,WAAO,KAAP;AACD;AACD,SAAO,IAAP;AACD,CAZM,C","sourcesContent":["import { Nullable } from '../../typings/utility-types';\r\n\r\nexport interface CalendarDateShape {\r\n  year: number;\r\n  month: number;\r\n  date: number;\r\n}\r\n\r\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\r\n  (!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date);\r\n\r\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\r\n  if (a.year < b.year) {\r\n    return -1;\r\n  } else if (a.year > b.year) {\r\n    return 1;\r\n  } else if (a.month < b.month) {\r\n    return -1;\r\n  } else if (a.month > b.month) {\r\n    return 1;\r\n  } else if (a.date < b.date) {\r\n    return -1;\r\n  } else if (a.date > b.date) {\r\n    return 1;\r\n  }\r\n  return 0;\r\n};\r\n\r\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\r\n\r\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\r\n\r\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\r\n  isLess(left, right) || isEqual(left, right);\r\n\r\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\r\n\r\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\r\n\r\nexport const isBetween = (\r\n  date: CalendarDateShape,\r\n  left?: Nullable<CalendarDateShape>,\r\n  right?: Nullable<CalendarDateShape>,\r\n) => {\r\n  if (left && isLess(date, left)) {\r\n    return false;\r\n  }\r\n  if (right && isGreater(date, right)) {\r\n    return false;\r\n  }\r\n  return true;\r\n};\r\n"]}
+{"version":3,"sources":["CalendarDateShape.ts"],"names":["isEqual","a","b","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween"],"mappings":";;;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAiCC,CAAjC;AACpB,KAACD,CAAD,IAAM,CAACC,CAAR,IAAeD,CAAC,IAAIC,CAAL,IAAUD,CAAC,CAACE,IAAF,KAAWD,CAAC,CAACC,IAAvB,IAA+BF,CAAC,CAACG,KAAF,KAAYF,CAAC,CAACE,KAA7C,IAAsDH,CAAC,CAACI,IAAF,KAAWH,CAAC,CAACG,IAD7D,GAAhB,C;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACL,CAAD,EAAuBC,CAAvB,EAAgD;AACxE,MAAID,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AACnB,WAAO,CAAC,CAAR;AACD,GAFD,MAEO,IAAIF,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIF,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIH,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIH,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIJ,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD;AACD,SAAO,CAAP;AACD,CAfM,C;;AAiBA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACF,IAAD,EAAeD,KAAf,EAA8BD,IAA9B,UAAmE,EAAEE,IAAI,EAAJA,IAAF,EAAQD,KAAK,EAALA,KAAR,EAAeD,IAAI,EAAJA,IAAf,EAAnE,EAAf,C;;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAA0BC,KAA1B,UAAuDJ,UAAU,CAACG,IAAD,EAAOC,KAAP,CAAV,KAA4B,CAAC,CAApF,EAAf,C;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACF,IAAD,EAA0BC,KAA1B;AAC3BF,IAAAA,MAAM,CAACC,IAAD,EAAOC,KAAP,CAAN,IAAuBV,OAAO,CAACS,IAAD,EAAOC,KAAP,CADH,GAAtB,C;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAA0BC,KAA1B,UAAuD,CAACC,aAAa,CAACF,IAAD,EAAOC,KAAP,CAArE,EAAlB,C;;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD,EAA0BC,KAA1B,UAAuD,CAACF,MAAM,CAACC,IAAD,EAAOC,KAAP,CAA9D,EAAzB,C;;AAEA,IAAMI,SAAS,GAAG,SAAZA,SAAY;AACvBT,IADuB;AAEvBI,IAFuB;AAGvBC,KAHuB;AAIpB;AACH,MAAID,IAAI,IAAID,MAAM,CAACH,IAAD,EAAOI,IAAP,CAAlB,EAAgC;AAC9B,WAAO,KAAP;AACD;AACD,MAAIC,KAAK,IAAIE,SAAS,CAACP,IAAD,EAAOK,KAAP,CAAtB,EAAqC;AACnC,WAAO,KAAP;AACD;AACD,SAAO,IAAP;AACD,CAZM,C","sourcesContent":["import { Nullable } from '../../typings/utility-types';\n\nexport interface CalendarDateShape {\n  year: number;\n  month: number;\n  date: number;\n}\n\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\n  (!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date);\n\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\n  if (a.year < b.year) {\n    return -1;\n  } else if (a.year > b.year) {\n    return 1;\n  } else if (a.month < b.month) {\n    return -1;\n  } else if (a.month > b.month) {\n    return 1;\n  } else if (a.date < b.date) {\n    return -1;\n  } else if (a.date > b.date) {\n    return 1;\n  }\n  return 0;\n};\n\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\n\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\n\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\n  isLess(left, right) || isEqual(left, right);\n\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\n\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\n\nexport const isBetween = (\n  date: CalendarDateShape,\n  left?: Nullable<CalendarDateShape>,\n  right?: Nullable<CalendarDateShape>,\n) => {\n  if (left && isLess(date, left)) {\n    return false;\n  }\n  if (right && isGreater(date, right)) {\n    return false;\n  }\n  return true;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarScrollEvents.ts"],"names":["emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"mappings":"kLAAA;;AAEA,IAAIA,YAAJ;AACA,SAASC,UAAT,GAAsB;AACpB,MAAI,CAACD,YAAL,EAAmB;AACjBA,IAAAA,YAAY,GAAG,IAAIE,qBAAJ,EAAf;AACD;AACD,SAAOF,YAAP;AACD;;AAEM,SAASG,WAAT,CAAqBC,QAArB,EAA2C;AAChD,MAAMC,OAAO,GAAGJ,UAAU,EAA1B;AACAI,EAAAA,OAAO,CAACF,WAAR,CAAoB,gBAApB,EAAsCC,QAAtC;AACA,SAAO;AACLE,IAAAA,MADK,oBACI;AACPD,MAAAA,OAAO,CAACE,cAAR,CAAuB,gBAAvB,EAAyCH,QAAzC;AACD,KAHI,EAAP;;AAKD;;AAEM,SAASI,IAAT,GAAgB;AACrBP,EAAAA,UAAU,GAAGO,IAAb,CAAkB,gBAAlB;AACD","sourcesContent":["import EventEmitter from 'eventemitter3';\r\n\r\nlet emitterCache: EventEmitter;\r\nfunction getEmitter() {\r\n  if (!emitterCache) {\r\n    emitterCache = new EventEmitter();\r\n  }\r\n  return emitterCache;\r\n}\r\n\r\nexport function addListener(callback: () => void) {\r\n  const emitter = getEmitter();\r\n  emitter.addListener('CalendarScroll', callback);\r\n  return {\r\n    remove() {\r\n      emitter.removeListener('CalendarScroll', callback);\r\n    },\r\n  };\r\n}\r\n\r\nexport function emit() {\r\n  getEmitter().emit('CalendarScroll');\r\n}\r\n"]}
+{"version":3,"sources":["CalendarScrollEvents.ts"],"names":["emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"mappings":"kLAAA;;AAEA,IAAIA,YAAJ;AACA,SAASC,UAAT,GAAsB;AACpB,MAAI,CAACD,YAAL,EAAmB;AACjBA,IAAAA,YAAY,GAAG,IAAIE,qBAAJ,EAAf;AACD;AACD,SAAOF,YAAP;AACD;;AAEM,SAASG,WAAT,CAAqBC,QAArB,EAA2C;AAChD,MAAMC,OAAO,GAAGJ,UAAU,EAA1B;AACAI,EAAAA,OAAO,CAACF,WAAR,CAAoB,gBAApB,EAAsCC,QAAtC;AACA,SAAO;AACLE,IAAAA,MADK,oBACI;AACPD,MAAAA,OAAO,CAACE,cAAR,CAAuB,gBAAvB,EAAyCH,QAAzC;AACD,KAHI,EAAP;;AAKD;;AAEM,SAASI,IAAT,GAAgB;AACrBP,EAAAA,UAAU,GAAGO,IAAb,CAAkB,gBAAlB;AACD","sourcesContent":["import EventEmitter from 'eventemitter3';\n\nlet emitterCache: EventEmitter;\nfunction getEmitter() {\n  if (!emitterCache) {\n    emitterCache = new EventEmitter();\n  }\n  return emitterCache;\n}\n\nexport function addListener(callback: () => void) {\n  const emitter = getEmitter();\n  emitter.addListener('CalendarScroll', callback);\n  return {\n    remove() {\n      emitter.removeListener('CalendarScroll', callback);\n    },\n  };\n}\n\nexport function emit() {\n  getEmitter().emit('CalendarScroll');\n}\n"]}

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

@@ -1,11 +1,12 @@
+import { Theme } from '../../lib/theming/Theme';
 import { MonthViewModel } from './MonthViewModel';
 import { CalendarProps, CalendarState } from './Calendar';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number) => {
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
     scrollPosition: number;
     months: MonthViewModel[];
     scrollDirection: number;
 };
-export declare const applyDelta: (deltaY: number) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
     scrollPosition: number;
     months: MonthViewModel[];
     scrollDirection: number;
@@ -13,6 +14,6 @@ export declare const applyDelta: (deltaY: number) => ({ scrollPosition, months }
     scrollPosition: number;
     scrollDirection: number;
 };
-export declare const isMonthVisible: (top: number, month: MonthViewModel) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[]) => number;
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
 export declare const getMonths: (month: number, year: number) => MonthViewModel[];

package/cjs/internal/Calendar/CalendarUtils.js

@@ -1,25 +1,32 @@
-"use strict";exports.__esModule = true;exports.getMonths = exports.getMonthsHeight = exports.isMonthVisible = exports.applyDelta = exports.calculateScrollPosition = void 0;var _config = require("./config");
+"use strict";exports.__esModule = true;exports.isMonthVisible = exports.getMonthsHeight = exports.getMonths = exports.calculateScrollPosition = exports.applyDelta = void 0;
+
+var _config = require("./config");
 var _MonthViewModel = require("./MonthViewModel");
 
 
-var calculateScrollPosition = function calculateScrollPosition(months, scrollPosition, deltaY) {
+var calculateScrollPosition = function calculateScrollPosition(
+months,
+scrollPosition,
+deltaY,
+theme)
+{
   var scrollDirection = deltaY > 0 ? 1 : -1;
 
   var nextScrollPosition = scrollPosition - deltaY;
   var nextMonths = months;
 
   var firstMonth = months[0];
-  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.height) {
+  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.getHeight(theme)) {
     do {
-      nextScrollPosition -= nextMonths[0].height;
+      nextScrollPosition -= nextMonths[0].getHeight(theme);
       nextMonths = getMonths(firstMonth.month, firstMonth.year);
-    } while (nextScrollPosition >= nextMonths[0].height);
+    } while (nextScrollPosition >= nextMonths[0].getHeight(theme));
   }
 
   var lastMonth = months[months.length - 1];
   if (scrollDirection > 0 && nextScrollPosition < 0) {
     do {
-      nextScrollPosition += nextMonths[1].height;
+      nextScrollPosition += nextMonths[1].getHeight(theme);
       nextMonths = getMonths(lastMonth.month, lastMonth.year);
     } while (nextScrollPosition < 0);
   }
@@ -31,33 +38,33 @@ var calculateScrollPosition = function calculateScrollPosition(months, scrollPos
 
 };exports.calculateScrollPosition = calculateScrollPosition;
 
-var applyDelta = function applyDelta(deltaY) {return function (_ref, _ref2)
-
-
-  {var scrollPosition = _ref.scrollPosition,months = _ref.months;var minDate = _ref2.minDate,maxDate = _ref2.maxDate;
-    var scrollDirection = deltaY > 0 ? 1 : -1;
-    var isMinDateExceeded =
-    minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;
+var applyDelta =
+function applyDelta(deltaY, theme) {return (
+    function (_ref, _ref2) {var scrollPosition = _ref.scrollPosition,months = _ref.months;var minDate = _ref2.minDate,maxDate = _ref2.maxDate;
+      var scrollDirection = deltaY > 0 ? 1 : -1;
+      var isMinDateExceeded =
+      minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;
 
-    var isMaxDateExceeded =
-    maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;
+      var isMaxDateExceeded =
+      maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;
 
-    if (isMinDateExceeded) {
-      return { scrollPosition: 0, scrollDirection: scrollDirection };
-    }
+      if (isMinDateExceeded) {
+        return { scrollPosition: 0, scrollDirection: scrollDirection };
+      }
 
-    if (isMaxDateExceeded) {
-      return { scrollPosition: months[2].height, scrollDirection: scrollDirection };
-    }
+      if (isMaxDateExceeded) {
+        return { scrollPosition: months[2].getHeight(theme), scrollDirection: scrollDirection };
+      }
 
-    return calculateScrollPosition(months, scrollPosition, deltaY);
-  };};exports.applyDelta = applyDelta;
+      return calculateScrollPosition(months, scrollPosition, deltaY, theme);
+    });};exports.applyDelta = applyDelta;
 
-var isMonthVisible = function isMonthVisible(top, month) {
-  return top < _config.config.WRAPPER_HEIGHT && top > -month.height;
+var isMonthVisible = function isMonthVisible(top, month, theme) {
+  return top < (0, _config.themeConfig)(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);
 };exports.isMonthVisible = isMonthVisible;
 
-var getMonthsHeight = function getMonthsHeight(months) {return months.reduce(function (a, b) {return a + b.height;}, 0);};exports.getMonthsHeight = getMonthsHeight;
+var getMonthsHeight = function getMonthsHeight(months, theme) {return (
+    months.reduce(function (a, b) {return a + b.getHeight(theme);}, 0));};exports.getMonthsHeight = getMonthsHeight;
 
 var getMonths = function getMonths(month, year) {
   return [-1, 0, 1].map(function (x) {return _MonthViewModel.MonthViewModel.create(month + x, year);});

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarUtils.ts"],"names":["calculateScrollPosition","months","scrollPosition","deltaY","scrollDirection","nextScrollPosition","nextMonths","firstMonth","height","getMonths","month","year","lastMonth","length","applyDelta","minDate","maxDate","isMinDateExceeded","isMaxDateExceeded","isMonthVisible","top","config","WRAPPER_HEIGHT","getMonthsHeight","reduce","a","b","map","x","MonthViewModel","create"],"mappings":"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","sourcesContent":["import { config } from './config';\r\nimport { MonthViewModel } from './MonthViewModel';\r\nimport { CalendarProps, CalendarState } from './Calendar';\r\n\r\nexport const calculateScrollPosition = (months: MonthViewModel[], scrollPosition: number, deltaY: number) => {\r\n  const scrollDirection = deltaY > 0 ? 1 : -1;\r\n\r\n  let nextScrollPosition = scrollPosition - deltaY;\r\n  let nextMonths = months;\r\n\r\n  const firstMonth = months[0];\r\n  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.height) {\r\n    do {\r\n      nextScrollPosition -= nextMonths[0].height;\r\n      nextMonths = getMonths(firstMonth.month, firstMonth.year);\r\n    } while (nextScrollPosition >= nextMonths[0].height);\r\n  }\r\n\r\n  const lastMonth = months[months.length - 1];\r\n  if (scrollDirection > 0 && nextScrollPosition < 0) {\r\n    do {\r\n      nextScrollPosition += nextMonths[1].height;\r\n      nextMonths = getMonths(lastMonth.month, lastMonth.year);\r\n    } while (nextScrollPosition < 0);\r\n  }\r\n\r\n  return {\r\n    scrollPosition: nextScrollPosition,\r\n    months: nextMonths,\r\n    scrollDirection,\r\n  };\r\n};\r\n\r\nexport const applyDelta = (deltaY: number) => (\r\n  { scrollPosition, months }: Readonly<CalendarState>,\r\n  { minDate, maxDate }: CalendarProps,\r\n) => {\r\n  const scrollDirection = deltaY > 0 ? 1 : -1;\r\n  const isMinDateExceeded =\r\n    minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;\r\n\r\n  const isMaxDateExceeded =\r\n    maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;\r\n\r\n  if (isMinDateExceeded) {\r\n    return { scrollPosition: 0, scrollDirection };\r\n  }\r\n\r\n  if (isMaxDateExceeded) {\r\n    return { scrollPosition: months[2].height, scrollDirection };\r\n  }\r\n\r\n  return calculateScrollPosition(months, scrollPosition, deltaY);\r\n};\r\n\r\nexport const isMonthVisible = (top: number, month: MonthViewModel) => {\r\n  return top < config.WRAPPER_HEIGHT && top > -month.height;\r\n};\r\n\r\nexport const getMonthsHeight = (months: MonthViewModel[]) => months.reduce((a, b) => a + b.height, 0);\r\n\r\nexport const getMonths = (month: number, year: number): MonthViewModel[] => {\r\n  return [-1, 0, 1].map(x => MonthViewModel.create(month + x, year));\r\n};\r\n"]}
+{"version":3,"sources":["CalendarUtils.ts"],"names":["calculateScrollPosition","months","scrollPosition","deltaY","theme","scrollDirection","nextScrollPosition","nextMonths","firstMonth","getHeight","getMonths","month","year","lastMonth","length","applyDelta","minDate","maxDate","isMinDateExceeded","isMaxDateExceeded","isMonthVisible","top","WRAPPER_HEIGHT","getMonthsHeight","reduce","a","b","map","x","MonthViewModel","create"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nimport { themeConfig } from './config';\nimport { MonthViewModel } from './MonthViewModel';\nimport { CalendarProps, CalendarState } from './Calendar';\n\nexport const calculateScrollPosition = (\n  months: MonthViewModel[],\n  scrollPosition: number,\n  deltaY: number,\n  theme: Theme,\n) => {\n  const scrollDirection = deltaY > 0 ? 1 : -1;\n\n  let nextScrollPosition = scrollPosition - deltaY;\n  let nextMonths = months;\n\n  const firstMonth = months[0];\n  if (scrollDirection < 0 && nextScrollPosition >= firstMonth.getHeight(theme)) {\n    do {\n      nextScrollPosition -= nextMonths[0].getHeight(theme);\n      nextMonths = getMonths(firstMonth.month, firstMonth.year);\n    } while (nextScrollPosition >= nextMonths[0].getHeight(theme));\n  }\n\n  const lastMonth = months[months.length - 1];\n  if (scrollDirection > 0 && nextScrollPosition < 0) {\n    do {\n      nextScrollPosition += nextMonths[1].getHeight(theme);\n      nextMonths = getMonths(lastMonth.month, lastMonth.year);\n    } while (nextScrollPosition < 0);\n  }\n\n  return {\n    scrollPosition: nextScrollPosition,\n    months: nextMonths,\n    scrollDirection,\n  };\n};\n\nexport const applyDelta =\n  (deltaY: number, theme: Theme) =>\n  ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {\n    const scrollDirection = deltaY > 0 ? 1 : -1;\n    const isMinDateExceeded =\n      minDate && scrollDirection < 0 && minDate.year * 12 + minDate.month > months[0].year * 12 + months[0].month;\n\n    const isMaxDateExceeded =\n      maxDate && scrollDirection > 0 && maxDate.year * 12 + maxDate.month < months[1].year * 12 + months[1].month;\n\n    if (isMinDateExceeded) {\n      return { scrollPosition: 0, scrollDirection };\n    }\n\n    if (isMaxDateExceeded) {\n      return { scrollPosition: months[2].getHeight(theme), scrollDirection };\n    }\n\n    return calculateScrollPosition(months, scrollPosition, deltaY, theme);\n  };\n\nexport const isMonthVisible = (top: number, month: MonthViewModel, theme: Theme) => {\n  return top < themeConfig(theme).WRAPPER_HEIGHT && top > -month.getHeight(theme);\n};\n\nexport const getMonthsHeight = (months: MonthViewModel[], theme: Theme) =>\n  months.reduce((a, b) => a + b.getHeight(theme), 0);\n\nexport const getMonths = (month: number, year: number): MonthViewModel[] => {\n  return [-1, 0, 1].map((x) => MonthViewModel.create(month + x, year));\n};\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Nullable } from '../../typings/utility-types';
 import * as CDS from './CalendarDateShape';
 interface DayCellViewProps {

package/cjs/internal/Calendar/DayCellView.js

@@ -1,12 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.DayCellView = DayCellView;var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";exports.__esModule = true;exports.DayCellView = DayCellView;var _react = _interopRequireWildcard(require("react"));
 
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var CDS = _interopRequireWildcard(require("./CalendarDateShape"));
-var _config = require("./config");
-var _DayCellView = require("./DayCellView.styles");
+var _DayCellView = require("./DayCellView.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 
 
@@ -18,34 +17,24 @@ var _DayCellView = require("./DayCellView.styles");
 
 
 
-var size = _config.config.DAY_HEIGHT;
-
-var cellStyle = {
-  width: size,
-  height: size,
-  lineHeight: size - 2 + 'px',
-  borderRadius: size / 2 };
-
-
-function DayCellView(props) {var _cn;var
-  date = props.date,minDate = props.minDate,maxDate = props.maxDate,today = props.today,value = props.value,isWeekend = props.isWeekend,onDateClick = props.onDateClick;
+function DayCellView(props) {var _cx;
+  var date = props.date,minDate = props.minDate,maxDate = props.maxDate,today = props.today,value = props.value,isWeekend = props.isWeekend,onDateClick = props.onDateClick;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-  var handleClick = function handleClick() {var _props$date =
-    props.date,date = _props$date.date,month = _props$date.month,year = _props$date.year;
+  var handleClick = function handleClick() {
+    var _props$date = props.date,date = _props$date.date,month = _props$date.month,year = _props$date.year;
     onDateClick == null ? void 0 : onDateClick({ date: date, month: month, year: year });
   };
 
-  return (
+  return /*#__PURE__*/(
     _react.default.createElement("button", {
-      style: cellStyle,
       tabIndex: -1,
       disabled: !CDS.isBetween(date, minDate, maxDate),
-      className: (0, _classnames.default)((_cn = {}, _cn[
-      _DayCellView.jsStyles.cell(theme)] = true, _cn[
-      _DayCellView.jsStyles.today(theme)] = Boolean(today && CDS.isEqual(date, today)), _cn[
-      _DayCellView.jsStyles.selected(theme)] = Boolean(value && CDS.isEqual(date, value)), _cn[
-      _DayCellView.jsStyles.weekend(theme)] = Boolean(isWeekend), _cn)),
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _DayCellView.styles.cell(theme)] = true, _cx[
+      _DayCellView.styles.today(theme)] = Boolean(today && CDS.isEqual(date, today)), _cx[
+      _DayCellView.styles.selected(theme)] = Boolean(value && CDS.isEqual(date, value)), _cx[
+      _DayCellView.styles.weekend(theme)] = Boolean(isWeekend), _cx)),
 
       onClick: handleClick },
 

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.tsx"],"names":["size","config","DAY_HEIGHT","cellStyle","width","height","lineHeight","borderRadius","DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","ThemeContext","handleClick","month","year","CDS","isBetween","jsStyles","cell","Boolean","isEqual","selected","weekend"],"mappings":"qPAAA;AACA;;;AAGA;;AAEA;AACA;AACA;;;;;;;;;;;;AAYA,IAAMA,IAAI,GAAGC,eAAOC,UAApB;;AAEA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAEJ,IADS;AAEhBK,EAAAA,MAAM,EAAEL,IAFQ;AAGhBM,EAAAA,UAAU,EAAEN,IAAI,GAAG,CAAP,GAAW,IAHP;AAIhBO,EAAAA,YAAY,EAAEP,IAAI,GAAG,CAJL,EAAlB;;;AAOO,SAASQ,WAAT,CAAqBC,KAArB,EAA8C;AAC3CC,EAAAA,IAD2C,GACsBD,KADtB,CAC3CC,IAD2C,CACrCC,OADqC,GACsBF,KADtB,CACrCE,OADqC,CAC5BC,OAD4B,GACsBH,KADtB,CAC5BG,OAD4B,CACnBC,KADmB,GACsBJ,KADtB,CACnBI,KADmB,CACZC,KADY,GACsBL,KADtB,CACZK,KADY,CACLC,SADK,GACsBN,KADtB,CACLM,SADK,CACMC,WADN,GACsBP,KADtB,CACMO,WADN;AAEnD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACMV,IAAAA,KAAK,CAACC,IADZ,CAChBA,IADgB,eAChBA,IADgB,CACVU,KADU,eACVA,KADU,CACHC,IADG,eACHA,IADG;AAExBL,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAG,EAAEN,IAAI,EAAJA,IAAF,EAAQU,KAAK,EAALA,KAAR,EAAeC,IAAI,EAAJA,IAAf,EAAH,CAAX;AACD,GAHD;;AAKA;AACE;AACE,MAAA,KAAK,EAAElB,SADT;AAEE,MAAA,QAAQ,EAAE,CAAC,CAFb;AAGE,MAAA,QAAQ,EAAE,CAACmB,GAAG,CAACC,SAAJ,CAAcb,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAHb;AAIE,MAAA,SAAS,EAAE;AACRY,4BAASC,IAAT,CAAcR,KAAd,CADQ,IACe,IADf;AAERO,4BAASX,KAAT,CAAeI,KAAf,CAFQ,IAEgBS,OAAO,CAACb,KAAK,IAAIS,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBG,KAAlB,CAAV,CAFvB;AAGRW,4BAASI,QAAT,CAAkBX,KAAlB,CAHQ,IAGmBS,OAAO,CAACZ,KAAK,IAAIQ,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBI,KAAlB,CAAV,CAH1B;AAIRU,4BAASK,OAAT,CAAiBZ,KAAjB,CAJQ,IAIkBS,OAAO,CAACX,SAAD,CAJzB,OAJb;;AAUE,MAAA,OAAO,EAAEI,WAVX;;AAYGT,IAAAA,IAAI,CAACA,IAZR,CADF;;;AAgBD","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport * as CDS from './CalendarDateShape';\r\nimport { config } from './config';\r\nimport { jsStyles } from './DayCellView.styles';\r\n\r\ninterface DayCellViewProps {\r\n  date: CDS.CalendarDateShape;\r\n  today?: CDS.CalendarDateShape;\r\n  value?: Nullable<CDS.CalendarDateShape>;\r\n  minDate?: CDS.CalendarDateShape;\r\n  maxDate?: CDS.CalendarDateShape;\r\n  onDateClick?: (day: CDS.CalendarDateShape) => void;\r\n  isWeekend?: boolean;\r\n}\r\n\r\nconst size = config.DAY_HEIGHT;\r\n\r\nconst cellStyle = {\r\n  width: size,\r\n  height: size,\r\n  lineHeight: size - 2 + 'px',\r\n  borderRadius: size / 2,\r\n};\r\n\r\nexport function DayCellView(props: DayCellViewProps) {\r\n  const { date, minDate, maxDate, today, value, isWeekend, onDateClick } = props;\r\n  const theme = useContext(ThemeContext);\r\n\r\n  const handleClick = () => {\r\n    const { date, month, year } = props.date;\r\n    onDateClick?.({ date, month, year });\r\n  };\r\n\r\n  return (\r\n    <button\r\n      style={cellStyle}\r\n      tabIndex={-1}\r\n      disabled={!CDS.isBetween(date, minDate, maxDate)}\r\n      className={cn({\r\n        [jsStyles.cell(theme)]: true,\r\n        [jsStyles.today(theme)]: Boolean(today && CDS.isEqual(date, today)),\r\n        [jsStyles.selected(theme)]: Boolean(value && CDS.isEqual(date, value)),\r\n        [jsStyles.weekend(theme)]: Boolean(isWeekend),\r\n      })}\r\n      onClick={handleClick}\r\n    >\r\n      {date.date}\r\n    </button>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["DayCellView.tsx"],"names":["DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","ThemeContext","handleClick","month","year","CDS","isBetween","styles","cell","Boolean","isEqual","selected","weekend"],"mappings":"yEAAA;;;AAGA;AACA;;AAEA;AACA,mD;;;;;;;;;;;;AAYO,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACnD,MAAQC,IAAR,GAAyED,KAAzE,CAAQC,IAAR,CAAcC,OAAd,GAAyEF,KAAzE,CAAcE,OAAd,CAAuBC,OAAvB,GAAyEH,KAAzE,CAAuBG,OAAvB,CAAgCC,KAAhC,GAAyEJ,KAAzE,CAAgCI,KAAhC,CAAuCC,KAAvC,GAAyEL,KAAzE,CAAuCK,KAAvC,CAA8CC,SAA9C,GAAyEN,KAAzE,CAA8CM,SAA9C,CAAyDC,WAAzD,GAAyEP,KAAzE,CAAyDO,WAAzD;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,sBAA8BV,KAAK,CAACC,IAApC,CAAQA,IAAR,eAAQA,IAAR,CAAcU,KAAd,eAAcA,KAAd,CAAqBC,IAArB,eAAqBA,IAArB;AACAL,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAG,EAAEN,IAAI,EAAJA,IAAF,EAAQU,KAAK,EAALA,KAAR,EAAeC,IAAI,EAAJA,IAAf,EAAH,CAAX;AACD,GAHD;;AAKA;AACE;AACE,MAAA,QAAQ,EAAE,CAAC,CADb;AAEE,MAAA,QAAQ,EAAE,CAACC,GAAG,CAACC,SAAJ,CAAcb,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAFb;AAGE,MAAA,SAAS,EAAE;AACRY,0BAAOC,IAAP,CAAYR,KAAZ,CADQ,IACa,IADb;AAERO,0BAAOX,KAAP,CAAaI,KAAb,CAFQ,IAEcS,OAAO,CAACb,KAAK,IAAIS,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBG,KAAlB,CAAV,CAFrB;AAGRW,0BAAOI,QAAP,CAAgBX,KAAhB,CAHQ,IAGiBS,OAAO,CAACZ,KAAK,IAAIQ,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBI,KAAlB,CAAV,CAHxB;AAIRU,0BAAOK,OAAP,CAAeZ,KAAf,CAJQ,IAIgBS,OAAO,CAACX,SAAD,CAJvB,OAHb;;AASE,MAAA,OAAO,EAAEI,WATX;;AAWGT,IAAAA,IAAI,CAACA,IAXR,CADF;;;AAeD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport * as CDS from './CalendarDateShape';\nimport { styles } from './DayCellView.styles';\n\ninterface DayCellViewProps {\n  date: CDS.CalendarDateShape;\n  today?: CDS.CalendarDateShape;\n  value?: Nullable<CDS.CalendarDateShape>;\n  minDate?: CDS.CalendarDateShape;\n  maxDate?: CDS.CalendarDateShape;\n  onDateClick?: (day: CDS.CalendarDateShape) => void;\n  isWeekend?: boolean;\n}\n\nexport function DayCellView(props: DayCellViewProps) {\n  const { date, minDate, maxDate, today, value, isWeekend, onDateClick } = props;\n  const theme = useContext(ThemeContext);\n\n  const handleClick = () => {\n    const { date, month, year } = props.date;\n    onDateClick?.({ date, month, year });\n  };\n\n  return (\n    <button\n      tabIndex={-1}\n      disabled={!CDS.isBetween(date, minDate, maxDate)}\n      className={cx({\n        [styles.cell(theme)]: true,\n        [styles.today(theme)]: Boolean(today && CDS.isEqual(date, today)),\n        [styles.selected(theme)]: Boolean(value && CDS.isEqual(date, value)),\n        [styles.weekend(theme)]: Boolean(isWeekend),\n      })}\n      onClick={handleClick}\n    >\n      {date.date}\n    </button>\n  );\n}\n"]}

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

@@ -1,6 +1,7 @@
-export declare const jsStyles: {
-    cell(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    selected(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    weekend(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    today(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    today(t: Theme): string;
 };

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

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Mixins = require("../../lib/styles/Mixins");function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      background: ", ";\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover {\n        color: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   cell: function cell(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      background: ", ";\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ", ";\n      height: ", ";\n      line-height: ", ";\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover {\n        color: ", ";\n      }\n    "])),
     (0, _Mixins.resetButton)(),
 
     t.calendarCellBg,
@@ -16,6 +16,12 @@ var styles = {
 
 
 
+    t.calendarCellSize,
+    t.calendarCellSize,
+    t.calendarCellLineHeight,
+
+
+
     t.calendarCellHoverBgColor,
     t.calendarCellHoverColor,
 
@@ -31,23 +37,20 @@ var styles = {
   },
 
   selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "])),
     t.calendarCellSelectedBgColor,
     t.calendarCellSelectedFontColor);
 
   },
 
   weekend: function weekend(t) {
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.calendarCellWeekendColor);
 
   },
 
   today: function today(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n    "])),
     t.calendarCellTodayBorder);
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.styles.ts"],"names":["styles","cell","t","css","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder","jsStyles"],"mappings":"8QAAA;;AAEA,iD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACI,8BADJ;;AAGgBD,IAAAA,CAAC,CAACE,cAHlB;;;;;;;;;AAYwBF,IAAAA,CAAC,CAACG,wBAZ1B;AAaaH,IAAAA,CAAC,CAACI,sBAbf;;;;;;;;AAqBaJ,IAAAA,CAAC,CAACK,4BArBf;;;AAwBD,GA1BY;;AA4BbC,EAAAA,QA5Ba,oBA4BJN,CA5BI,EA4BM;AACjB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACO,2BADxB;AAEWP,IAAAA,CAAC,CAACQ,6BAFb;;AAID,GAjCY;;AAmCbC,EAAAA,OAnCa,mBAmCLT,CAnCK,EAmCK;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACU,wBADb;;AAGD,GAvCY;;AAyCbC,EAAAA,KAzCa,iBAyCPX,CAzCO,EAyCG;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACY,uBADd;;AAGD,GA7CY,EAAf;;;AAgDO,IAAMC,QAAQ,GAAG,2BAAaf,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  cell(t: Theme) {\r\n    return css`\r\n      ${resetButton()};\r\n\r\n      background: ${t.calendarCellBg};\r\n      border: 1px solid transparent;\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      text-align: center;\r\n      user-select: none;\r\n\r\n      &:hover {\r\n        background-color: ${t.calendarCellHoverBgColor};\r\n        color: ${t.calendarCellHoverColor};\r\n        cursor: pointer;\r\n      }\r\n      &:disabled {\r\n        opacity: 0.5;\r\n        pointer-events: none;\r\n      }\r\n      &:active:hover {\r\n        color: ${t.calendarCellActiveHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  selected(t: Theme) {\r\n    return css`\r\n      background-color: ${t.calendarCellSelectedBgColor};\r\n      color: ${t.calendarCellSelectedFontColor};\r\n    `;\r\n  },\r\n\r\n  weekend(t: Theme) {\r\n    return css`\r\n      color: ${t.calendarCellWeekendColor};\r\n    `;\r\n  },\r\n\r\n  today(t: Theme) {\r\n    return css`\r\n      border: ${t.calendarCellTodayBorder};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["DayCellView.styles.ts"],"names":["styles","cell","t","css","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder"],"mappings":"4QAAA;;AAEA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;;AAGgBD,IAAAA,CAAC,CAACE,cAHlB;;;;;;;;;AAYWF,IAAAA,CAAC,CAACG,gBAZb;AAaYH,IAAAA,CAAC,CAACG,gBAbd;AAciBH,IAAAA,CAAC,CAACI,sBAdnB;;;;AAkBwBJ,IAAAA,CAAC,CAACK,wBAlB1B;AAmBaL,IAAAA,CAAC,CAACM,sBAnBf;;;;;;;;AA2BaN,IAAAA,CAAC,CAACO,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBR,CAlCwB,EAkCd;AACjB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACS,2BADxB;AAEWT,IAAAA,CAAC,CAACU,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBX,CAzCyB,EAyCf;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACY,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3Bb,CA/C2B,EA+CjB;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACc,uBADd;;AAGD,GAnDgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ${t.calendarCellSize};\n      height: ${t.calendarCellSize};\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ${t.calendarCellHoverBgColor};\n        color: ${t.calendarCellHoverColor};\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  today(t: Theme) {\n    return css`\n      border: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"]}

package/cjs/internal/Calendar/DayCellViewModel.js

@@ -11,7 +11,7 @@
 
 
 
-  function DayCellViewModel(date, month, year, isWeekend) {this.date = void 0;this.month = void 0;this.year = void 0;this.isWeekend = void 0;
+  function DayCellViewModel(date, month, year, isWeekend) {
     this.date = date;
     this.month = month;
     this.year = year;

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellViewModel.ts"],"names":["DayCellViewModel","create","date","month","year","isWeekend"],"mappings":"6EAAaA,gB;AACGC,EAAAA,M,GAAd,gBAAqBC,IAArB,EAAmCC,KAAnC,EAAkDC,IAAlD,EAAgEC,SAAhE,EAAoF;AAClF,WAAO,IAAIL,gBAAJ,CAAqBE,IAArB,EAA2BC,KAA3B,EAAkCC,IAAlC,EAAwCC,SAAxC,CAAP;AACD,G;;;;;;;;;;AAUD,4BAAYH,IAAZ,EAA0BC,KAA1B,EAAyCC,IAAzC,EAAuDC,SAAvD,EAA2E,MARpEH,IAQoE,eANpEC,KAMoE,eAJpEC,IAIoE,eAFpEC,SAEoE;AACzE,SAAKH,IAAL,GAAYA,IAAZ;AACA,SAAKC,KAAL,GAAaA,KAAb;AACA,SAAKC,IAAL,GAAYA,IAAZ;AACA,SAAKC,SAAL,GAAiBA,SAAjB;AACD,G","sourcesContent":["export class DayCellViewModel {\r\n  public static create(date: number, month: number, year: number, isWeekend: boolean) {\r\n    return new DayCellViewModel(date, month, year, isWeekend);\r\n  }\r\n\r\n  public date: number;\r\n\r\n  public month: number;\r\n\r\n  public year: number;\r\n\r\n  public isWeekend: boolean;\r\n\r\n  constructor(date: number, month: number, year: number, isWeekend: boolean) {\r\n    this.date = date;\r\n    this.month = month;\r\n    this.year = year;\r\n    this.isWeekend = isWeekend;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["DayCellViewModel.ts"],"names":["DayCellViewModel","create","date","month","year","isWeekend"],"mappings":"6EAAaA,gB;AACGC,EAAAA,M,GAAd,gBAAqBC,IAArB,EAAmCC,KAAnC,EAAkDC,IAAlD,EAAgEC,SAAhE,EAAoF;AAClF,WAAO,IAAIL,gBAAJ,CAAqBE,IAArB,EAA2BC,KAA3B,EAAkCC,IAAlC,EAAwCC,SAAxC,CAAP;AACD,G;;;;;;;;;;AAUD,4BAAYH,IAAZ,EAA0BC,KAA1B,EAAyCC,IAAzC,EAAuDC,SAAvD,EAA2E;AACzE,SAAKH,IAAL,GAAYA,IAAZ;AACA,SAAKC,KAAL,GAAaA,KAAb;AACA,SAAKC,IAAL,GAAYA,IAAZ;AACA,SAAKC,SAAL,GAAiBA,SAAjB;AACD,G","sourcesContent":["export class DayCellViewModel {\n  public static create(date: number, month: number, year: number, isWeekend: boolean) {\n    return new DayCellViewModel(date, month, year, isWeekend);\n  }\n\n  public date: number;\n\n  public month: number;\n\n  public year: number;\n\n  public isWeekend: boolean;\n\n  constructor(date: number, month: number, year: number, isWeekend: boolean) {\n    this.date = date;\n    this.month = month;\n    this.year = year;\n    this.isWeekend = isWeekend;\n  }\n}\n"]}

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

@@ -16,11 +16,13 @@ interface MonthProps {
     }) => boolean;
 }
 export declare class Month extends React.Component<MonthProps> {
+    private theme;
     private monthSelect;
     private yearSelect;
     shouldComponentUpdate(nextProps: MonthProps): boolean;
     componentDidMount(): void;
     render(): JSX.Element;
+    renderMain(): JSX.Element;
     private renderCells;
     private closeSelects;
     private monthRef;