@megafon/ui-core 8.16.3 → 8.17.1

package/dist/es/components/Calendar/Calendar.js

@@ -1,327 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.reverse.js";
-import "core-js/modules/es.date.to-string.js";
-import "core-js/modules/es.string.iterator.js";
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import * as React from 'react';
-import { START_DATE, END_DATE, useDatepicker } from '@datepicker-react/hooks';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import { addMonths, subMonths } from 'date-fns';
-import differenceInDays from 'date-fns/differenceInDays';
-import format from 'date-fns/format';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import isEqual from 'date-fns/isEqual';
-import isSameMonth from 'date-fns/isSameMonth';
-import ruLocale from 'date-fns/locale/ru';
-import Day from "./components/_Day/Day";
-import Month from "./components/_Month/Month";
-import "./Calendar.css";
-var formatDate = function formatDate(date, pattern) {
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ruLocale;
-  return format(date, pattern, {
-    locale: locale
-  });
-};
-export var CalendarTypes = {
-  CLASSIC: 'Classic',
-  MODERN: 'Modern'
-};
-export var CalendarDirectionTypes = {
-  PAST: 'past',
-  FUTURE: 'future',
-  BOTH: 'both'
-};
-var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMonthsCount, direction) {
-  var months = [];
-  var currentDate = new Date();
-  var currentMonth = {
-    year: currentDate.getFullYear(),
-    month: currentDate.getMonth()
-  };
-  if (direction === 'past' || direction === 'both') {
-    var pastMonths = Array.from({
-      length: pastMonthsCount
-    }, function (_, i) {
-      var monthDate = subMonths(currentDate, i + 1);
-      return {
-        year: monthDate.getFullYear(),
-        month: monthDate.getMonth()
-      };
-    }).reverse();
-    months = [].concat(_toConsumableArray(pastMonths), [currentMonth]);
-  } else {
-    months.push(currentMonth);
-  }
-  if (direction === 'future' || direction === 'both') {
-    var futureMonths = Array.from({
-      length: futureMonthsCount
-    }, function (_, i) {
-      var monthDate = addMonths(currentDate, i + 1);
-      return {
-        year: monthDate.getFullYear(),
-        month: monthDate.getMonth()
-      };
-    });
-    months = [].concat(_toConsumableArray(months), futureMonths);
-  }
-  return months;
-};
-/* List of cases to check on component change:
-
-- Should correctly choose value and trigger callbacks with correct arguments on dates choose.
-- Should set 1 day period if start and end date is equal
-- Should correctly increase period if choose earlier start date
-- Should correctly change start date of selected period if chosen date in period closer to current start date
-- Should correctly change end date of selected period if chosen date in period closer to current end date
-- Should correctly highlights period if start date chosen and hover on possible end date
-
-*/
-var cn = cnCreate('mfui-calendar');
-var Calendar = function Calendar(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    _ref$isSingleDate = _ref.isSingleDate,
-    isSingleDate = _ref$isSingleDate === void 0 ? false : _ref$isSingleDate,
-    _ref$startDate = _ref.startDate,
-    startDate = _ref$startDate === void 0 ? null : _ref$startDate,
-    _ref$endDate = _ref.endDate,
-    endDate = _ref$endDate === void 0 ? null : _ref$endDate,
-    className = _ref.className,
-    onChange = _ref.onChange,
-    minBookingDate = _ref.minBookingDate,
-    maxBookingDate = _ref.maxBookingDate,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'Classic' : _ref$type,
-    _ref$pastMonthsCount = _ref.pastMonthsCount,
-    pastMonthsCount = _ref$pastMonthsCount === void 0 ? 1 : _ref$pastMonthsCount,
-    _ref$futureMonthsCoun = _ref.futureMonthsCount,
-    futureMonthsCount = _ref$futureMonthsCoun === void 0 ? 1 : _ref$futureMonthsCoun,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'past' : _ref$direction;
-  var calendarStateFromProps = React.useMemo(function () {
-    var isInitialDatesEqual = startDate && endDate && isEqual(startDate, endDate);
-    var isStartFocus = !startDate || endDate && !isInitialDatesEqual;
-    var isStartDateBlocked = startDate && minBookingDate && maxBookingDate && (isAfter(minBookingDate, startDate) || isBefore(maxBookingDate, startDate));
-    var isEndDateBlocked = endDate && minBookingDate && maxBookingDate && (isAfter(minBookingDate, endDate) || isBefore(maxBookingDate, endDate));
-    var isEndDate = isEndDateBlocked || isInitialDatesEqual || isSingleDate;
-    return {
-      startDate: isStartDateBlocked ? null : startDate,
-      endDate: isEndDate ? null : endDate,
-      focusedInput: isStartFocus ? START_DATE : END_DATE
-    };
-  }, [startDate, endDate, isSingleDate, minBookingDate, maxBookingDate]);
-  var monthsData = React.useMemo(function () {
-    return generateMonthsData(pastMonthsCount, futureMonthsCount, direction);
-  }, [pastMonthsCount, futureMonthsCount, direction]);
-  var _React$useState = React.useState(calendarStateFromProps),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    calendarState = _React$useState2[0],
-    setCalendarState = _React$useState2[1];
-  var _React$useState3 = React.useState(undefined),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    hoveredDate = _React$useState4[0],
-    setHoveredDate = _React$useState4[1];
-  var isUserChoice = React.useRef(false);
-  var currentMonthRef = React.useRef(null);
-  var stateStartDate = calendarState.startDate,
-    stateEndDate = calendarState.endDate,
-    stateFocusedInput = calendarState.focusedInput;
-  var isModernType = type === CalendarTypes.MODERN;
-  var _a = useDatepicker(_extends({
-      onDatesChange: function onDatesChange() {
-        return undefined;
-      },
-      numberOfMonths: 1,
-      minBookingDate: minBookingDate,
-      maxBookingDate: maxBookingDate,
-      initialVisibleMonth: stateStartDate || undefined
-    }, calendarState)),
-    firstDayOfWeek = _a.firstDayOfWeek,
-    activeMonths = _a.activeMonths,
-    goToPreviousMonths = _a.goToPreviousMonths,
-    goToNextMonths = _a.goToNextMonths,
-    goToDate = _a.goToDate,
-    pickerProps = __rest(_a, ["firstDayOfWeek", "activeMonths", "goToPreviousMonths", "goToNextMonths", "goToDate"]);
-  React.useEffect(function () {
-    isUserChoice.current = false;
-  }, [startDate]);
-  React.useEffect(function () {
-    var propsStartDate = calendarStateFromProps.startDate;
-    setCalendarState(calendarStateFromProps);
-    !isUserChoice.current && propsStartDate && goToDate(propsStartDate);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [calendarStateFromProps]);
-  React.useEffect(function () {
-    var _a, _b;
-    if (isModernType && direction !== 'future') {
-      var parentElement = (_a = currentMonthRef.current) === null || _a === void 0 ? void 0 : _a.parentNode;
-      if (parentElement && currentMonthRef.current) {
-        parentElement.scrollTo({
-          top: ((_b = currentMonthRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) * pastMonthsCount || 0
-        });
-      }
-    }
-  }, [isModernType, direction, pastMonthsCount]);
-  var getCalendarState = function getCalendarState(date) {
-    var isStartChose = stateFocusedInput === START_DATE;
-    var isEndChose = stateFocusedInput === END_DATE;
-    var isEndDateChose = stateStartDate && isEndChose;
-    var isPeriodNarrow = stateStartDate && stateEndDate && isAfter(date, stateStartDate) && isBefore(date, stateEndDate);
-    var isStartDateClick = stateStartDate && isEqual(stateStartDate || 0, date);
-    var isEndDateClick = stateEndDate && isEqual(stateEndDate || 0, date);
-    var isClickBeforeChosenEndDate = stateEndDate && isEndChose && !isAfter(date, stateEndDate || 0);
-    var isClickAfterChosenEndDate = stateEndDate && isStartChose && isAfter(date, stateEndDate || 0);
-    var isClickBeforeStartDate = stateStartDate && isEndChose && !isAfter(date, stateStartDate || 0);
-    var isStartDateChose = isStartDateClick || isEndDateClick || isClickBeforeChosenEndDate || isClickAfterChosenEndDate || isClickBeforeStartDate;
-    if (isModernType) {
-      var resetEndDateCondition = isStartChose || !stateStartDate || !!stateEndDate;
-      if (resetEndDateCondition || isEndChose && stateStartDate && isBefore(date, stateStartDate)) {
-        return {
-          startDate: date,
-          endDate: null,
-          focusedInput: END_DATE
-        };
-      }
-      if (isEndChose && stateStartDate) {
-        return {
-          startDate: stateStartDate,
-          endDate: date,
-          focusedInput: START_DATE
-        };
-      }
-    }
-    switch (true) {
-      case isSingleDate:
-        return _extends(_extends({}, calendarState), {
-          startDate: date
-        });
-      case isPeriodNarrow:
-        {
-          var isCloserToStart = stateStartDate && stateEndDate && differenceInDays(stateStartDate, date) >= differenceInDays(date, stateEndDate);
-          return _extends(_extends({}, calendarState), {
-            startDate: isCloserToStart ? date : stateStartDate,
-            endDate: isCloserToStart ? stateEndDate : date,
-            focusedInput: START_DATE
-          });
-        }
-      case isStartDateChose:
-        return {
-          startDate: date,
-          endDate: null,
-          focusedInput: END_DATE
-        };
-      case isEndDateChose:
-        return _extends(_extends({}, calendarState), {
-          endDate: date,
-          focusedInput: START_DATE
-        });
-      default:
-        return _extends(_extends({}, calendarState), {
-          startDate: date,
-          focusedInput: END_DATE
-        });
-    }
-  };
-  var isDateHighlighted = function isDateHighlighted(date) {
-    if (!stateStartDate || !!stateEndDate || isSingleDate) {
-      return false;
-    }
-    return !!stateStartDate && !!hoveredDate && isAfter(hoveredDate, date) && isBefore(stateStartDate, date);
-  };
-  var handleDaySelect = function handleDaySelect(date) {
-    var nextState = getCalendarState(date);
-    var nextStartDate = nextState.startDate,
-      nextEndDate = nextState.endDate;
-    setCalendarState(nextState);
-    isUserChoice.current = true;
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextStartDate, nextEndDate);
-  };
-  var handleDateHover = function handleDateHover(date) {
-    date && setHoveredDate(date);
-  };
-  var handleDateMouseLeave = function handleDateMouseLeave() {
-    return setHoveredDate(undefined);
-  };
-  var renderDays = function renderDays(days) {
-    var correctionIndex = 0;
-    return days.map(function (day, index) {
-      if (_typeof(day) === 'object') {
-        var date = day.date,
-          dayLabel = day.dayLabel;
-        if (!dayLabel) {
-          return /*#__PURE__*/React.createElement("div", {
-            key: index + String(date)
-          });
-        }
-        return /*#__PURE__*/React.createElement(Day, _extends({
-          dataAttrs: {
-            root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.day, index + 1 - correctionIndex))
-          },
-          date: date,
-          key: formatDate(date, 'dd-MM-yyyy'),
-          dayLabel: dayLabel
-        }, pickerProps, {
-          onDateSelect: handleDaySelect,
-          onDateHover: handleDateHover,
-          onMouseLeave: handleDateMouseLeave,
-          isBetween: isDateHighlighted(date),
-          isModern: isModernType
-        }));
-      }
-      correctionIndex += 1;
-      return /*#__PURE__*/React.createElement("div", {
-        key: index + day
-      });
-    });
-  };
-  var renderMonths = function renderMonths() {
-    var monthsArray = isModernType ? monthsData : activeMonths;
-    return monthsArray.map(function (_ref2) {
-      var month = _ref2.month,
-        year = _ref2.year;
-      var isPrevMonthDisabled = !!minBookingDate && isSameMonth(new Date(year, month, 1), minBookingDate);
-      var isNextMonthDisabled = !!maxBookingDate && isSameMonth(new Date(year, month, 1), maxBookingDate);
-      var isCurrentMonth = new Date().getFullYear() === year && new Date().getMonth() === month;
-      return /*#__PURE__*/React.createElement("div", {
-        ref: isCurrentMonth ? currentMonthRef : null,
-        key: "".concat(year, "-").concat(month)
-      }, /*#__PURE__*/React.createElement(Month, {
-        dataAttrs: {
-          root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.month,
-          arrowLeft: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft,
-          arrowRight: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowRight
-        },
-        year: year,
-        month: month,
-        firstDayOfWeek: firstDayOfWeek,
-        isPrevMonthDisabled: isModernType || isPrevMonthDisabled,
-        isNextMonthDisabled: isModernType || isNextMonthDisabled,
-        goToPreviousMonth: goToPreviousMonths,
-        goToNextMonth: goToNextMonths,
-        isModern: isModernType,
-        renderDays: renderDays
-      }));
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className], {
-      modern: isModernType
-    })
-  }), renderMonths());
-};
-export default Calendar;

package/dist/es/components/Calendar/components/_Day/Day.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_active-modern:after{height:38px;width:38px}.mfui-day_active-modern:focus:after,.mfui-day_active-modern:hover:after{background-color:var(--brandGreen)!important;height:38px!important;width:38px!important}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active,.mfui-day_active-modern:after{color:var(--stcWhite)}.mfui-day_active+.mfui-day:not(.mfui-day_monday).mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}.mfui-day_modern{height:38px;width:100%}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after,.mfui-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-day:not(:disabled):focus,.mfui-day_active-modern{color:var(--stcWhite)}.mfui-day_active-modern+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before,.mfui-day_between-modern:hover+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-day_between-modern{border-radius:0;position:relative}.mfui-day_between-modern:before{left:-20px;padding:0 29px}.mfui-day_between-modern:after,.mfui-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-day_between-modern:after{right:-12px;width:45px}.mfui-day_last-modern,.mfui-day_sunday-modern{border-radius:50%}.mfui-day_last-modern:before,.mfui-day_sunday-modern:before{padding-left:8px}.mfui-day_last-modern:after,.mfui-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-day_last-modern:after{right:0}.mfui-day_first-modern,.mfui-day_monday-modern{border-radius:50%}.mfui-day_first-modern:before,.mfui-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-day_sunday-modern.mfui-day_first-modern{border-radius:50%}.mfui-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}

package/dist/es/components/Calendar/components/_Day/Day.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import './Day.scss';
-export interface IDayPickerProps {
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    isDateSelected: (date: Date) => boolean;
-    isDateHovered: (date: Date) => boolean;
-    isFirstOrLastSelectedDate: (date: Date) => boolean;
-    isDateBlocked: (date: Date) => boolean;
-    isDateFocused: (date: Date) => boolean;
-    focusedDate: Date | null;
-    onDateHover: (date: Date | null) => void;
-    onDateSelect: (date: Date) => void;
-    onDateFocus: (date: Date) => void;
-}
-export type DayType = {
-    isBetween?: boolean;
-    dayLabel?: string;
-    date: Date;
-    isModern?: boolean;
-    onMouseLeave?: () => void;
-};
-export type IDayProps = IDayPickerProps & DayType;
-declare const Day: React.FC<IDayProps>;
-export default Day;

package/dist/es/components/Calendar/components/_Day/Day.js

@@ -1,81 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.index-of.js";
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import * as React from 'react';
-import { useDay } from '@datepicker-react/hooks';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import isFirstDayOfMonth from 'date-fns/isFirstDayOfMonth';
-import isLastDayOfMonth from 'date-fns/isLastDayOfMonth';
-import isMonday from 'date-fns/isMonday';
-import isSunday from 'date-fns/isSunday';
-import "./Day.css";
-var cn = cnCreate('mfui-day');
-var Day = function Day(_a) {
-  var dataAttrs = _a.dataAttrs,
-    _a$isBetween = _a.isBetween,
-    isBetween = _a$isBetween === void 0 ? false : _a$isBetween,
-    dayLabel = _a.dayLabel,
-    date = _a.date,
-    _a$isModern = _a.isModern,
-    isModern = _a$isModern === void 0 ? false : _a$isModern,
-    onMouseLeave = _a.onMouseLeave,
-    pickerProps = __rest(_a, ["dataAttrs", "isBetween", "dayLabel", "date", "isModern", "onMouseLeave"]);
-  var dayRef = React.useRef(null);
-  var _useDay = useDay(_extends({
-      date: date,
-      dayRef: dayRef
-    }, pickerProps)),
-    isSelected = _useDay.isSelected,
-    isSelectedStartOrEnd = _useDay.isSelectedStartOrEnd,
-    isDateDisabled = _useDay.disabledDate,
-    onClick = _useDay.onClick,
-    onKeyDown = _useDay.onKeyDown,
-    onMouseEnter = _useDay.onMouseEnter,
-    tabIndex = _useDay.tabIndex;
-  var modernClasses = {
-    modern: isModern,
-    disabled: isDateDisabled,
-    'active-modern': isSelectedStartOrEnd,
-    'between-modern': isBetween || isSelected && !isSelectedStartOrEnd,
-    'sunday-modern': isSunday(date),
-    'monday-modern': isMonday(date),
-    'first-modern': !isSelectedStartOrEnd && isFirstDayOfMonth(date),
-    'last-modern': !isSelectedStartOrEnd && isLastDayOfMonth(date)
-  };
-  var classicClasses = {
-    active: isSelectedStartOrEnd,
-    between: isBetween || isSelected && !isSelectedStartOrEnd,
-    sunday: isSunday(date),
-    monday: isMonday(date),
-    first: !isSelectedStartOrEnd && isFirstDayOfMonth(date),
-    last: !isSelectedStartOrEnd && isLastDayOfMonth(date),
-    disabled: isDateDisabled
-  };
-  var modClasses = isModern ? modernClasses : classicClasses;
-  var handleMouseLeave = function handleMouseLeave() {
-    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
-  };
-  return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    tabIndex: tabIndex,
-    type: "button",
-    ref: dayRef,
-    className: cn(modClasses)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('label', {
-      modern: isModern
-    })
-  }, dayLabel));
-};
-export default Day;

package/dist/es/components/Calendar/components/_Month/Month.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-month,.mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-month svg.mfui-month__arrow_disabled{cursor:default;opacity:.5}.mfui-month_modern{padding:0 16px 24px 0;width:100%}.mfui-month_modern .mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-transform:capitalize;width:100%}.mfui-month_modern .mfui-month__title{font-size:15px;font-weight:500;line-height:24px;margin:0 auto;text-align:center;width:224px}.mfui-month_modern .mfui-month__weekday-labels{border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:0;width:100%}.mfui-month_modern .mfui-month__weekday{color:var(--spbSky3);font-size:15px;font-weight:400;height:24px;line-height:24px;margin:0 auto;text-align:center;text-transform:capitalize;width:20px}.mfui-month_modern .mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px;row-gap:0;width:100%}

package/dist/es/components/Calendar/components/_Month/Month.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { FirstDayOfWeek, MonthType, UseMonthResult } from '@datepicker-react/hooks';
-import './Month.scss';
-export interface IMonthPickerProps {
-    firstDayOfWeek: FirstDayOfWeek;
-    activeMonths: MonthType[];
-    goToPreviousMonths: () => void;
-    goToNextMonths: () => void;
-}
-export interface IMonthProps {
-    dataAttrs?: {
-        root?: Record<string, string>;
-        arrowLeft?: Record<string, string>;
-        arrowRight?: Record<string, string>;
-    };
-    isPrevMonthDisabled: boolean;
-    isNextMonthDisabled: boolean;
-    year: number;
-    month: number;
-    firstDayOfWeek?: FirstDayOfWeek;
-    goToPreviousMonth: () => void;
-    goToNextMonth: () => void;
-    isModern?: boolean;
-    renderDays: (days: UseMonthResult['days']) => React.ReactNode;
-}
-declare const Month: React.FC<IMonthProps>;
-export default Month;

package/dist/es/components/Calendar/components/_Month/Month.js

@@ -1,117 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { useMonth } from '@datepicker-react/hooks';
-import { checkEventIsClickOrEnterPress, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import format from 'date-fns/format';
-import ruLocale from 'date-fns/locale/ru';
-import "./Month.css";
-var ArrowLeft = function ArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 6v8l-5-4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var ArrowRight = function ArrowRight(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8 14V6l5 4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var formatDate = function formatDate(date, pattern) {
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ruLocale;
-  return format(date, pattern, {
-    locale: locale
-  });
-};
-var weekdayLabelFormat = function weekdayLabelFormat(date) {
-  return formatDate(date, 'EEEEEE');
-};
-var dayLabelFormat = function dayLabelFormat(date) {
-  return formatDate(date, 'd');
-};
-var monthLabelFormat = function monthLabelFormat(date) {
-  return formatDate(date, 'LLLL');
-};
-var cn = cnCreate('mfui-month');
-var Month = function Month(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    isPrevMonthDisabled = _ref.isPrevMonthDisabled,
-    isNextMonthDisabled = _ref.isNextMonthDisabled,
-    year = _ref.year,
-    month = _ref.month,
-    firstDayOfWeek = _ref.firstDayOfWeek,
-    goToPreviousMonth = _ref.goToPreviousMonth,
-    goToNextMonth = _ref.goToNextMonth,
-    _ref$isModern = _ref.isModern,
-    isModern = _ref$isModern === void 0 ? false : _ref$isModern,
-    renderDays = _ref.renderDays;
-  var _useMonth = useMonth({
-      year: year,
-      month: month,
-      firstDayOfWeek: firstDayOfWeek,
-      dayLabelFormat: dayLabelFormat,
-      weekdayLabelFormat: weekdayLabelFormat,
-      monthLabelFormat: monthLabelFormat
-    }),
-    days = _useMonth.days,
-    weekdayLabels = _useMonth.weekdayLabels,
-    monthLabel = _useMonth.monthLabel;
-  var handleArrowLeftClick = function handleArrowLeftClick(e) {
-    if (checkEventIsClickOrEnterPress(e)) {
-      !isPrevMonthDisabled && goToPreviousMonth();
-    }
-  };
-  var handleArrowRightClick = function handleArrowRightClick(e) {
-    if (checkEventIsClickOrEnterPress(e)) {
-      !isNextMonthDisabled && goToNextMonth();
-    }
-  };
-  var getTabIndex = function getTabIndex(hasFocus) {
-    var tabIndexWithFocus = 0;
-    var tabIndexWithoutFocus = -1;
-    return hasFocus ? tabIndexWithFocus : tabIndexWithoutFocus;
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      modern: isModern
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, !isModern && /*#__PURE__*/React.createElement(ArrowLeft, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft), {
-    role: "button",
-    tabIndex: getTabIndex(!isPrevMonthDisabled),
-    className: cn('arrow', {
-      disabled: isPrevMonthDisabled
-    }),
-    onKeyDown: handleArrowLeftClick,
-    onClick: handleArrowLeftClick
-  })), /*#__PURE__*/React.createElement("span", {
-    className: cn('title')
-  }, "".concat(monthLabel, " ").concat(year)), !isModern && /*#__PURE__*/React.createElement(ArrowRight, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowRight), {
-    role: "button",
-    tabIndex: getTabIndex(!isNextMonthDisabled),
-    className: cn('arrow', {
-      disabled: isNextMonthDisabled
-    }),
-    onKeyDown: handleArrowRightClick,
-    onClick: handleArrowRightClick
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: cn('weekday-labels')
-  }, weekdayLabels.map(function (dayLabel, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('weekday'),
-      key: dayLabel + index
-    }, dayLabel);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('days')
-  }, renderDays(days)));
-};
-export default Month;

package/dist/es/components/Caption/Caption.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-caption{font-family:inherit;font-size:12px;line-height:18px;margin:0}.mfui-caption_variant_normal{font-weight:400}.mfui-caption_variant_medium{font-weight:500}.mfui-caption_space_wide{line-height:18px}.mfui-caption_space_tight{line-height:14px}.mfui-caption_align_left{text-align:left}.mfui-caption_align_center{text-align:center}.mfui-caption_align_right{text-align:right}.mfui-caption_has-margin{margin:0 0 16px}.mfui-caption_color_inherit{color:inherit}.mfui-caption_color_default{color:var(--content)}.mfui-caption_color_gray{color:var(--spbSky3)}.mfui-caption_color_white{color:var(--stcWhite)}.mfui-caption_color_green{color:var(--brandGreen)}.mfui-caption_color_purple{color:var(--brandPurple)}

package/dist/es/components/Caption/Caption.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import './Caption.scss';
-declare const COLORS: {
-    readonly INHERIT: "inherit";
-    readonly DEFAULT: "default";
-    readonly GRAY: "gray";
-    readonly WHITE: "white";
-    readonly GREEN: "green";
-    readonly PURPLE: "purple";
-};
-type ColorType = (typeof COLORS)[keyof typeof COLORS];
-export interface ICaptionProps {
-    /** Выравнивание по горизонтали */
-    align?: 'left' | 'center' | 'right';
-    /** Поведение текста при встраивании в широкий или узкий контейнер */
-    space?: 'wide' | 'tight';
-    /** Начертание шрифта: обычный или полужирный */
-    variant?: 'normal' | 'medium';
-    /** Вертикальный отступ */
-    hasMargin?: boolean;
-    /** Цвет текста */
-    color?: ColorType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Дочерние элементы */
-    children?: React.ReactNode;
-}
-declare const Caption: React.FC<ICaptionProps>;
-export default Caption;

package/dist/es/components/Caption/Caption.js

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./Caption.css";
-var COLORS = {
-  INHERIT: 'inherit',
-  DEFAULT: 'default',
-  GRAY: 'gray',
-  WHITE: 'white',
-  GREEN: 'green',
-  PURPLE: 'purple'
-};
-var cn = cnCreate('mfui-caption');
-var Caption = function Caption(_ref) {
-  var align = _ref.align,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
-    _ref$space = _ref.space,
-    space = _ref$space === void 0 ? 'wide' : _ref$space,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
-    className = _ref.className,
-    _ref$hasMargin = _ref.hasMargin,
-    hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("p", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      align: align,
-      color: color,
-      space: space,
-      variant: variant,
-      'has-margin': hasMargin
-    }, className)
-  }), children);
-};
-export default Caption;