@alfalab/core-components 23.12.0-beta.1 → 23.12.0-beta.2

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-67456870.js');
+var tslib_es6 = require('./tslib.es6-4ab2b8f8.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-67456870.js');
+var tslib_es6 = require('../../tslib.es6-4ab2b8f8.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/components/months-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-67456870.js');
+var tslib_es6 = require('../../tslib.es6-4ab2b8f8.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/months-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/components/period-slider/Component.d.ts

@@ -4,7 +4,7 @@ type PeriodSliderProps = {
     /**
      * Активная дата или период
      */
-    value: Date | [Date, Date];
+    value?: Date | [Date, Date];
     /**
      * Вид шапки — с кнопками выбора года и месяца или только период
      */

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');
@@ -14,29 +14,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
+var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","empty":"calendar__empty_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {
-    var _b, _c;
-    var value = _a.value, _d = _a.view, view = _d === void 0 ? 'month-only' : _d, _e = _a.periodType, periodType = _e === void 0 ? 'month' : _e, className = _a.className, _f = _a.periodFormatter, periodFormatter = _f === void 0 ? components_periodSlider_utils.formatPeriod : _f, _g = _a.prevArrowDisabled, prevArrowDisabled = _g === void 0 ? false : _g, _h = _a.nextArrowDisabled, nextArrowDisabled = _h === void 0 ? false : _h, _j = _a.hideDisabledArrows, hideDisabledArrows = _j === void 0 ? false : _j, _k = _a.onPrevArrowClick, onPrevArrowClick = _k === void 0 ? function () { return null; } : _k, _l = _a.onNextArrowClick, onNextArrowClick = _l === void 0 ? function () { return null; } : _l, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId;
-    var valueFrom;
-    var valueTo;
-    if (Array.isArray(value)) {
-        valueFrom = value[0], valueTo = value[1];
-    }
-    else {
-        _b = [value, value], valueFrom = _b[0], valueTo = _b[1];
-        if (periodType === 'week') {
-            valueFrom = dateFns.startOfWeek(valueFrom, { weekStartsOn: 1 });
-            valueTo = dateFns.endOfWeek(valueFrom, { weekStartsOn: 1 });
+    var _b;
+    var value = _a.value, _c = _a.view, view = _c === void 0 ? 'month-only' : _c, _d = _a.periodType, periodType = _d === void 0 ? 'month' : _d, className = _a.className, _e = _a.periodFormatter, periodFormatter = _e === void 0 ? components_periodSlider_utils.formatPeriod : _e, _f = _a.prevArrowDisabled, prevArrowDisabled = _f === void 0 ? false : _f, _g = _a.nextArrowDisabled, nextArrowDisabled = _g === void 0 ? false : _g, _h = _a.hideDisabledArrows, hideDisabledArrows = _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, dataTestId = _a.dataTestId;
+    var _l = React.useMemo(function () {
+        var _a;
+        var from;
+        var to;
+        if (!value)
+            return [undefined, undefined];
+        if (Array.isArray(value)) {
+            from = value[0], to = value[1];
         }
-    }
-    var month = utils.monthName(valueFrom);
-    var year = valueFrom.getFullYear().toString();
-    var showPrevButton = !(hideDisabledArrows && prevArrowDisabled);
-    var showNextButton = !(hideDisabledArrows && nextArrowDisabled);
+        else {
+            _a = [value, value], from = _a[0], to = _a[1];
+            if (periodType === 'week') {
+                from = dateFns.startOfWeek(from, { weekStartsOn: 1 });
+                to = dateFns.endOfWeek(from, { weekStartsOn: 1 });
+            }
+        }
+        return [from, to];
+    }, [periodType, value]), valueFrom = _l[0], valueTo = _l[1];
+    var month = valueFrom ? utils.monthName(valueFrom) : undefined;
+    var year = valueFrom ? valueFrom.getFullYear().toString() : undefined;
+    var showPrevButton = !(hideDisabledArrows && (prevArrowDisabled || !valueFrom));
+    var showNextButton = !(hideDisabledArrows && (nextArrowDisabled || !valueFrom));
     var handleNextArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'next');
         onNextArrowClick(event, {
             value: newValues.valueFrom,
@@ -46,6 +54,8 @@ var PeriodSlider = function (_a) {
         });
     };
     var handlePrevArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'prev');
         onPrevArrowClick(event, {
             value: newValues.valueFrom,
@@ -54,11 +64,11 @@ var PeriodSlider = function (_a) {
             periodType: periodType,
         });
     };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_c = {},
-            _c[styles.full] = view === 'full',
-            _c)), "aria-live": 'polite', "data-test-id": dataTestId },
-        showPrevButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
-        view === 'full' ? (React__default['default'].createElement(React__default['default'].Fragment, null,
+    var renderHeader = function () {
+        if (!valueFrom || !valueTo) {
+            return React__default['default'].createElement("span", { className: cn__default['default'](styles.period, styles.empty) }, "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u0435\u0440\u0438\u043E\u0434");
+        }
+        return view === 'full' ? (React__default['default'].createElement(React__default['default'].Fragment, null,
             React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: styles.month, onClick: onMonthClick },
                 React__default['default'].createElement("span", { className: styles.buttonContent },
                     month,
@@ -66,8 +76,14 @@ var PeriodSlider = function (_a) {
             React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: styles.year, onClick: onYearClick },
                 React__default['default'].createElement("span", { className: styles.buttonContent },
                     year,
-                    React__default['default'].createElement("span", { className: styles.upDownIcon }))))) : (React__default['default'].createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType))),
-        showNextButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+                    React__default['default'].createElement("span", { className: styles.upDownIcon }))))) : (React__default['default'].createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType)));
+    };
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
+            _b[styles.full] = view === 'full',
+            _b)), "aria-live": 'polite', "data-test-id": dataTestId },
+        showPrevButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        renderHeader(),
+        showNextButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
 };
 
 exports.PeriodSlider = PeriodSlider;

package/calendar/components/period-slider/index.css

@@ -603,6 +603,9 @@
         flex-grow: 1
 }
     }
+.calendar__empty_s40ku {
+    color: var(--color-light-text-secondary);
+}
 .calendar__upDownIcon_s40ku {
     display: block;
     background: var(--calendar-select-icon-background);

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('date-fns');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-67456870.js');
+var tslib_es6 = require('../../tslib.es6-4ab2b8f8.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('../../../button');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-67456870.js');
+var tslib_es6 = require('../../tslib.es6-4ab2b8f8.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-67456870.js');
+require('../../tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/cssm/components/period-slider/Component.d.ts

@@ -4,7 +4,7 @@ type PeriodSliderProps = {
     /**
      * Активная дата или период
      */
-    value: Date | [Date, Date];
+    value?: Date | [Date, Date];
     /**
      * Вид шапки — с кнопками выбора года и месяца или только период
      */

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

@@ -18,25 +18,33 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var PeriodSlider = function (_a) {
-    var _b, _c;
-    var value = _a.value, _d = _a.view, view = _d === void 0 ? 'month-only' : _d, _e = _a.periodType, periodType = _e === void 0 ? 'month' : _e, className = _a.className, _f = _a.periodFormatter, periodFormatter = _f === void 0 ? components_periodSlider_utils.formatPeriod : _f, _g = _a.prevArrowDisabled, prevArrowDisabled = _g === void 0 ? false : _g, _h = _a.nextArrowDisabled, nextArrowDisabled = _h === void 0 ? false : _h, _j = _a.hideDisabledArrows, hideDisabledArrows = _j === void 0 ? false : _j, _k = _a.onPrevArrowClick, onPrevArrowClick = _k === void 0 ? function () { return null; } : _k, _l = _a.onNextArrowClick, onNextArrowClick = _l === void 0 ? function () { return null; } : _l, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId;
-    var valueFrom;
-    var valueTo;
-    if (Array.isArray(value)) {
-        valueFrom = value[0], valueTo = value[1];
-    }
-    else {
-        _b = [value, value], valueFrom = _b[0], valueTo = _b[1];
-        if (periodType === 'week') {
-            valueFrom = dateFns.startOfWeek(valueFrom, { weekStartsOn: 1 });
-            valueTo = dateFns.endOfWeek(valueFrom, { weekStartsOn: 1 });
+    var _b;
+    var value = _a.value, _c = _a.view, view = _c === void 0 ? 'month-only' : _c, _d = _a.periodType, periodType = _d === void 0 ? 'month' : _d, className = _a.className, _e = _a.periodFormatter, periodFormatter = _e === void 0 ? components_periodSlider_utils.formatPeriod : _e, _f = _a.prevArrowDisabled, prevArrowDisabled = _f === void 0 ? false : _f, _g = _a.nextArrowDisabled, nextArrowDisabled = _g === void 0 ? false : _g, _h = _a.hideDisabledArrows, hideDisabledArrows = _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, dataTestId = _a.dataTestId;
+    var _l = React.useMemo(function () {
+        var _a;
+        var from;
+        var to;
+        if (!value)
+            return [undefined, undefined];
+        if (Array.isArray(value)) {
+            from = value[0], to = value[1];
         }
-    }
-    var month = utils.monthName(valueFrom);
-    var year = valueFrom.getFullYear().toString();
-    var showPrevButton = !(hideDisabledArrows && prevArrowDisabled);
-    var showNextButton = !(hideDisabledArrows && nextArrowDisabled);
+        else {
+            _a = [value, value], from = _a[0], to = _a[1];
+            if (periodType === 'week') {
+                from = dateFns.startOfWeek(from, { weekStartsOn: 1 });
+                to = dateFns.endOfWeek(from, { weekStartsOn: 1 });
+            }
+        }
+        return [from, to];
+    }, [periodType, value]), valueFrom = _l[0], valueTo = _l[1];
+    var month = valueFrom ? utils.monthName(valueFrom) : undefined;
+    var year = valueFrom ? valueFrom.getFullYear().toString() : undefined;
+    var showPrevButton = !(hideDisabledArrows && (prevArrowDisabled || !valueFrom));
+    var showNextButton = !(hideDisabledArrows && (nextArrowDisabled || !valueFrom));
     var handleNextArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'next');
         onNextArrowClick(event, {
             value: newValues.valueFrom,
@@ -46,6 +54,8 @@ var PeriodSlider = function (_a) {
         });
     };
     var handlePrevArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = components_periodSlider_utils.shiftValues(valueFrom, valueTo, periodType, 'prev');
         onPrevArrowClick(event, {
             value: newValues.valueFrom,
@@ -54,11 +64,11 @@ var PeriodSlider = function (_a) {
             periodType: periodType,
         });
     };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_c = {},
-            _c[styles__default['default'].full] = view === 'full',
-            _c)), "aria-live": 'polite', "data-test-id": dataTestId },
-        showPrevButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles__default['default'].arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
-        view === 'full' ? (React__default['default'].createElement(React__default['default'].Fragment, null,
+    var renderHeader = function () {
+        if (!valueFrom || !valueTo) {
+            return React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].period, styles__default['default'].empty) }, "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u0435\u0440\u0438\u043E\u0434");
+        }
+        return view === 'full' ? (React__default['default'].createElement(React__default['default'].Fragment, null,
             React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: styles__default['default'].month, onClick: onMonthClick },
                 React__default['default'].createElement("span", { className: styles__default['default'].buttonContent },
                     month,
@@ -66,8 +76,14 @@ var PeriodSlider = function (_a) {
             React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: styles__default['default'].year, onClick: onYearClick },
                 React__default['default'].createElement("span", { className: styles__default['default'].buttonContent },
                     year,
-                    React__default['default'].createElement("span", { className: styles__default['default'].upDownIcon }))))) : (React__default['default'].createElement("span", { className: styles__default['default'].period }, periodFormatter(valueFrom, valueTo, periodType))),
-        showNextButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles__default['default'].arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+                    React__default['default'].createElement("span", { className: styles__default['default'].upDownIcon }))))) : (React__default['default'].createElement("span", { className: styles__default['default'].period }, periodFormatter(valueFrom, valueTo, periodType)));
+    };
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
+            _b[styles__default['default'].full] = view === 'full',
+            _b)), "aria-live": 'polite', "data-test-id": dataTestId },
+        showPrevButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles__default['default'].arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        renderHeader(),
+        showNextButton && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles__default['default'].arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
 };
 
 exports.PeriodSlider = PeriodSlider;

package/calendar/cssm/components/period-slider/index.module.css

@@ -602,6 +602,9 @@
         flex-grow: 1
 }
     }
+.empty {
+    color: var(--color-light-text-secondary);
+}
 .upDownIcon {
     display: block;
     background: var(--calendar-select-icon-background);

package/calendar/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-68ef3e8e.js';
+import { _ as __assign } from './tslib.es6-e343fc3f.js';
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import { startOfMonth, startOfDay, endOfDay } from 'date-fns';

package/calendar/esm/components/days-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-68ef3e8e.js';
+import { _ as __assign } from '../../tslib.es6-e343fc3f.js';
 import React, { useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { startOfMonth, isToday, isEqual, isSameDay, isWithinInterval, isLastDayOfMonth } from 'date-fns';

package/calendar/esm/components/days-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-68ef3e8e.js';
+import '../../tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/months-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-68ef3e8e.js';
+import { _ as __assign } from '../../tslib.es6-e343fc3f.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import { isSameMonth, isThisMonth } from 'date-fns';

package/calendar/esm/components/months-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-68ef3e8e.js';
+import '../../tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/period-slider/Component.d.ts

@@ -4,7 +4,7 @@ type PeriodSliderProps = {
     /**
      * Активная дата или период
      */
-    value: Date | [Date, Date];
+    value?: Date | [Date, Date];
     /**
      * Вид шапки — с кнопками выбора года и месяца или только период
      */

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

@@ -1,35 +1,43 @@
-import '../../tslib.es6-68ef3e8e.js';
-import React from 'react';
+import '../../tslib.es6-e343fc3f.js';
+import React, { useMemo } from 'react';
 import cn from 'classnames';
 import { startOfWeek, endOfWeek } from 'date-fns';
 import { Button } from '../../../../button/esm';
 import { monthName } from '../../utils.js';
 import { SelectButton } from '../select-button/Component.js';
-import { formatPeriod, shiftValues } from './utils.js';
+import { shiftValues, formatPeriod } from './utils.js';
 
-var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
+var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","empty":"calendar__empty_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {
-    var _b, _c;
-    var value = _a.value, _d = _a.view, view = _d === void 0 ? 'month-only' : _d, _e = _a.periodType, periodType = _e === void 0 ? 'month' : _e, className = _a.className, _f = _a.periodFormatter, periodFormatter = _f === void 0 ? formatPeriod : _f, _g = _a.prevArrowDisabled, prevArrowDisabled = _g === void 0 ? false : _g, _h = _a.nextArrowDisabled, nextArrowDisabled = _h === void 0 ? false : _h, _j = _a.hideDisabledArrows, hideDisabledArrows = _j === void 0 ? false : _j, _k = _a.onPrevArrowClick, onPrevArrowClick = _k === void 0 ? function () { return null; } : _k, _l = _a.onNextArrowClick, onNextArrowClick = _l === void 0 ? function () { return null; } : _l, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId;
-    var valueFrom;
-    var valueTo;
-    if (Array.isArray(value)) {
-        valueFrom = value[0], valueTo = value[1];
-    }
-    else {
-        _b = [value, value], valueFrom = _b[0], valueTo = _b[1];
-        if (periodType === 'week') {
-            valueFrom = startOfWeek(valueFrom, { weekStartsOn: 1 });
-            valueTo = endOfWeek(valueFrom, { weekStartsOn: 1 });
+    var _b;
+    var value = _a.value, _c = _a.view, view = _c === void 0 ? 'month-only' : _c, _d = _a.periodType, periodType = _d === void 0 ? 'month' : _d, className = _a.className, _e = _a.periodFormatter, periodFormatter = _e === void 0 ? formatPeriod : _e, _f = _a.prevArrowDisabled, prevArrowDisabled = _f === void 0 ? false : _f, _g = _a.nextArrowDisabled, nextArrowDisabled = _g === void 0 ? false : _g, _h = _a.hideDisabledArrows, hideDisabledArrows = _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, dataTestId = _a.dataTestId;
+    var _l = useMemo(function () {
+        var _a;
+        var from;
+        var to;
+        if (!value)
+            return [undefined, undefined];
+        if (Array.isArray(value)) {
+            from = value[0], to = value[1];
         }
-    }
-    var month = monthName(valueFrom);
-    var year = valueFrom.getFullYear().toString();
-    var showPrevButton = !(hideDisabledArrows && prevArrowDisabled);
-    var showNextButton = !(hideDisabledArrows && nextArrowDisabled);
+        else {
+            _a = [value, value], from = _a[0], to = _a[1];
+            if (periodType === 'week') {
+                from = startOfWeek(from, { weekStartsOn: 1 });
+                to = endOfWeek(from, { weekStartsOn: 1 });
+            }
+        }
+        return [from, to];
+    }, [periodType, value]), valueFrom = _l[0], valueTo = _l[1];
+    var month = valueFrom ? monthName(valueFrom) : undefined;
+    var year = valueFrom ? valueFrom.getFullYear().toString() : undefined;
+    var showPrevButton = !(hideDisabledArrows && (prevArrowDisabled || !valueFrom));
+    var showNextButton = !(hideDisabledArrows && (nextArrowDisabled || !valueFrom));
     var handleNextArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = shiftValues(valueFrom, valueTo, periodType, 'next');
         onNextArrowClick(event, {
             value: newValues.valueFrom,
@@ -39,6 +47,8 @@ var PeriodSlider = function (_a) {
         });
     };
     var handlePrevArrowClick = function (event) {
+        if (!valueFrom || !valueTo)
+            return;
         var newValues = shiftValues(valueFrom, valueTo, periodType, 'prev');
         onPrevArrowClick(event, {
             value: newValues.valueFrom,
@@ -47,11 +57,11 @@ var PeriodSlider = function (_a) {
             periodType: periodType,
         });
     };
-    return (React.createElement("div", { className: cn(styles.component, className, (_c = {},
-            _c[styles.full] = view === 'full',
-            _c)), "aria-live": 'polite', "data-test-id": dataTestId },
-        showPrevButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
-        view === 'full' ? (React.createElement(React.Fragment, null,
+    var renderHeader = function () {
+        if (!valueFrom || !valueTo) {
+            return React.createElement("span", { className: cn(styles.period, styles.empty) }, "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u0435\u0440\u0438\u043E\u0434");
+        }
+        return view === 'full' ? (React.createElement(React.Fragment, null,
             React.createElement(SelectButton, { view: 'filled', className: styles.month, onClick: onMonthClick },
                 React.createElement("span", { className: styles.buttonContent },
                     month,
@@ -59,8 +69,14 @@ var PeriodSlider = function (_a) {
             React.createElement(SelectButton, { view: 'filled', className: styles.year, onClick: onYearClick },
                 React.createElement("span", { className: styles.buttonContent },
                     year,
-                    React.createElement("span", { className: styles.upDownIcon }))))) : (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType))),
-        showNextButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+                    React.createElement("span", { className: styles.upDownIcon }))))) : (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType)));
+    };
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
+            _b[styles.full] = view === 'full',
+            _b)), "aria-live": 'polite', "data-test-id": dataTestId },
+        showPrevButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        renderHeader(),
+        showNextButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
 };
 
 export { PeriodSlider };

package/calendar/esm/components/period-slider/index.css

@@ -603,6 +603,9 @@
         flex-grow: 1
 }
     }
+.calendar__empty_s40ku {
+    color: var(--color-light-text-secondary);
+}
 .calendar__upDownIcon_s40ku {
     display: block;
     background: var(--calendar-select-icon-background);

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-68ef3e8e.js';
+import '../../tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

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

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-68ef3e8e.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-e343fc3f.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-68ef3e8e.js';
+import '../../tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-68ef3e8e.js';
+import { _ as __assign } from '../../tslib.es6-e343fc3f.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import { isSameYear, isThisYear } from 'date-fns';

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-68ef3e8e.js';
+import '../../tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-68ef3e8e.js';
+import './tslib.es6-e343fc3f.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/tslib.es6-e343fc3f.d.ts

@@ -0,0 +1,32 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __await(v: any): any;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
+declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };

package/calendar/esm/tslib.es6-e343fc3f.js

@@ -0,0 +1,40 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(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;
+}
+
+export { __assign as _, __rest as a };

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-67456870.js');
+require('./tslib.es6-4ab2b8f8.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/modern/components/period-slider/Component.d.ts

@@ -4,7 +4,7 @@ type PeriodSliderProps = {
     /**
      * Активная дата или период
      */
-    value: Date | [Date, Date];
+    value?: Date | [Date, Date];
     /**
      * Вид шапки — с кнопками выбора года и месяца или только период
      */

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import cn from 'classnames';
 import { startOfWeek, endOfWeek } from 'date-fns';
 import { Button } from '../../../../button/modern';
@@ -6,27 +6,34 @@ import { monthName } from '../../utils.js';
 import { SelectButton } from '../select-button/Component.js';
 import { formatPeriod, shiftValues } from './utils.js';
 
-var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
+var styles = {"component":"calendar__component_s40ku","month":"calendar__month_s40ku","year":"calendar__year_s40ku","buttonContent":"calendar__buttonContent_s40ku","period":"calendar__period_s40ku","empty":"calendar__empty_s40ku","upDownIcon":"calendar__upDownIcon_s40ku","arrow":"calendar__arrow_s40ku","full":"calendar__full_s40ku"};
 require('./index.css');
 
 const PeriodSlider = ({ value, view = 'month-only', periodType = 'month', className, periodFormatter = formatPeriod, prevArrowDisabled = false, nextArrowDisabled = false, hideDisabledArrows = false, onPrevArrowClick = () => null, onNextArrowClick = () => null, onMonthClick, onYearClick, dataTestId, }) => {
-    let valueFrom;
-    let valueTo;
-    if (Array.isArray(value)) {
-        [valueFrom, valueTo] = value;
-    }
-    else {
-        [valueFrom, valueTo] = [value, value];
-        if (periodType === 'week') {
-            valueFrom = startOfWeek(valueFrom, { weekStartsOn: 1 });
-            valueTo = endOfWeek(valueFrom, { weekStartsOn: 1 });
+    const [valueFrom, valueTo] = useMemo(() => {
+        let from;
+        let to;
+        if (!value)
+            return [undefined, undefined];
+        if (Array.isArray(value)) {
+            [from, to] = value;
         }
-    }
-    const month = monthName(valueFrom);
-    const year = valueFrom.getFullYear().toString();
-    const showPrevButton = !(hideDisabledArrows && prevArrowDisabled);
-    const showNextButton = !(hideDisabledArrows && nextArrowDisabled);
+        else {
+            [from, to] = [value, value];
+            if (periodType === 'week') {
+                from = startOfWeek(from, { weekStartsOn: 1 });
+                to = endOfWeek(from, { weekStartsOn: 1 });
+            }
+        }
+        return [from, to];
+    }, [periodType, value]);
+    const month = valueFrom ? monthName(valueFrom) : undefined;
+    const year = valueFrom ? valueFrom.getFullYear().toString() : undefined;
+    const showPrevButton = !(hideDisabledArrows && (prevArrowDisabled || !valueFrom));
+    const showNextButton = !(hideDisabledArrows && (nextArrowDisabled || !valueFrom));
     const handleNextArrowClick = (event) => {
+        if (!valueFrom || !valueTo)
+            return;
         const newValues = shiftValues(valueFrom, valueTo, periodType, 'next');
         onNextArrowClick(event, {
             value: newValues.valueFrom,
@@ -36,6 +43,8 @@ const PeriodSlider = ({ value, view = 'month-only', periodType = 'month', classN
         });
     };
     const handlePrevArrowClick = (event) => {
+        if (!valueFrom || !valueTo)
+            return;
         const newValues = shiftValues(valueFrom, valueTo, periodType, 'prev');
         onPrevArrowClick(event, {
             value: newValues.valueFrom,
@@ -44,11 +53,11 @@ const PeriodSlider = ({ value, view = 'month-only', periodType = 'month', classN
             periodType,
         });
     };
-    return (React.createElement("div", { className: cn(styles.component, className, {
-            [styles.full]: view === 'full',
-        }), "aria-live": 'polite', "data-test-id": dataTestId },
-        showPrevButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
-        view === 'full' ? (React.createElement(React.Fragment, null,
+    const renderHeader = () => {
+        if (!valueFrom || !valueTo) {
+            return React.createElement("span", { className: cn(styles.period, styles.empty) }, "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u0435\u0440\u0438\u043E\u0434");
+        }
+        return view === 'full' ? (React.createElement(React.Fragment, null,
             React.createElement(SelectButton, { view: 'filled', className: styles.month, onClick: onMonthClick },
                 React.createElement("span", { className: styles.buttonContent },
                     month,
@@ -56,8 +65,14 @@ const PeriodSlider = ({ value, view = 'month-only', periodType = 'month', classN
             React.createElement(SelectButton, { view: 'filled', className: styles.year, onClick: onYearClick },
                 React.createElement("span", { className: styles.buttonContent },
                     year,
-                    React.createElement("span", { className: styles.upDownIcon }))))) : (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType))),
-        showNextButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+                    React.createElement("span", { className: styles.upDownIcon }))))) : (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType)));
+    };
+    return (React.createElement("div", { className: cn(styles.component, className, {
+            [styles.full]: view === 'full',
+        }), "aria-live": 'polite', "data-test-id": dataTestId },
+        showPrevButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        renderHeader(),
+        showNextButton && (React.createElement(Button, { view: 'ghost', className: styles.arrow, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
 };
 
 export { PeriodSlider };

package/calendar/modern/components/period-slider/index.css

@@ -603,6 +603,9 @@
         flex-grow: 1
 }
     }
+.calendar__empty_s40ku {
+    color: var(--color-light-text-secondary);
+}
 .calendar__upDownIcon_s40ku {
     display: block;
     background: var(--calendar-select-icon-background);

package/calendar/tslib.es6-4ab2b8f8.d.ts

@@ -0,0 +1,32 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __await(v: any): any;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
+declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };

package/calendar/tslib.es6-4ab2b8f8.js

@@ -0,0 +1,40 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+function __rest(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;
+}
+
+exports.__rest = __rest;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "23.12.0-beta.1",
+  "version": "23.12.0-beta.2",
   "license": "MIT",
   "repository": {
     "type": "git",