@alfalab/core-components 36.3.1 → 36.4.0

package/calendar-range/views/index.css

@@ -36,19 +36,19 @@
 
     /* marker */
 }
-.calendar-range__component_1qrii {
+.calendar-range__component_17yx8 {
     display: flex
 }
-.calendar-range__component_1qrii button[aria-selected='true'] {
+.calendar-range__component_17yx8 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_1qrii *[class*='errorIcon_'] {
+.calendar-range__component_17yx8 *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_1qrii *[class*='calendarIcon_'] {
+.calendar-range__component_17yx8 *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_1qrii {
+.calendar-range__divider_17yx8 {
     height: 48px;
     display: flex;
     align-items: center;
@@ -56,13 +56,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1qrii:after {
+.calendar-range__divider_17yx8:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_1qrii .calendar-range__calendar_1qrii {
+.calendar-range__static_17yx8 .calendar-range__calendar_17yx8 {
         width: var(--calendar-inner-width);
     }

package/calendar-range/views/popover.js

@@ -1,26 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_module = require('../index.module-2b303367.js');
+var index_module = require('../index.module-3391f602.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsCalendarInput = require('../../calendar-input');
 var coreComponentsDateInput = require('../../date-input');
+var hooks = require('../hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-var hooks = require('../hooks.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 
 var CalendarRangePopover = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
     var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
     /**
@@ -112,10 +104,10 @@ var CalendarRangePopover = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasValidateError]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default['default'].createElement("span", { className: index_module.styles.divider }),
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
+    return (React.createElement("div", { className: cn(index_module.styles.component, className), "data-test-id": dataTestId },
+        React.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
+        React.createElement("span", { className: index_module.styles.divider }),
+        React.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 
 exports.CalendarRangePopover = CalendarRangePopover;

package/calendar-range/views/static.js

@@ -1,33 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_module = require('../index.module-2b303367.js');
+var index_module = require('../index.module-3391f602.js');
 var React = require('react');
 var cn = require('classnames');
-var startOfMonth = require('date-fns/startOfMonth');
-var coreComponentsCalendarInput = require('../../calendar-input');
-var coreComponentsDateInput = require('../../date-input');
 var addMonths = require('date-fns/addMonths');
-require('date-fns/isEqual');
+var endOfMonth = require('date-fns/endOfMonth');
 var max = require('date-fns/max');
-require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
-var hooks = require('../hooks.js');
-var endOfMonth = require('date-fns/endOfMonth');
 var coreComponentsCalendar = require('../../calendar');
+var coreComponentsCalendarInput = require('../../calendar-input');
+var coreComponentsDateInput = require('../../date-input');
+var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
-var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
-var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
-var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
+require('date-fns/isEqual');
+require('date-fns/min');
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
     var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -157,18 +145,18 @@ var CalendarRangeStatic = function (_a) {
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-    React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, index_module.styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
+    React.createElement("div", { className: cn(index_module.styles.component, index_module.styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+        React.createElement("div", null,
+            React.createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React__default['default'].createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn__default['default'](index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default['default']([maxDate, endOfMonth__default['default'](subMonths__default['default'](maxDate, 1))]).getTime() }, rangeProps))),
-        React__default['default'].createElement("span", { className: index_module.styles.divider }),
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
+            React.createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime() }, rangeProps))),
+        React.createElement("span", { className: index_module.styles.divider }),
+        React.createElement("div", null,
+            React.createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true })),
-            React__default['default'].createElement(CalendarToComponent, index_module.__assign({}, calendarToProps, { className: cn__default['default'](index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth__default['default'](addMonths__default['default'](minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React.createElement(CalendarToComponent, index_module.__assign({}, calendarToProps, { className: cn(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/calendar-with-skeleton/Component.js

@@ -1,16 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsCalendar = require('../calendar');
 var coreComponentsSkeleton = require('../skeleton');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -50,26 +43,26 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_t1imm","calendarVisible":"calendar-with-skeleton__calendarVisible_t1imm","skeleton":"calendar-with-skeleton__skeleton_t1imm","header":"calendar-with-skeleton__header_t1imm","weekDays":"calendar-with-skeleton__weekDays_t1imm","row":"calendar-with-skeleton__row_t1imm","enter":"calendar-with-skeleton__enter_t1imm","enterActive":"calendar-with-skeleton__enterActive_t1imm","exit":"calendar-with-skeleton__exit_t1imm","exitActive":"calendar-with-skeleton__exitActive_t1imm"};
+var styles = {"component":"calendar-with-skeleton__component_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
 require('./index.css');
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.calendarVisible] = calendarVisible,
             _b)) },
-        calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
-        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
-            React__default['default'].createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
+        calendarVisible && React.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
+        React.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
 });
 
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/cssm/Component.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
@@ -7,12 +5,6 @@ var coreComponentsCalendar = require('../../calendar/cssm');
 var coreComponentsSkeleton = require('../../skeleton/cssm');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -56,19 +48,19 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
-            _b[styles__default['default'].calendarVisible] = calendarVisible,
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
+            _b[styles.calendarVisible] = calendarVisible,
             _b)) },
-        calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
-        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default['default'] },
-            React__default['default'].createElement("div", { className: styles__default['default'].skeleton, ref: calendarVisible ? undefined : ref },
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].header })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].weekDays })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row }))))));
+        calendarVisible && React.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
+        React.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
 });
 
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/cssm/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('react-transition-group');

package/calendar-with-skeleton/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_t1imm","calendarVisible":"calendar-with-skeleton__calendarVisible_t1imm","skeleton":"calendar-with-skeleton__skeleton_t1imm","header":"calendar-with-skeleton__header_t1imm","weekDays":"calendar-with-skeleton__weekDays_t1imm","row":"calendar-with-skeleton__row_t1imm","enter":"calendar-with-skeleton__enter_t1imm","enterActive":"calendar-with-skeleton__enterActive_t1imm","exit":"calendar-with-skeleton__exit_t1imm","exitActive":"calendar-with-skeleton__exitActive_t1imm"};
+var styles = {"component":"calendar-with-skeleton__component_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/index.css

@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_t1imm {
+.calendar-with-skeleton__component_1vq2x {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_t1imm {
+.calendar-with-skeleton__calendarVisible_1vq2x {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_t1imm {
+.calendar-with-skeleton__skeleton_1vq2x {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_t1imm {
+.calendar-with-skeleton__header_1vq2x {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_t1imm {
+.calendar-with-skeleton__weekDays_1vq2x {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x {
     height: 32px
 }
-.calendar-with-skeleton__row_t1imm + .calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_t1imm,
-.calendar-with-skeleton__enterActive_t1imm,
-.calendar-with-skeleton__exit_t1imm {
+.calendar-with-skeleton__enter_1vq2x,
+.calendar-with-skeleton__enterActive_1vq2x,
+.calendar-with-skeleton__exit_1vq2x {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_t1imm {
+.calendar-with-skeleton__exitActive_1vq2x {
     opacity: 0;
 }

package/calendar-with-skeleton/esm/index.js

@@ -1,6 +1,6 @@
+export { CalendarWithSkeleton } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
 import '../../calendar/esm';
 import '../../skeleton/esm';
-export { CalendarWithSkeleton } from './Component.js';

package/calendar-with-skeleton/index.css

@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_t1imm {
+.calendar-with-skeleton__component_1vq2x {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_t1imm {
+.calendar-with-skeleton__calendarVisible_1vq2x {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_t1imm {
+.calendar-with-skeleton__skeleton_1vq2x {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_t1imm {
+.calendar-with-skeleton__header_1vq2x {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_t1imm {
+.calendar-with-skeleton__weekDays_1vq2x {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x {
     height: 32px
 }
-.calendar-with-skeleton__row_t1imm + .calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_t1imm,
-.calendar-with-skeleton__enterActive_t1imm,
-.calendar-with-skeleton__exit_t1imm {
+.calendar-with-skeleton__enter_1vq2x,
+.calendar-with-skeleton__enterActive_1vq2x,
+.calendar-with-skeleton__exit_1vq2x {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_t1imm {
+.calendar-with-skeleton__exitActive_1vq2x {
     opacity: 0;
 }

package/calendar-with-skeleton/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('react-transition-group');

package/calendar-with-skeleton/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Calendar } from '../../calendar/modern';
 import { Skeleton } from '../../skeleton/modern';
 
-var styles = {"component":"calendar-with-skeleton__component_t1imm","calendarVisible":"calendar-with-skeleton__calendarVisible_t1imm","skeleton":"calendar-with-skeleton__skeleton_t1imm","header":"calendar-with-skeleton__header_t1imm","weekDays":"calendar-with-skeleton__weekDays_t1imm","row":"calendar-with-skeleton__row_t1imm","enter":"calendar-with-skeleton__enter_t1imm","enterActive":"calendar-with-skeleton__enterActive_t1imm","exit":"calendar-with-skeleton__exit_t1imm","exitActive":"calendar-with-skeleton__exitActive_t1imm"};
+const styles = {"component":"calendar-with-skeleton__component_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {

package/calendar-with-skeleton/modern/index.css

@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_t1imm {
+.calendar-with-skeleton__component_1vq2x {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_t1imm {
+.calendar-with-skeleton__calendarVisible_1vq2x {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_t1imm {
+.calendar-with-skeleton__skeleton_1vq2x {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_t1imm {
+.calendar-with-skeleton__header_1vq2x {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_t1imm {
+.calendar-with-skeleton__weekDays_1vq2x {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x {
     height: 32px
 }
-.calendar-with-skeleton__row_t1imm + .calendar-with-skeleton__row_t1imm {
+.calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_t1imm,
-.calendar-with-skeleton__enterActive_t1imm,
-.calendar-with-skeleton__exit_t1imm {
+.calendar-with-skeleton__enter_1vq2x,
+.calendar-with-skeleton__enterActive_1vq2x,
+.calendar-with-skeleton__exit_1vq2x {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_t1imm {
+.calendar-with-skeleton__exitActive_1vq2x {
     opacity: 0;
 }

package/calendar-with-skeleton/modern/index.js

@@ -1,6 +1,6 @@
+export { CalendarWithSkeleton } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
 import '../../calendar/modern';
 import '../../skeleton/modern';
-export { CalendarWithSkeleton } from './Component.js';

package/card-image/Component.js

@@ -1,14 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = {"cardImage":"card-image__cardImage_orjby","rounded":"card-image__rounded_orjby","image":"card-image__image_orjby","loaded":"card-image__loaded_orjby"};
+var styles = {"cardImage":"card-image__cardImage_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;
@@ -25,12 +18,12 @@ var CardImage = function (_a) {
             onLoad();
         }
     }, [onLoad]);
-    var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
-    var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
+    var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
+    var cardImageUrl2x = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
+    return (React.createElement("div", { className: cn(styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

package/card-image/cssm/Component.js

@@ -1,15 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var ASPECT_RATIO = 0.63;
 var DEFAULT_WIDTH = 280;
 var DEFAULT_BASE_URL = 'https://online.alfabank.ru/cards-images/cards/';
@@ -24,12 +16,12 @@ var CardImage = function (_a) {
             onLoad();
         }
     }, [onLoad]);
-    var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
-    var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].cardImage, rounded && styles__default['default'].rounded, loaded && styles__default['default'].loaded, className), style: {
+    var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
+    var cardImageUrl2x = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
+    return (React.createElement("div", { className: cn(styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles__default['default'].image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

package/card-image/cssm/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/card-image/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_orjby","rounded":"card-image__rounded_orjby","image":"card-image__image_orjby","loaded":"card-image__loaded_orjby"};
+var styles = {"cardImage":"card-image__cardImage_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;
@@ -18,12 +18,12 @@ var CardImage = function (_a) {
             onLoad();
         }
     }, [onLoad]);
-    var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
-    var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
+    var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
+    var cardImageUrl2x = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
     return (React.createElement("div", { className: cn(styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH };