@skbkontur/react-ui 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a

package/cjs/components/Calendar/CalendarDay.md

@@ -0,0 +1,70 @@
+Компонент для отрисовки дня в Calendar. Полезен при использовании вместе с его пропом `renderDay`.
+
+```jsx harmony
+import { Calendar, Gapped } from '@skbkontur/react-ui';
+
+const date = '20.05.2024';
+const style = { width: 32, height: 32 };
+
+<Gapped>
+  <Calendar.Day style={style} date={date} />
+  <Calendar.Day style={style} date={date} isToday={true} />
+  <Calendar.Day style={style} date={date} isSelected={true} />
+  <Calendar.Day style={style} date={date} isDisabled={true} />
+  <Calendar.Day style={style} date={date} isWeekend={true} />
+  <Calendar.Day style={style}><b>20</b></Calendar.Day>
+</Gapped>
+```
+
+Набор функций для сравнения строковых дат.
+
+```jsx harmony
+import { isBetween, isEqual, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '@skbkontur/react-ui/lib/date/comparison';
+
+const date_a = '10.03.2017';
+const date_b = '11.03.2017';
+const date_c = '12.03.2017';
+
+const Table = ({ children }) => (
+    <table>
+        <thead>
+            <tr>
+                <td>Функция</td>
+                <td>Результат</td>
+            </tr>
+        </thead>
+        <tbody>
+            { children }
+        </tbody>
+    </table>
+)
+
+const Row = ({ code }) => (
+    <tr>
+        <td><code>{code}</code></td>
+        <td><code>{JSON.stringify(eval(code), null, 2)}</code></td>
+    </tr>
+);
+
+<Table>
+    <Row code={`isEqual("${date_a}", "${date_a}")`} />
+    <Row code={`isLess("${date_a}", "${date_b}")`} />
+    <Row code={`isLessOrEqual("${date_a}", "${date_b}")`} />
+    <Row code={`isGreater("${date_b}", "${date_a}")`} />
+    <Row code={`isGreaterOrEqual("${date_b}", "${date_a}")`} />
+    <Row code={`isBetween("${date_b}", "${date_a}", "${date_b}")`} />
+</Table>
+
+```
+
+```typescript static
+export function isEqual(left: string, right: string): boolean;
+export function isLess(left: string, right: string): boolean;
+export function isLessOrEqual(left: string, right: string): boolean;
+export function isGreater(left: string, right: string): boolean;
+export function isGreaterOrEqual(left: string, right: string): boolean;
+export function isBetween(
+  date: string,
+  left?: string,
+  right?: string,
+): boolean;

package/cjs/components/Calendar/CalendarScrollEvents.js

@@ -0,0 +1,23 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.addListener = addListener;exports.emit = emit;var _eventemitter = _interopRequireDefault(require("eventemitter3"));
+
+var emitterCache;
+function getEmitter() {
+  if (!emitterCache) {
+    emitterCache = new _eventemitter.default();
+  }
+  return emitterCache;
+}
+
+function addListener(callback) {
+  var emitter = getEmitter();
+  emitter.addListener('CalendarScroll', callback);
+  return {
+    remove: function remove() {
+      emitter.removeListener('CalendarScroll', callback);
+    } };
+
+}
+
+function emit() {
+  getEmitter().emit('CalendarScroll');
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarScrollEvents.ts"],"names":["emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"mappings":"0LAAA;;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/components/Calendar/CalendarUtils.d.ts

@@ -0,0 +1,37 @@
+import { Nullable } from '../../typings/utility-types';
+import { Theme } from '../../lib/theming/Theme';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarState } from './Calendar';
+import { CalendarDateShape } from './CalendarDateShape';
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+};
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: {
+    minDate: CalendarDateShape;
+    maxDate: CalendarDateShape;
+}) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+} | {
+    scrollPosition: number;
+    scrollDirection: 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[];
+export declare const getMonthInNativeFormat: (month: number) => number;
+export declare const getMonthInHumanFormat: (month: number) => number;
+export declare const getInitialDate: ({ today, date, minDate, maxDate, }: {
+    today: CalendarDateShape;
+    date?: Nullable<CalendarDateShape>;
+    minDate?: Nullable<CalendarDateShape>;
+    maxDate?: Nullable<CalendarDateShape>;
+}) => CalendarDateShape;
+export declare const getTodayDate: () => {
+    date: number;
+    month: number;
+    year: number;
+};

package/cjs/components/Calendar/CalendarUtils.js

@@ -0,0 +1,115 @@
+"use strict";exports.__esModule = true;exports.isMonthVisible = exports.getTodayDate = exports.getMonthsHeight = exports.getMonths = exports.getMonthInNativeFormat = exports.getMonthInHumanFormat = exports.getInitialDate = exports.calculateScrollPosition = exports.applyDelta = void 0;
+
+
+var _config = require("./config");
+var _MonthViewModel = require("./MonthViewModel");
+
+var _CalendarDateShape = require("./CalendarDateShape");
+
+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.getHeight(theme)) {
+    do {
+      nextScrollPosition -= nextMonths[0].getHeight(theme);
+      nextMonths = getMonths(firstMonth.month, firstMonth.year);
+    } while (nextScrollPosition >= nextMonths[0].getHeight(theme));
+  }
+
+  var lastMonth = months[months.length - 1];
+  if (scrollDirection > 0 && nextScrollPosition < 0) {
+    do {
+      nextScrollPosition += nextMonths[1].getHeight(theme);
+      nextMonths = getMonths(lastMonth.month, lastMonth.year);
+    } while (nextScrollPosition < 0);
+  }
+
+  return {
+    scrollPosition: nextScrollPosition,
+    months: nextMonths,
+    scrollDirection: scrollDirection };
+
+};exports.calculateScrollPosition = calculateScrollPosition;
+
+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;
+
+    if (isMinDateExceeded) {
+      return { scrollPosition: 0, scrollDirection: scrollDirection };
+    }
+
+    if (isMaxDateExceeded) {
+      return { scrollPosition: months[2].getHeight(theme), scrollDirection: scrollDirection };
+    }
+
+    return calculateScrollPosition(months, scrollPosition, deltaY, theme);
+  };
+};exports.applyDelta = applyDelta;
+
+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, 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);});
+};exports.getMonths = getMonths;
+
+var getMonthInNativeFormat = function getMonthInNativeFormat(month) {return month - 1;};exports.getMonthInNativeFormat = getMonthInNativeFormat;
+
+var getMonthInHumanFormat = function getMonthInHumanFormat(month) {return month + 1;};exports.getMonthInHumanFormat = getMonthInHumanFormat;
+
+var getInitialDate = function getInitialDate(_ref3)
+
+
+
+
+
+
+
+
+
+{var today = _ref3.today,date = _ref3.date,minDate = _ref3.minDate,maxDate = _ref3.maxDate;
+  if (date) {
+    return date;
+  }
+
+  if (minDate && (0, _CalendarDateShape.isLess)(today, minDate)) {
+    return minDate;
+  }
+
+  if (maxDate && (0, _CalendarDateShape.isGreater)(today, maxDate)) {
+    return maxDate;
+  }
+
+  return today;
+};exports.getInitialDate = getInitialDate;
+
+var getTodayDate = function getTodayDate() {
+  var date = new Date();
+  return {
+    date: date.getDate(),
+    month: date.getMonth(),
+    year: date.getFullYear() };
+
+};exports.getTodayDate = getTodayDate;

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

@@ -0,0 +1 @@
+{"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","getMonthInNativeFormat","getMonthInHumanFormat","getInitialDate","today","date","getTodayDate","Date","getDate","getMonth","getFullYear"],"mappings":"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","sourcesContent":["import { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { themeConfig } from './config';\nimport { MonthViewModel } from './MonthViewModel';\nimport { CalendarState } from './Calendar';\nimport { CalendarDateShape, isGreater, isLess } from './CalendarDateShape';\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 = (deltaY: number, theme: Theme) => {\n  return (\n    { scrollPosition, months }: Readonly<CalendarState>,\n    { minDate, maxDate }: { minDate: CalendarDateShape; maxDate: CalendarDateShape },\n  ) => {\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};\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\nexport const getMonthInNativeFormat = (month: number) => month - 1;\n\nexport const getMonthInHumanFormat = (month: number) => month + 1;\n\nexport const getInitialDate = ({\n  today,\n  date,\n  minDate,\n  maxDate,\n}: {\n  today: CalendarDateShape;\n  date?: Nullable<CalendarDateShape>;\n  minDate?: Nullable<CalendarDateShape>;\n  maxDate?: Nullable<CalendarDateShape>;\n}) => {\n  if (date) {\n    return date;\n  }\n\n  if (minDate && isLess(today, minDate)) {\n    return minDate;\n  }\n\n  if (maxDate && isGreater(today, maxDate)) {\n    return maxDate;\n  }\n\n  return today;\n};\n\nexport const getTodayDate = () => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n"]}

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

@@ -0,0 +1,5 @@
+import { DayCellViewModel } from './DayCellViewModel';
+export interface DayCellViewProps {
+    date: DayCellViewModel;
+}
+export declare const DayCellView: (props: DayCellViewProps) => JSX.Element;

package/cjs/components/Calendar/DayCellView.js

@@ -0,0 +1,42 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DayCellView = void 0;var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
+
+var _DayCellView = require("./DayCellView.styles");
+var _CalendarContext = require("./CalendarContext");
+
+var CDS = _interopRequireWildcard(require("./CalendarDateShape"));
+var _CalendarDay = require("./CalendarDay");
+
+
+
+
+
+var DayCellView = function DayCellView(props) {var _isHoliday, _renderDay;
+  var date = props.date;
+  var _useContext = (0, _react.useContext)(_CalendarContext.CalendarContext),value = _useContext.value,minDate = _useContext.minDate,maxDate = _useContext.maxDate,isHoliday = _useContext.isHoliday,renderDay = _useContext.renderDay,today = _useContext.today,onDateClick = _useContext.onDateClick;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  var handleClick = function handleClick() {
+    onDateClick == null ? void 0 : onDateClick(date);
+  };
+
+  var humanDateString = _InternalDateTransformer.InternalDateTransformer.dateToHumanString(date);
+
+  var dayProps = {
+    isToday: Boolean(today && CDS.isEqual(date, today)),
+    isSelected: Boolean(value && CDS.isEqual(date, value)),
+    isDisabled: !CDS.isBetween(date, minDate, maxDate),
+    isWeekend: (_isHoliday = isHoliday == null ? void 0 : isHoliday(humanDateString, date.isWeekend)) != null ? _isHoliday : date.isWeekend,
+    date: humanDateString };
+
+
+  var dayElement = (_renderDay = renderDay == null ? void 0 : renderDay(dayProps)) != null ? _renderDay : /*#__PURE__*/_react.default.createElement(_CalendarDay.CalendarDay, dayProps);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("div", { onClick: handleClick, className: _DayCellView.styles.cell(theme) },
+    dayElement));
+
+
+};exports.DayCellView = DayCellView;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DayCellView.tsx"],"names":["DayCellView","props","date","CalendarContext","value","minDate","maxDate","isHoliday","renderDay","today","onDateClick","theme","ThemeContext","handleClick","humanDateString","InternalDateTransformer","dateToHumanString","dayProps","isToday","Boolean","CDS","isEqual","isSelected","isDisabled","isBetween","isWeekend","dayElement","styles","cell"],"mappings":"mKAAA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;;;;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA6B;AACtD,MAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;AACA,oBAA8E,uBAAWC,gCAAX,CAA9E,CAAQC,KAAR,eAAQA,KAAR,CAAeC,OAAf,eAAeA,OAAf,CAAwBC,OAAxB,eAAwBA,OAAxB,CAAiCC,SAAjC,eAAiCA,SAAjC,CAA4CC,SAA5C,eAA4CA,SAA5C,CAAuDC,KAAvD,eAAuDA,KAAvD,CAA8DC,WAA9D,eAA8DA,WAA9D;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBH,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAGR,IAAH,CAAX;AACD,GAFD;;AAIA,MAAMY,eAAe,GAAGC,iDAAwBC,iBAAxB,CAA0Cd,IAA1C,CAAxB;;AAEA,MAAMe,QAA0B,GAAG;AACjCC,IAAAA,OAAO,EAAEC,OAAO,CAACV,KAAK,IAAIW,GAAG,CAACC,OAAJ,CAAYnB,IAAZ,EAAkBO,KAAlB,CAAV,CADiB;AAEjCa,IAAAA,UAAU,EAAEH,OAAO,CAACf,KAAK,IAAIgB,GAAG,CAACC,OAAJ,CAAYnB,IAAZ,EAAkBE,KAAlB,CAAV,CAFc;AAGjCmB,IAAAA,UAAU,EAAE,CAACH,GAAG,CAACI,SAAJ,CAActB,IAAd,EAAoBG,OAApB,EAA6BC,OAA7B,CAHoB;AAIjCmB,IAAAA,SAAS,gBAAElB,SAAF,oBAAEA,SAAS,CAAGO,eAAH,EAAoBZ,IAAI,CAACuB,SAAzB,CAAX,yBAAkDvB,IAAI,CAACuB,SAJ/B;AAKjCvB,IAAAA,IAAI,EAAEY,eAL2B,EAAnC;;;AAQA,MAAMY,UAAU,iBAAGlB,SAAH,oBAAGA,SAAS,CAAGS,QAAH,CAAZ,sCAA4B,6BAAC,wBAAD,EAAiBA,QAAjB,CAA5C;;AAEA;AACE,0CAAK,OAAO,EAAEJ,WAAd,EAA2B,SAAS,EAAEc,oBAAOC,IAAP,CAAYjB,KAAZ,CAAtC;AACGe,IAAAA,UADH,CADF;;;AAKD,CA1BM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarContext } from './CalendarContext';\nimport { DayCellViewModel } from './DayCellViewModel';\nimport * as CDS from './CalendarDateShape';\nimport { CalendarDay, CalendarDayProps } from './CalendarDay';\n\nexport interface DayCellViewProps {\n  date: DayCellViewModel;\n}\n\nexport const DayCellView = (props: DayCellViewProps) => {\n  const { date } = props;\n  const { value, minDate, maxDate, isHoliday, renderDay, today, onDateClick } = useContext(CalendarContext);\n  const theme = useContext(ThemeContext);\n\n  const handleClick = () => {\n    onDateClick?.(date);\n  };\n\n  const humanDateString = InternalDateTransformer.dateToHumanString(date);\n\n  const dayProps: CalendarDayProps = {\n    isToday: Boolean(today && CDS.isEqual(date, today)),\n    isSelected: Boolean(value && CDS.isEqual(date, value)),\n    isDisabled: !CDS.isBetween(date, minDate, maxDate),\n    isWeekend: isHoliday?.(humanDateString, date.isWeekend) ?? date.isWeekend,\n    date: humanDateString,\n  };\n\n  const dayElement = renderDay?.(dayProps) ?? <CalendarDay {...dayProps} />;\n\n  return (\n    <div onClick={handleClick} className={styles.cell(theme)}>\n      {dayElement}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,9 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    day(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    today(t: Theme): string;
+    todayCaption2022(t: Theme): string;
+};

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

@@ -0,0 +1,67 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  cell: function cell(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])),
+    t.calendarCellWidth,
+    t.calendarCellHeight);
+
+  },
+  day: function day(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\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:enabled {\n        color: ", ";\n      }\n    "])),
+    (0, _Mixins.resetButton)(),
+
+
+
+    t.calendarCellBg,
+
+    t.calendarCellFontSize,
+
+
+
+
+    t.calendarCellLineHeight,
+    t.calendarCellBorderRadius,
+
+
+    t.calendarCellHoverBgColor,
+    t.calendarCellHoverColor,
+
+
+
+
+
+
+
+    t.calendarCellActiveHoverColor);
+
+
+  },
+
+  selected: function selected(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "])),
+    t.calendarCellSelectedBgColor,
+    t.calendarCellSelectedFontColor);
+
+  },
+
+  weekend: function weekend(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.calendarCellWeekendColor);
+
+  },
+
+  today: function today(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n    "])),
+    t.calendarCellTodayBorder);
+
+  },
+
+  todayCaption2022: function todayCaption2022(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])),
+
+    t.calendarCellTodayBorder);
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DayCellView.styles.ts"],"names":["styles","cell","t","css","calendarCellWidth","calendarCellHeight","day","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder","todayCaption2022"],"mappings":"oRAAA;;AAEA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACcD,IAAAA,CAAC,CAACE,iBADhB;AAEYF,IAAAA,CAAC,CAACG,kBAFd;;AAID,GANgC;AAOjCC,EAAAA,GAPiC,eAO7BJ,CAP6B,EAOnB;AACZ,eAAOC,YAAP;AACI,8BADJ;;;;AAKgBD,IAAAA,CAAC,CAACK,cALlB;;AAOeL,IAAAA,CAAC,CAACM,oBAPjB;;;;;AAYiBN,IAAAA,CAAC,CAACO,sBAZnB;AAamBP,IAAAA,CAAC,CAACQ,wBAbrB;;;AAgBwBR,IAAAA,CAAC,CAACS,wBAhB1B;AAiBaT,IAAAA,CAAC,CAACU,sBAjBf;;;;;;;;AAyBaV,IAAAA,CAAC,CAACW,4BAzBf;;;AA4BD,GApCgC;;AAsCjCC,EAAAA,QAtCiC,oBAsCxBZ,CAtCwB,EAsCd;AACjB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACa,2BADxB;AAEWb,IAAAA,CAAC,CAACc,6BAFb;;AAID,GA3CgC;;AA6CjCC,EAAAA,OA7CiC,mBA6CzBf,CA7CyB,EA6Cf;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACgB,wBADb;;AAGD,GAjDgC;;AAmDjCC,EAAAA,KAnDiC,iBAmD3BjB,CAnD2B,EAmDjB;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACkB,uBADd;;AAGD,GAvDgC;;AAyDjCC,EAAAA,gBAzDiC,4BAyDhBnB,CAzDgB,EAyDN;AACzB,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACkB,uBAFrB;;AAID,GA9DgC,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      flex: 1 1 ${t.calendarCellWidth};\n      height: ${t.calendarCellHeight};\n    `;\n  },\n  day(t: Theme) {\n    return css`\n      ${resetButton()};\n      width: 100%;\n      height: 100%;\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      font-size: ${t.calendarCellFontSize};\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: ${t.calendarCellBorderRadius};\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:enabled {\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  todayCaption2022(t: Theme) {\n    return css`\n      padding-bottom: 2px;\n      border-bottom: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { MonthViewModel } from './MonthViewModel';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    onMonthYearChange: (month: 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(): JSX.Element;
+    renderMain(): JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};

package/cjs/components/Calendar/Month.js

@@ -0,0 +1,157 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Month = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+
+
+
+var _MonthView = require("./MonthView");
+var _DayCellView = require("./DayCellView");
+var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEvents"));
+var _MonthView2 = require("./MonthView.styles");
+var _DayCellView2 = require("./DayCellView.styles");var
+
+
+
+
+
+
+
+Month = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Month, _React$Component);function Month() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+    monthSelect = null;_this.
+    yearSelect = null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    closeSelects = function () {
+      if (_this.monthSelect) {
+        _this.monthSelect.close();
+      }
+      if (_this.yearSelect) {
+        _this.yearSelect.close();
+      }
+    };_this.
+
+    monthRef = function (monthSelect) {
+      _this.monthSelect = monthSelect;
+    };_this.
+
+    yearRef = function (yearSelect) {
+      _this.yearSelect = yearSelect;
+    };_this.
+
+    handleMonthSelect = function (month) {
+      _this.props.onMonthYearChange(month, _this.props.month.year);
+    };_this.
+
+    handleYearSelect = function (year) {
+      _this.props.onMonthYearChange(_this.props.month.month, year);
+    };return _this;}var _proto = Month.prototype;_proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {if (this.props.top !== nextProps.top) {return true;}return this.props.month !== nextProps.month;};_proto.componentDidMount = function componentDidMount() {CalendarScrollEvents.addListener(this.closeSelects);};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,month = _this$props.month,top = _this$props.top;return /*#__PURE__*/_react.default.createElement(_MonthView.MonthView, { firstDayOffset: month.offset, height: month.getHeight(this.theme), isFirstInYear: month.isFirstInYear, isLastInYear: month.isLastInYear, month: month.month, top: top, year: month.year, onMonthSelect: this.handleMonthSelect, onYearSelect: this.handleYearSelect, monthSelectRef: this.monthRef, yearSelectRef: this.yearRef }, this.renderCells());};_proto.renderCells = function renderCells() {return /*#__PURE__*/_react.default.createElement(MonthDayGrid, { days: this.props.month.days, offset: this.props.month.offset });};return Month;}(_react.default.Component);exports.Month = Month;
+
+
+var DAYS_PER_WEEK = 7;var
+
+
+
+
+
+
+MonthDayGrid = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoose2.default)(MonthDayGrid, _React$Component2);function MonthDayGrid() {return _React$Component2.apply(this, arguments) || this;}var _proto2 = MonthDayGrid.prototype;_proto2.
+
+
+  shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    return this.props.days !== nextProps.days;
+  };_proto2.
+
+  render = function render() {var _this3 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this3.theme = theme;
+        return _this3.renderMain();
+      }));
+
+
+  };_proto2.
+
+  renderMain = function renderMain() {var _this4 = this;
+    var leadingDays = Array.from({ length: this.props.offset }, function (_, i) {return /*#__PURE__*/(
+        _react.default.createElement("div", { key: "leading_" + i, className: _DayCellView2.styles.cell(_this4.theme) }));});
+
+    var trailingOffset = DAYS_PER_WEEK - (this.props.offset + this.props.days.length) % DAYS_PER_WEEK;
+    var trailingDays = Array.from({ length: trailingOffset }, function (_, i) {return /*#__PURE__*/(
+        _react.default.createElement("div", { key: "trailing_" + i, className: _DayCellView2.styles.cell(_this4.theme) }));});
+
+    var days = this.props.days.map(function (day) {
+      return /*#__PURE__*/_react.default.createElement(_DayCellView.DayCellView, { date: day, key: day.date + "." + day.month + "." + day.year });
+    });
+    var weeks = divideToWeeks(leadingDays.concat(days, trailingDays));
+    return /*#__PURE__*/(
+      _react.default.createElement("div", { className: _MonthView2.styles.monthDayGrid(this.theme) },
+      weeks.map(function (week, i) {return /*#__PURE__*/(
+          _react.default.createElement("div", { className: _MonthView2.styles.monthDayRow(_this4.theme), key: "week_" + i },
+          week));})));
+
+
+
+
+  };return MonthDayGrid;}(_react.default.Component);
+
+
+function divideToWeeks(days) {
+  var weeks = [];
+  for (var i = 0; i < days.length; i += DAYS_PER_WEEK) {
+    var week = days.slice(i, i + DAYS_PER_WEEK);
+    weeks.push(week);
+  }
+  return weeks;
+}

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DateSelect } from '../../internal/DateSelect';
+import { Nullable } from '../..//typings/utility-types';
+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): JSX.Element;
+export {};