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

package/calendar/cssm/utils.js

@@ -1,34 +1,61 @@
-import addDays from 'date-fns/addDays';
-import addMonths from 'date-fns/addMonths';
-import eachDayOfInterval from 'date-fns/eachDayOfInterval';
-import eachMonthOfInterval from 'date-fns/eachMonthOfInterval';
-import eachYearOfInterval from 'date-fns/eachYearOfInterval';
-import endOfDay from 'date-fns/endOfDay';
-import endOfWeek from 'date-fns/endOfWeek';
-import endOfYear from 'date-fns/endOfYear';
-import format from 'date-fns/format';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import isSameDay from 'date-fns/isSameDay';
-import lastDayOfMonth from 'date-fns/lastDayOfMonth';
-import max from 'date-fns/max';
-import min from 'date-fns/min';
-import parse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
-import startOfMonth from 'date-fns/startOfMonth';
-import startOfWeek from 'date-fns/startOfWeek';
-import startOfYear from 'date-fns/startOfYear';
-import subDays from 'date-fns/subDays';
-import subMonths from 'date-fns/subMonths';
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DAYS_IN_WEEK = 7;
-const MONTHS_IN_YEAR = 12;
-const SUNDAY_INDEX = 6;
-const DATE_FORMAT = 'dd.MM.yyyy';
-const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
-const WEEKDAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-const MONTHS = [
+var addDays = require('date-fns/addDays');
+var addMonths = require('date-fns/addMonths');
+var eachDayOfInterval = require('date-fns/eachDayOfInterval');
+var eachMonthOfInterval = require('date-fns/eachMonthOfInterval');
+var eachYearOfInterval = require('date-fns/eachYearOfInterval');
+var endOfDay = require('date-fns/endOfDay');
+var endOfWeek = require('date-fns/endOfWeek');
+var endOfYear = require('date-fns/endOfYear');
+var format = require('date-fns/format');
+var isAfter = require('date-fns/isAfter');
+var isBefore = require('date-fns/isBefore');
+var isSameDay = require('date-fns/isSameDay');
+var lastDayOfMonth = require('date-fns/lastDayOfMonth');
+var max = require('date-fns/max');
+var min = require('date-fns/min');
+var parse = require('date-fns/parse');
+var startOfDay = require('date-fns/startOfDay');
+var startOfMonth = require('date-fns/startOfMonth');
+var startOfWeek = require('date-fns/startOfWeek');
+var startOfYear = require('date-fns/startOfYear');
+var subDays = require('date-fns/subDays');
+var subMonths = require('date-fns/subMonths');
+var coreComponentsShared = require('../../shared/cssm');
+
+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 eachDayOfInterval__default = /*#__PURE__*/_interopDefaultCompat(eachDayOfInterval);
+var eachMonthOfInterval__default = /*#__PURE__*/_interopDefaultCompat(eachMonthOfInterval);
+var eachYearOfInterval__default = /*#__PURE__*/_interopDefaultCompat(eachYearOfInterval);
+var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
+var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
+var endOfYear__default = /*#__PURE__*/_interopDefaultCompat(endOfYear);
+var format__default = /*#__PURE__*/_interopDefaultCompat(format);
+var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
+var isBefore__default = /*#__PURE__*/_interopDefaultCompat(isBefore);
+var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
+var lastDayOfMonth__default = /*#__PURE__*/_interopDefaultCompat(lastDayOfMonth);
+var max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var min__default = /*#__PURE__*/_interopDefaultCompat(min);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
+var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
+var startOfYear__default = /*#__PURE__*/_interopDefaultCompat(startOfYear);
+var subDays__default = /*#__PURE__*/_interopDefaultCompat(subDays);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
+
+var DAYS_IN_WEEK = 7;
+var MONTHS_IN_YEAR = 12;
+var SUNDAY_INDEX = 6;
+var DATE_FORMAT = 'dd.MM.yyyy';
+var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
+var WEEKDAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+var MONTHS = [
     'Январь',
     'Февраль',
     'Март',
@@ -46,22 +73,22 @@ const MONTHS = [
  * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
  */
 function russianWeekDay(date) {
-    const sunday = 0;
-    const foreignWeekDayIndex = date.getDay();
+    var sunday = 0;
+    var foreignWeekDayIndex = date.getDay();
     return foreignWeekDayIndex === sunday ? DAYS_IN_WEEK - 1 : foreignWeekDayIndex - 1;
 }
 /**
  * Возвращает таблицу-календарь с заполненными датами для переданного месяца
  */
 function generateWeeks(month, options) {
-    const newWeek = () => Array(DAYS_IN_WEEK).fill(null);
-    const start = startOfMonth(month);
-    const end = lastDayOfMonth(start);
-    let week = newWeek();
-    return eachDayOfInterval({ start, end }).reduce((weeks, day) => {
-        const weekDay = russianWeekDay(day);
+    var newWeek = function () { return Array(DAYS_IN_WEEK).fill(null); };
+    var start = startOfMonth__default.default(month);
+    var end = lastDayOfMonth__default.default(start);
+    var week = newWeek();
+    return eachDayOfInterval__default.default({ start: start, end: end }).reduce(function (weeks, day) {
+        var weekDay = russianWeekDay(day);
         week[weekDay] = buildDay(day, options);
-        if (weekDay === SUNDAY_INDEX || isSameDay(day, end)) {
+        if (weekDay === SUNDAY_INDEX || isSameDay__default.default(day, end)) {
             weeks.push(week);
             week = newWeek();
         }
@@ -72,30 +99,32 @@ function generateWeeks(month, options) {
  * Возвращает массив с месяцами для переданного года
  */
 function generateMonths(year, options) {
-    return eachMonthOfInterval({ start: startOfYear(year), end: endOfYear(year) }).map((month) => buildMonth(month, options));
+    return eachMonthOfInterval__default.default({ start: startOfYear__default.default(year), end: endOfYear__default.default(year) }).map(function (month) {
+        return buildMonth(month, options);
+    });
 }
 /**
  * Возвращает массив лет от minYear до maxYear
  */
 function generateYears(minYear, maxYear) {
-    return eachYearOfInterval({
-        start: min([startOfYear(maxYear), startOfYear(minYear)]),
-        end: max([startOfYear(maxYear), startOfYear(minYear)]),
+    return eachYearOfInterval__default.default({
+        start: min__default.default([startOfYear__default.default(maxYear), startOfYear__default.default(minYear)]),
+        end: max__default.default([startOfYear__default.default(maxYear), startOfYear__default.default(minYear)]),
     }).reverse();
 }
 /**
  * Добавляет метаданные для переданного дня
  */
 function buildDay(day, options) {
-    const { minDate, maxDate, selected, eventsMap = {}, offDaysMap = {}, holidaysMap = {}, dayAddonsMap = {}, } = options;
-    const off = offDaysMap[day.getTime()];
-    const disabled = (minDate && isBefore(day, minDate)) || (maxDate && isAfter(day, maxDate));
+    var minDate = options.minDate, maxDate = options.maxDate, selected = options.selected, _a = options.eventsMap, eventsMap = _a === void 0 ? {} : _a, _b = options.offDaysMap, offDaysMap = _b === void 0 ? {} : _b, _c = options.holidaysMap, holidaysMap = _c === void 0 ? {} : _c, _d = options.dayAddonsMap, dayAddonsMap = _d === void 0 ? {} : _d;
+    var off = offDaysMap[day.getTime()];
+    var disabled = (minDate && isBefore__default.default(day, minDate)) || (maxDate && isAfter__default.default(day, maxDate));
     return {
         date: day,
         disabled: disabled || off,
         event: eventsMap[day.getTime()],
         holiday: holidaysMap[day.getTime()],
-        selected: selected && isSameDay(day, selected),
+        selected: selected && isSameDay__default.default(day, selected),
         dayAddon: dayAddonsMap[day.getTime()],
     };
 }
@@ -103,21 +132,21 @@ function buildDay(day, options) {
  * Добавляет метаданные для переданного месяца
  */
 function buildMonth(month, options) {
-    const { minMonth, maxMonth } = options;
+    var minMonth = options.minMonth, maxMonth = options.maxMonth;
     return {
         date: month,
-        disabled: (minMonth && isBefore(month, minMonth)) || (maxMonth && isAfter(month, maxMonth)),
+        disabled: (minMonth && isBefore__default.default(month, minMonth)) || (maxMonth && isAfter__default.default(month, maxMonth)),
     };
 }
 /**
  * Ограничивает дату на отрезке [minDate, maxDate]
  */
 function limitDate(date, minDate, maxDate) {
-    let limitedDate = date;
+    var limitedDate = date;
     if (minDate)
-        limitedDate = max([startOfDay(minDate), limitedDate]);
+        limitedDate = max__default.default([startOfDay__default.default(minDate), limitedDate]);
     if (maxDate)
-        limitedDate = min([endOfDay(maxDate), limitedDate]);
+        limitedDate = min__default.default([endOfDay__default.default(maxDate), limitedDate]);
     return new Date(limitedDate);
 }
 /**
@@ -136,14 +165,14 @@ function monthName(month) {
  * Превращает массив в объект, у которого ключи составляются из элементов массива
  */
 function dateArrayToHashTable(arr) {
-    return arr.reduce((acc, v) => {
-        acc[startOfDay(v).getTime()] = true;
+    return arr.reduce(function (acc, v) {
+        acc[startOfDay__default.default(v).getTime()] = true;
         return acc;
     }, {});
 }
 function addonArrayToHashTable(arr) {
-    return arr.reduce((acc, v) => {
-        acc[startOfDay(v.date).getTime()] = v.addon;
+    return arr.reduce(function (acc, v) {
+        acc[startOfDay__default.default(v.date).getTime()] = v.addon;
         return acc;
     }, {});
 }
@@ -153,37 +182,38 @@ function addonArrayToHashTable(arr) {
 function getSelectionRange(from, to, highlighted) {
     if (!from && !to)
         return null;
-    const end = to || highlighted;
-    const start = from || highlighted;
+    var end = to || highlighted;
+    var start = from || highlighted;
     if (start && end && start !== end) {
         return {
-            start: startOfDay(min([start, end])),
-            end: startOfDay(max([start, end])),
+            start: startOfDay__default.default(min__default.default([start, end])),
+            end: startOfDay__default.default(max__default.default([start, end])),
         };
     }
     return null;
 }
 // Меняет дату одним из способов с учетом границ и выходных дней
-function modifyDateByShift(shift, date, minDate, maxDate, offDaysMap = {}) {
-    const modifiers = {
-        prev: () => subDays(date, 1),
-        prevWeek: () => subDays(date, 7),
-        prevMonth: () => subMonths(date, 1),
-        next: () => addDays(date, 1),
-        nextWeek: () => addDays(date, 7),
-        nextMonth: () => addMonths(date, 1),
-        startOfWeek: () => startOfWeek(date, { weekStartsOn: 1 }),
-        endOfWeek: () => startOfDay(endOfWeek(date, { weekStartsOn: 1 })),
+function modifyDateByShift(shift, date, minDate, maxDate, offDaysMap) {
+    if (offDaysMap === void 0) { offDaysMap = {}; }
+    var modifiers = {
+        prev: function () { return subDays__default.default(date, 1); },
+        prevWeek: function () { return subDays__default.default(date, 7); },
+        prevMonth: function () { return subMonths__default.default(date, 1); },
+        next: function () { return addDays__default.default(date, 1); },
+        nextWeek: function () { return addDays__default.default(date, 7); },
+        nextMonth: function () { return addMonths__default.default(date, 1); },
+        startOfWeek: function () { return startOfWeek__default.default(date, { weekStartsOn: 1 }); },
+        endOfWeek: function () { return startOfDay__default.default(endOfWeek__default.default(date, { weekStartsOn: 1 })); },
     };
-    let newDate = modifiers[shift]();
+    var newDate = modifiers[shift]();
     while (offDaysMap[newDate.getTime()]) {
         // Перескакиваем через выходные дни, кроме случаев с концами недели
-        let amount = newDate < date ? -1 : 1;
+        var amount = newDate < date ? -1 : 1;
         if (shift === 'endOfWeek')
             amount = -1;
         if (shift === 'startOfWeek')
             amount = 1;
-        newDate = addDays(newDate, amount);
+        newDate = addDays__default.default(newDate, amount);
     }
     return limitDate(newDate, minDate, maxDate);
 }
@@ -193,25 +223,54 @@ function modifyDateByShift(shift, date, minDate, maxDate, offDaysMap = {}) {
  */
 function simulateTab(node) {
     if (window.KeyboardEvent) {
-        const event = new window.KeyboardEvent('keydown', {
+        var event_1 = new window.KeyboardEvent('keydown', {
             bubbles: true,
             key: 'Tab',
         });
-        node.dispatchEvent(event);
+        node.dispatchEvent(event_1);
     }
 }
-const formatDate = (date, dateFormat = DATE_FORMAT) => format(date, dateFormat);
-const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
+var formatDate = function (date, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return format__default.default(date, dateFormat);
+};
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
 function getCalendarMobileTestIds(dataTestId) {
     return {
         calendar: dataTestId,
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        header: getDataTestId(dataTestId, 'header'),
-        closer: getDataTestId(dataTestId, 'header-closer'),
-        btnApply: getDataTestId(dataTestId, 'btn-apply'),
-        btnReset: getDataTestId(dataTestId, 'btn-reset'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        btnApply: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply'),
+        btnReset: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset'),
     };
 }
 
-export { DATE_FORMAT, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, NATIVE_DATE_FORMAT, SUNDAY_INDEX, WEEKDAYS, addonArrayToHashTable, buildDay, buildMonth, dateArrayToHashTable, dateInLimits, formatDate, generateMonths, generateWeeks, generateYears, getCalendarMobileTestIds, getSelectionRange, limitDate, modifyDateByShift, monthName, parseDateString, russianWeekDay, simulateTab };
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DAYS_IN_WEEK = DAYS_IN_WEEK;
+exports.MONTHS = MONTHS;
+exports.MONTHS_IN_YEAR = MONTHS_IN_YEAR;
+exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
+exports.SUNDAY_INDEX = SUNDAY_INDEX;
+exports.WEEKDAYS = WEEKDAYS;
+exports.addonArrayToHashTable = addonArrayToHashTable;
+exports.buildDay = buildDay;
+exports.buildMonth = buildMonth;
+exports.dateArrayToHashTable = dateArrayToHashTable;
+exports.dateInLimits = dateInLimits;
+exports.formatDate = formatDate;
+exports.generateMonths = generateMonths;
+exports.generateWeeks = generateWeeks;
+exports.generateYears = generateYears;
+exports.getCalendarMobileTestIds = getCalendarMobileTestIds;
+exports.getSelectionRange = getSelectionRange;
+exports.limitDate = limitDate;
+exports.modifyDateByShift = modifyDateByShift;
+exports.monthName = monthName;
+exports.parseDateString = parseDateString;
+exports.russianWeekDay = russianWeekDay;
+exports.simulateTab = simulateTab;

package/calendar/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { CalendarMobile } from './components/calendar-mobile/Component.js';
 import { CalendarDesktop } from './desktop/Component.desktop.js';
 import 'react-merge-refs';
@@ -13,7 +14,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
-import '../../shared/esm';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
@@ -70,7 +70,7 @@ import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 
 var CalendarResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React.createElement(CalendarDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(CalendarMobile, __assign({}, restProps, { ref: ref })));
 });

package/calendar/esm/index.js

@@ -2,6 +2,7 @@ export { CalendarResponsive as Calendar } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './components/calendar-mobile/Component.js';
 import 'react-merge-refs';
 import 'react-virtuoso';
@@ -13,7 +14,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import './components/days-table/Component.js';

package/calendar/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { CalendarMobile } from './components/calendar-mobile/Component.js';
 import { CalendarDesktop } from './desktop/Component.desktop.js';
 import 'react-merge-refs';
@@ -12,7 +13,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
-import '../../shared/modern';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
@@ -68,7 +68,7 @@ import 'date-fns/startOfQuarter';
 import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 
-const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const CalendarResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`);
     return isDesktop ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
 });

package/calendar/modern/index.js

@@ -1,6 +1,7 @@
 export { CalendarResponsive as Calendar } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './components/calendar-mobile/Component.js';
 import 'react-merge-refs';
 import 'react-virtuoso';
@@ -12,7 +13,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import './components/days-table/Component.js';

package/calendar-input/Component.responsive.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -15,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/calendar-input/cssm/Component.responsive.js

@@ -1,32 +1,27 @@
-import React, { forwardRef } from 'react';
-import { useMedia } from '@alfalab/hooks';
-import { CalendarInputDesktop } from './desktop/Component.desktop.js';
-import { CalendarInputMobile } from './mobile/Component.mobile.js';
-import '../../calendar/cssm/desktop';
-import './components/calendar-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../calendar/cssm/shared';
-import '../../date-input/cssm';
-import '../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils.js';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
-import './components/calendar-input/index.module.css';
-import '../../calendar/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const CalendarInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const [view] = useMedia([
-        ['mobile', `(max-width: ${breakpoint - 1}px)`],
-        ['desktop', `(min-width: ${breakpoint}px)`],
-    ], 'desktop');
-    return view === 'desktop' ? (React.createElement(CalendarInputDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarInputMobile, { ...restProps, ref: ref }));
+var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var view = hooks.useMedia([
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.CalendarInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.CalendarInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
-export { CalendarInputResponsive };
+exports.CalendarInputResponsive = CalendarInputResponsive;