@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/calendar/cssm/components/period-slider/Component.js

@@ -1,114 +1,94 @@
-import React, { useMemo } from 'react';
-import cn from 'classnames';
-import endOfWeek from 'date-fns/endOfWeek';
-import startOfWeek from 'date-fns/startOfWeek';
-import { ButtonDesktop } from '../../../../button/cssm/desktop';
-import { IconButton } from '../../../../icon-button/cssm';
-import { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';
-import { monthName } from '../../utils.js';
-import { getYearSelectorValue, formatPeriod, shiftValues } from './utils.js';
-import styles from './index.module.css';
-import 'date-fns/addDays';
-import 'date-fns/addMonths';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/endOfDay';
-import 'date-fns/endOfYear';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/isSameDay';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
-import 'date-fns/startOfMonth';
-import 'date-fns/startOfYear';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-import '../../../../shared/cssm';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/addYears';
-import 'date-fns/differenceInDays';
-import 'date-fns/endOfMonth';
-import 'date-fns/endOfQuarter';
-import 'date-fns/getQuarter';
-import 'date-fns/getYear';
-import 'date-fns/isToday';
-import 'date-fns/isYesterday';
-import 'date-fns/startOfQuarter';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter = formatPeriod, prevArrowDisabled = false, nextArrowDisabled = false, hideDisabledArrows = false, isMonthAndYearSelectable = false, showCurrentYearSelector = false, onPrevArrowClick = () => null, onNextArrowClick = () => null, onMonthClick, onYearClick, onPeriodClick, dataTestId, emptyValueText = 'Укажите период', }) => {
-    const [valueFrom, valueTo] = useMemo(() => {
-        let from;
-        let to;
+var React = require('react');
+var cn = require('classnames');
+var endOfWeek = require('date-fns/endOfWeek');
+var startOfWeek = require('date-fns/startOfWeek');
+var desktop = require('../../../../button/cssm/desktop');
+var coreComponentsIconButton = require('../../../../icon-button/cssm');
+var ChevronBackMIcon = require('@alfalab/icons-glyph/ChevronBackMIcon');
+var utils = require('../../utils.js');
+var components_periodSlider_utils = require('./utils.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
+var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var PeriodSlider = function (_a) {
+    var value = _a.value, _b = _a.periodType, periodType = _b === void 0 ? 'month' : _b, className = _a.className, _c = _a.periodFormatter, periodFormatter = _c === void 0 ? components_periodSlider_utils.formatPeriod : _c, _d = _a.prevArrowDisabled, prevArrowDisabled = _d === void 0 ? false : _d, _e = _a.nextArrowDisabled, nextArrowDisabled = _e === void 0 ? false : _e, _f = _a.hideDisabledArrows, hideDisabledArrows = _f === void 0 ? false : _f, _g = _a.isMonthAndYearSelectable, isMonthAndYearSelectable = _g === void 0 ? false : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h, _j = _a.onPrevArrowClick, onPrevArrowClick = _j === void 0 ? function () { return null; } : _j, _k = _a.onNextArrowClick, onNextArrowClick = _k === void 0 ? function () { return null; } : _k, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, dataTestId = _a.dataTestId, _l = _a.emptyValueText, emptyValueText = _l === void 0 ? 'Укажите период' : _l;
+    var _m = React.useMemo(function () {
+        var _a;
+        var from;
+        var to;
         if (!value)
             return [undefined, undefined];
         if (Array.isArray(value)) {
-            [from, to] = value;
+            from = value[0], to = value[1];
         }
         else {
-            [from, to] = [value, value];
+            _a = [value, value], from = _a[0], to = _a[1];
             if (periodType === 'week') {
-                from = startOfWeek(from, { weekStartsOn: 1 });
-                to = endOfWeek(from, { weekStartsOn: 1 });
+                from = startOfWeek__default.default(from, { weekStartsOn: 1 });
+                to = endOfWeek__default.default(from, { weekStartsOn: 1 });
             }
         }
         return [from, to];
-    }, [periodType, value]);
-    const yearSelectorValue = useMemo(() => getYearSelectorValue(valueFrom, showCurrentYearSelector), [showCurrentYearSelector, valueFrom]);
-    const showArrow = (direction) => {
+    }, [periodType, value]), valueFrom = _m[0], valueTo = _m[1];
+    var yearSelectorValue = React.useMemo(function () { return components_periodSlider_utils.getYearSelectorValue(valueFrom, showCurrentYearSelector); }, [showCurrentYearSelector, valueFrom]);
+    var showArrow = function (direction) {
         if (hideDisabledArrows) {
-            const disabled = direction === 'prev' ? prevArrowDisabled : nextArrowDisabled;
+            var disabled = direction === 'prev' ? prevArrowDisabled : nextArrowDisabled;
             return !disabled && valueFrom;
         }
         return true;
     };
-    const handleNextArrowClick = (event) => {
+    var handleNextArrowClick = function (event) {
         if (!valueFrom || !valueTo)
             return;
-        const newValues = shiftValues(valueFrom, valueTo, periodType, 'next');
+        var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'next');
         onNextArrowClick(event, {
             value: newValues.valueFrom,
             valueFrom: newValues.valueFrom,
             valueTo: newValues.valueTo,
-            periodType,
+            periodType: periodType,
         });
     };
-    const handlePrevArrowClick = (event) => {
+    var handlePrevArrowClick = function (event) {
         if (!valueFrom || !valueTo)
             return;
-        const newValues = shiftValues(valueFrom, valueTo, periodType, 'prev');
+        var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'prev');
         onPrevArrowClick(event, {
             value: newValues.valueFrom,
             valueFrom: newValues.valueFrom,
             valueTo: newValues.valueTo,
-            periodType,
+            periodType: periodType,
         });
     };
-    const renderHeader = () => {
+    var renderHeader = function () {
         if (!(valueFrom && valueTo)) {
-            return React.createElement("span", { className: cn(styles.period, styles.empty) }, emptyValueText);
+            return React__default.default.createElement("span", { className: cn__default.default(styles__default.default.period, styles__default.default.empty) }, emptyValueText);
         }
         if (periodType === 'month' && isMonthAndYearSelectable) {
-            return (React.createElement("div", null,
-                React.createElement(ButtonDesktop, { className: styles.period, view: 'text', size: 'l', onClick: onMonthClick }, monthName(valueFrom)),
-                yearSelectorValue && (React.createElement(ButtonDesktop, { className: cn(styles.yearSelectorButton, styles.period), view: 'text', size: 'l', onClick: onYearClick }, yearSelectorValue))));
+            return (React__default.default.createElement("div", null,
+                React__default.default.createElement(desktop.ButtonDesktop, { className: styles__default.default.period, view: 'text', size: 'l', onClick: onMonthClick }, utils.monthName(valueFrom)),
+                yearSelectorValue && (React__default.default.createElement(desktop.ButtonDesktop, { className: cn__default.default(styles__default.default.yearSelectorButton, styles__default.default.period), view: 'text', size: 'l', onClick: onYearClick }, yearSelectorValue))));
         }
         if (onPeriodClick) {
             return (
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-            React.createElement("a", { role: 'button', tabIndex: 0, onClick: onPeriodClick, className: cn(styles.period, styles.clicablePeriod) }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
+            React__default.default.createElement("a", { role: 'button', tabIndex: 0, onClick: onPeriodClick, className: cn__default.default(styles__default.default.period, styles__default.default.clicablePeriod) }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
         }
-        return (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
+        return (React__default.default.createElement("span", { className: styles__default.default.period }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
     };
-    return (React.createElement("div", { className: cn(styles.component, className), "aria-live": 'polite', "data-test-id": dataTestId },
-        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "aria-live": 'polite', "data-test-id": dataTestId },
+        showArrow('prev') && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xs', className: styles__default.default.arrow, icon: ChevronBackMIcon.ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
         renderHeader(),
-        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+        showArrow('next') && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xs', className: styles__default.default.arrow, icon: ChevronBackMIcon.ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
 };
 
-export { PeriodSlider };
+exports.PeriodSlider = PeriodSlider;

package/calendar/cssm/components/period-slider/index.js

@@ -1,43 +1,9 @@
-export { PeriodSlider } from './Component.js';
-export { shiftValues } from './utils.js';
-import 'react';
-import 'classnames';
-import 'date-fns/endOfWeek';
-import 'date-fns/startOfWeek';
-import '../../../../button/cssm/desktop';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronBackMIcon';
-import '../../utils.js';
-import 'date-fns/addDays';
-import 'date-fns/addMonths';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/endOfDay';
-import 'date-fns/endOfYear';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/isSameDay';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
-import 'date-fns/startOfMonth';
-import 'date-fns/startOfYear';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-import '../../../../shared/cssm';
-import './index.module.css';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/addYears';
-import 'date-fns/differenceInDays';
-import 'date-fns/endOfMonth';
-import 'date-fns/endOfQuarter';
-import 'date-fns/getQuarter';
-import 'date-fns/getYear';
-import 'date-fns/isToday';
-import 'date-fns/isYesterday';
-import 'date-fns/startOfQuarter';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_periodSlider_Component = require('./Component.js');
+var components_periodSlider_utils = require('./utils.js');
+
+
+
+exports.PeriodSlider = components_periodSlider_Component.PeriodSlider;
+exports.shiftValues = components_periodSlider_utils.shiftValues;

package/calendar/cssm/components/period-slider/utils.js

@@ -1,102 +1,109 @@
-import addDays from 'date-fns/addDays';
-import addMonths from 'date-fns/addMonths';
-import addQuarters from 'date-fns/addQuarters';
-import addWeeks from 'date-fns/addWeeks';
-import addYears from 'date-fns/addYears';
-import differenceInDays from 'date-fns/differenceInDays';
-import endOfMonth from 'date-fns/endOfMonth';
-import endOfQuarter from 'date-fns/endOfQuarter';
-import endOfWeek from 'date-fns/endOfWeek';
-import endOfYear from 'date-fns/endOfYear';
-import getQuarter from 'date-fns/getQuarter';
-import getYear from 'date-fns/getYear';
-import isToday from 'date-fns/isToday';
-import isYesterday from 'date-fns/isYesterday';
-import startOfMonth from 'date-fns/startOfMonth';
-import startOfQuarter from 'date-fns/startOfQuarter';
-import startOfWeek from 'date-fns/startOfWeek';
-import startOfYear from 'date-fns/startOfYear';
-import { formatDate, monthName } from '../../utils.js';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/endOfDay';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/isSameDay';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-import '../../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const formatPeriod = (valueFrom, valueTo, periodType, showCurrentYear) => {
+var addDays = require('date-fns/addDays');
+var addMonths = require('date-fns/addMonths');
+var addQuarters = require('date-fns/addQuarters');
+var addWeeks = require('date-fns/addWeeks');
+var addYears = require('date-fns/addYears');
+var differenceInDays = require('date-fns/differenceInDays');
+var endOfMonth = require('date-fns/endOfMonth');
+var endOfQuarter = require('date-fns/endOfQuarter');
+var endOfWeek = require('date-fns/endOfWeek');
+var endOfYear = require('date-fns/endOfYear');
+var getQuarter = require('date-fns/getQuarter');
+var getYear = require('date-fns/getYear');
+var isToday = require('date-fns/isToday');
+var isYesterday = require('date-fns/isYesterday');
+var startOfMonth = require('date-fns/startOfMonth');
+var startOfQuarter = require('date-fns/startOfQuarter');
+var startOfWeek = require('date-fns/startOfWeek');
+var startOfYear = require('date-fns/startOfYear');
+var utils = require('../../utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var addDays__default = /*#__PURE__*/_interopDefaultCompat(addDays);
+var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
+var addQuarters__default = /*#__PURE__*/_interopDefaultCompat(addQuarters);
+var addWeeks__default = /*#__PURE__*/_interopDefaultCompat(addWeeks);
+var addYears__default = /*#__PURE__*/_interopDefaultCompat(addYears);
+var differenceInDays__default = /*#__PURE__*/_interopDefaultCompat(differenceInDays);
+var endOfMonth__default = /*#__PURE__*/_interopDefaultCompat(endOfMonth);
+var endOfQuarter__default = /*#__PURE__*/_interopDefaultCompat(endOfQuarter);
+var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
+var endOfYear__default = /*#__PURE__*/_interopDefaultCompat(endOfYear);
+var getQuarter__default = /*#__PURE__*/_interopDefaultCompat(getQuarter);
+var getYear__default = /*#__PURE__*/_interopDefaultCompat(getYear);
+var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
+var isYesterday__default = /*#__PURE__*/_interopDefaultCompat(isYesterday);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var startOfQuarter__default = /*#__PURE__*/_interopDefaultCompat(startOfQuarter);
+var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
+var startOfYear__default = /*#__PURE__*/_interopDefaultCompat(startOfYear);
+
+var formatPeriod = function (valueFrom, valueTo, periodType, showCurrentYear) {
     if (periodType === 'day') {
-        if (isToday(valueFrom))
+        if (isToday__default.default(valueFrom))
             return 'Сегодня';
-        if (isYesterday(valueFrom))
+        if (isYesterday__default.default(valueFrom))
             return 'Вчера';
-        return formatDate(valueFrom);
+        return utils.formatDate(valueFrom);
     }
     if (periodType === 'month') {
-        const monthAndYear = `${monthName(valueFrom)} ${getYear(valueFrom)}`;
+        var monthAndYear = "".concat(utils.monthName(valueFrom), " ").concat(getYear__default.default(valueFrom));
         if (showCurrentYear) {
             return monthAndYear;
         }
-        const year = getYear(valueFrom);
-        return year === getYear(new Date()) ? monthName(valueFrom) : monthAndYear;
+        var year = getYear__default.default(valueFrom);
+        return year === getYear__default.default(new Date()) ? utils.monthName(valueFrom) : monthAndYear;
     }
     if (periodType === 'quarter') {
-        return `${getQuarter(valueFrom)} квартал ${getYear(valueFrom)}`;
+        return "".concat(getQuarter__default.default(valueFrom), " \u043A\u0432\u0430\u0440\u0442\u0430\u043B ").concat(getYear__default.default(valueFrom));
     }
     if (periodType === 'year') {
-        return `${getYear(valueFrom)} год`;
+        return "".concat(getYear__default.default(valueFrom), " \u0433\u043E\u0434");
     }
-    return `${formatDate(valueFrom)} - ${formatDate(valueTo)}`;
+    return "".concat(utils.formatDate(valueFrom), " - ").concat(utils.formatDate(valueTo));
 };
-const getYearSelectorValue = (valueFrom, showCurrentYear) => {
+var getYearSelectorValue = function (valueFrom, showCurrentYear) {
     if (!valueFrom) {
         return '';
     }
-    const year = getYear(valueFrom);
-    if (year === getYear(new Date())) {
+    var year = getYear__default.default(valueFrom);
+    if (year === getYear__default.default(new Date())) {
         return showCurrentYear ? year : '';
     }
     return year;
 };
-const shiftValues = (valueFrom, valueTo, periodType, direction) => {
-    let newValueFrom = valueFrom;
-    let newValueTo = valueTo;
-    const amount = direction === 'next' ? 1 : -1;
+var shiftValues = function (valueFrom, valueTo, periodType, direction) {
+    var newValueFrom = valueFrom;
+    var newValueTo = valueTo;
+    var amount = direction === 'next' ? 1 : -1;
     switch (periodType) {
         case 'day':
-            newValueFrom = addDays(valueFrom, amount);
-            newValueTo = addDays(valueFrom, amount);
+            newValueFrom = addDays__default.default(valueFrom, amount);
+            newValueTo = addDays__default.default(valueFrom, amount);
             break;
         case 'week':
-            newValueFrom = startOfWeek(addWeeks(valueFrom, amount), { weekStartsOn: 1 });
-            newValueTo = endOfWeek(newValueFrom, { weekStartsOn: 1 });
+            newValueFrom = startOfWeek__default.default(addWeeks__default.default(valueFrom, amount), { weekStartsOn: 1 });
+            newValueTo = endOfWeek__default.default(newValueFrom, { weekStartsOn: 1 });
             break;
         case 'month':
-            newValueFrom = startOfMonth(addMonths(valueFrom, amount));
-            newValueTo = endOfMonth(newValueFrom);
+            newValueFrom = startOfMonth__default.default(addMonths__default.default(valueFrom, amount));
+            newValueTo = endOfMonth__default.default(newValueFrom);
             break;
         case 'quarter':
-            newValueFrom = startOfQuarter(addQuarters(valueFrom, amount));
-            newValueTo = endOfQuarter(newValueFrom);
+            newValueFrom = startOfQuarter__default.default(addQuarters__default.default(valueFrom, amount));
+            newValueTo = endOfQuarter__default.default(newValueFrom);
             break;
         case 'year':
-            newValueFrom = startOfYear(addYears(valueFrom, amount));
-            newValueTo = endOfYear(newValueFrom);
+            newValueFrom = startOfYear__default.default(addYears__default.default(valueFrom, amount));
+            newValueTo = endOfYear__default.default(newValueFrom);
             break;
         case 'range': {
-            const diffInDays = differenceInDays(valueTo, valueFrom);
-            newValueFrom = addDays(valueFrom, diffInDays * amount);
-            newValueTo = addDays(valueTo, diffInDays * amount);
+            var diffInDays = differenceInDays__default.default(valueTo, valueFrom);
+            newValueFrom = addDays__default.default(valueFrom, diffInDays * amount);
+            newValueTo = addDays__default.default(valueTo, diffInDays * amount);
             break;
         }
     }
@@ -106,4 +113,6 @@ const shiftValues = (valueFrom, valueTo, periodType, direction) => {
     };
 };
 
-export { formatPeriod, getYearSelectorValue, shiftValues };
+exports.formatPeriod = formatPeriod;
+exports.getYearSelectorValue = getYearSelectorValue;
+exports.shiftValues = shiftValues;

package/calendar/cssm/components/select-button/Component.js

@@ -1,8 +1,20 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { ButtonDesktop } from '../../../../button/cssm/desktop';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SelectButton = forwardRef(({ className, children, view = 'default', ...restProps }, ref) => (React.createElement(ButtonDesktop, { ...restProps, ref: ref, view: 'text', size: 'xs', className: cn(styles.button, styles[view], className) }, children)));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var desktop = require('../../../../button/cssm/desktop');
+var styles = require('./index.module.css');
 
-export { SelectButton };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var SelectButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.view, view = _b === void 0 ? 'default' : _b, restProps = tslib.__rest(_a, ["className", "children", "view"]);
+    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({}, restProps, { ref: ref, view: 'text', size: 'xs', className: cn__default.default(styles__default.default.button, styles__default.default[view], className) }), children));
+});
+
+exports.SelectButton = SelectButton;

package/calendar/cssm/components/select-button/index.js

@@ -1,5 +1,7 @@
-export { SelectButton } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../button/cssm/desktop';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_selectButton_Component = require('./Component.js');
+
+
+
+exports.SelectButton = components_selectButton_Component.SelectButton;

package/calendar/cssm/components/years-table/Component.js

@@ -1,22 +1,33 @@
-import React from 'react';
-import cn from 'classnames';
-import isSameYear from 'date-fns/isSameYear';
-import isThisYear from 'date-fns/isThisYear';
-import { SelectButton } from '../select-button/Component.js';
-import styles from './index.module.css';
-import '../../../../button/cssm/desktop';
-import '../select-button/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const YearsTable = ({ selectedYear, years = [], getYearProps, responsive, }) => {
-    const view = (year) => {
-        if (selectedYear && isSameYear(selectedYear, year))
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var isSameYear = require('date-fns/isSameYear');
+var isThisYear = require('date-fns/isThisYear');
+var components_selectButton_Component = require('../select-button/Component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var isSameYear__default = /*#__PURE__*/_interopDefaultCompat(isSameYear);
+var isThisYear__default = /*#__PURE__*/_interopDefaultCompat(isThisYear);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var YearsTable = function (_a) {
+    var _b;
+    var selectedYear = _a.selectedYear, _c = _a.years, years = _c === void 0 ? [] : _c, getYearProps = _a.getYearProps, responsive = _a.responsive;
+    var view = function (year) {
+        if (selectedYear && isSameYear__default.default(selectedYear, year))
             return 'selected';
-        if (isThisYear(year))
+        if (isThisYear__default.default(year))
             return 'current';
         return 'default';
     };
-    return (React.createElement("div", { className: cn(styles.yearsTable, { [styles.responsive]: responsive }) },
-        React.createElement("div", { className: styles.inner }, years.map((year) => (React.createElement(SelectButton, { ...getYearProps(year), key: year.getFullYear(), view: view(year), className: styles.button }, year.getFullYear()))))));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.yearsTable, (_b = {}, _b[styles__default.default.responsive] = responsive, _b)) },
+        React__default.default.createElement("div", { className: styles__default.default.inner }, years.map(function (year) { return (React__default.default.createElement(components_selectButton_Component.SelectButton, tslib.__assign({}, getYearProps(year), { key: year.getFullYear(), view: view(year), className: styles__default.default.button }), year.getFullYear())); }))));
 };
 
-export { YearsTable };
+exports.YearsTable = YearsTable;

package/calendar/cssm/components/years-table/index.js

@@ -1,9 +1,7 @@
-export { YearsTable } from './Component.js';
-import 'react';
-import 'classnames';
-import 'date-fns/isSameYear';
-import 'date-fns/isThisYear';
-import '../select-button/Component.js';
-import '../../../../button/cssm/desktop';
-import '../select-button/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_yearsTable_Component = require('./Component.js');
+
+
+
+exports.YearsTable = components_yearsTable_Component.YearsTable;