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

package/calendar-range/cssm/views/static.js

@@ -1,115 +1,103 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import addMonths from 'date-fns/addMonths';
+import endOfMonth from 'date-fns/endOfMonth';
+import isSameMonth from 'date-fns/isSameMonth';
+import max from 'date-fns/max';
+import startOfMonth from 'date-fns/startOfMonth';
+import subMonths from 'date-fns/subMonths';
+import { CalendarDesktop } from '../../../calendar/cssm/desktop';
+import { usePeriodWithReset } from '../../../calendar/cssm/shared';
+import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/cssm/shared';
+import { isCompleteDateInput, DateInput } from '../../../date-input/cssm';
+import { Divider } from '../components/divider/Component.js';
+import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
+import { isDayButton } from '../utils.js';
+import styles from './index.module.css';
+import '../components/divider/index.module.css';
+import 'date-fns/isEqual';
+import 'date-fns/min';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var addMonths = require('date-fns/addMonths');
-var endOfMonth = require('date-fns/endOfMonth');
-var isSameMonth = require('date-fns/isSameMonth');
-var max = require('date-fns/max');
-var startOfMonth = require('date-fns/startOfMonth');
-var subMonths = require('date-fns/subMonths');
-var desktop = require('../../../calendar/cssm/desktop');
-var shared$1 = require('../../../calendar/cssm/shared');
-var shared = require('../../../calendar-input/cssm/shared');
-var coreComponentsDateInput = require('../../../date-input/cssm');
-var components_divider_Component = require('../components/divider/Component.js');
-var hooks = require('../hooks.js');
-var utils = require('../utils.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
-var endOfMonth__default = /*#__PURE__*/_interopDefaultCompat(endOfMonth);
-var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
-var max__default = /*#__PURE__*/_interopDefaultCompat(max);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
-var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-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, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
-    var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
-    var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
-    var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
-        ? shared.parseDateString(inputFromValue).getTime()
+/* eslint-disable complexity */
+const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), defaultMonthPosition = 'left', minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
+    const [inputFromValue, setInputFromValue] = useState(valueFrom);
+    const [inputToValue, setInputToValue] = useState(valueTo);
+    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
+        ? parseDateString(inputFromValue).getTime()
         : null;
-    var dateTo = shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
-        ? shared.parseDateString(inputToValue).getTime()
+    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
+        ? parseDateString(inputToValue).getTime()
         : null;
-    if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
+    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
         dateFrom = null;
     }
-    var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
-        coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
-        shared.parseDateString(inputFromValue).getTime() > shared.parseDateString(inputToValue).getTime();
-    var _p = React.useState(undefined), highlightedDate = _p[0], setHighlightedDate = _p[1];
-    var period = shared$1.usePeriodWithReset({
-        initialSelectedFrom: dateFrom ? shared.parseDateString(inputFromValue).getTime() : undefined,
-        initialSelectedTo: dateTo ? shared.parseDateString(inputToValue).getTime() : undefined,
+    const bothInvalid = isCompleteDateInput(inputFromValue) &&
+        isCompleteDateInput(inputToValue) &&
+        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
+    const [highlightedDate, setHighlightedDate] = useState(undefined);
+    const period = usePeriodWithReset({
+        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,
+        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,
     });
-    var validateInputFromValue = React.useCallback(function (value) { return shared.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
-    var validateInputToValue = React.useCallback(function (value) { return shared.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _q[0], setInputFromInvalid = _q[1];
-    var _r = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _r[0], setInputToInvalid = _r[1];
-    var hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
-    var calendarFromProps = inputFromProps.calendarProps, onInputChangeFrom = inputFromProps.onInputChange, dateInputFromProps = tslib.__rest(inputFromProps, ["calendarProps", "onInputChange"]);
-    var calendarToProps = inputToProps.calendarProps, onInputChangeTo = inputToProps.onInputChange, dateInputToProps = tslib.__rest(inputToProps, ["calendarProps", "onInputChange"]);
-    var _s = hooks.useStaticViewMonthes({
+    const validateInputFromValue = useCallback((value) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays), [dateFrom, maxDate, minDate, offDays]);
+    const validateInputToValue = useCallback((value) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays), [dateFrom, minDate, maxDate, offDays]);
+    const [inputFromInvalid, setInputFromInvalid] = useState(isCompleteDateInput(inputFromValue) && dateFrom === null);
+    const [inputToInvalid, setInputToInvalid] = useState(isCompleteDateInput(inputToValue) && dateTo === null);
+    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
+    const { calendarProps: calendarFromProps, onInputChange: onInputChangeFrom, ...dateInputFromProps } = inputFromProps;
+    const { calendarProps: calendarToProps, onInputChange: onInputChangeTo, ...dateInputToProps } = inputToProps;
+    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
-        defaultMonth: defaultMonth,
-        defaultMonthPosition: defaultMonthPosition,
-    }), monthFrom = _s.monthFrom, monthTo = _s.monthTo, handleMonthFromChange = _s.handleMonthFromChange, handleMonthToChange = _s.handleMonthToChange;
-    var handleValidInputFrom = React.useCallback(function () {
+        defaultMonth,
+        defaultMonthPosition,
+    });
+    const handleValidInputFrom = useCallback(() => {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);
-    var handleValidInputTo = React.useCallback(function () {
+    const handleValidInputTo = useCallback(() => {
         setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));
     }, [inputToValue, validateInputToValue]);
-    var handleInputFromChange = function (event, payload) {
+    const handleInputFromChange = (event, payload) => {
         setInputFromValue(payload.value);
-        onInputChangeFrom === null || onInputChangeFrom === void 0 ? void 0 : onInputChangeFrom(event, payload);
+        onInputChangeFrom?.(event, payload);
     };
-    var handleInputToChange = function (event, payload) {
+    const handleInputToChange = (event, payload) => {
         setInputToValue(payload.value);
-        onInputChangeTo === null || onInputChangeTo === void 0 ? void 0 : onInputChangeTo(event, payload);
+        onInputChangeTo?.(event, payload);
     };
-    var handleMouseOver = React.useCallback(function (event) {
-        var target = event.target;
-        var mouseOverDayButton = utils.isDayButton(target) || utils.isDayButton(target.parentElement);
-        var date;
+    const handleMouseOver = useCallback((event) => {
+        const target = event.target;
+        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);
+        let date;
         if (mouseOverDayButton) {
-            var button = target.tagName === 'BUTTON' ? target : target.parentElement;
+            const button = target.tagName === 'BUTTON' ? target : target.parentElement;
             if (button.dataset.date) {
                 date = +button.dataset.date;
             }
         }
         setHighlightedDate(date);
     }, []);
-    var handleClearFrom = React.useCallback(function () {
+    const handleClearFrom = useCallback(() => {
         setInputFromValue('');
     }, []);
-    var handleClearTo = React.useCallback(function () {
+    const handleClearTo = useCallback(() => {
         setInputToValue('');
     }, []);
-    React.useEffect(function () {
-        setInputFromValue(period.selectedFrom ? shared.formatDate(period.selectedFrom) : '');
+    useEffect(() => {
+        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');
     }, [period.selectedFrom]);
-    React.useEffect(function () {
-        setInputToValue(period.selectedTo ? shared.formatDate(period.selectedTo) : '');
+    useEffect(() => {
+        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');
     }, [period.selectedTo]);
-    React.useEffect(function () {
+    useEffect(() => {
         setInputFromValue(valueFrom);
     }, [valueFrom]);
-    React.useEffect(function () {
+    useEffect(() => {
         setInputToValue(valueTo);
     }, [valueTo]);
-    React.useEffect(function () {
-        if (!inputFromValue || coreComponentsDateInput.isCompleteDateInput(inputFromValue)) {
+    useEffect(() => {
+        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {
             handleValidInputFrom();
         }
         period.setStart(dateFrom || undefined);
@@ -124,14 +112,14 @@ var CalendarRangeStatic = function (_a) {
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
-                dateFrom: dateFrom,
-                dateTo: dateTo,
+                dateFrom,
+                dateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputFromValue]);
-    React.useEffect(function () {
-        if (!inputToValue || coreComponentsDateInput.isCompleteDateInput(inputToValue)) {
+    useEffect(() => {
+        if (!inputToValue || isCompleteDateInput(inputToValue)) {
             handleValidInputTo();
         }
         period.setEnd(dateTo || undefined);
@@ -140,9 +128,9 @@ var CalendarRangeStatic = function (_a) {
         }
         if (inputToValue !== valueTo) {
             // eslint-disable-next-line no-nested-ternary
-            var inputDateTo = returnInvalidDates
-                ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
-                    ? shared.parseDateString(inputToValue).getTime()
+            const inputDateTo = returnInvalidDates
+                ? isCompleteDateInput(inputToValue)
+                    ? parseDateString(inputToValue).getTime()
                     : null
                 : dateTo;
             onDateToChange({
@@ -152,40 +140,40 @@ var CalendarRangeStatic = function (_a) {
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
-                dateFrom: dateFrom,
+                dateFrom,
                 dateTo: inputDateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputToValue]);
-    React.useEffect(function () {
+    useEffect(() => {
         if (onError) {
             onError(hasValidateError);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasValidateError]);
-    var rangeProps = hooks.useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);
-    var CalendarFromComponent = dateInputFromProps.Calendar || desktop.CalendarDesktop;
-    var CalendarToComponent = dateInputToProps.Calendar || desktop.CalendarDesktop;
-    var minMaxInSameMonth = minDate && maxDate && isSameMonth__default.default(minDate, maxDate);
+    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);
+    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;
+    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;
+    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-    React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
-        React__default.default.createElement("div", null,
-            React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
+    React.createElement("div", { className: cn(styles.component, styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+        React.createElement("div", null,
+            React.createElement(DateInput, { ...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, tslib.__assign({}, calendarFromProps, { className: cn__default.default(styles__default.default.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: minMaxInSameMonth
+                    : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true }),
+            React.createElement(CalendarFromComponent, { ...calendarFromProps, className: cn(styles.calendar, calendarFromProps?.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
                     ? maxDate
-                    : maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
-        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
-        React__default.default.createElement("div", null,
-            React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
+                    : maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime(), ...rangeProps })),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
+        React.createElement("div", null,
+            React.createElement(DateInput, { ...dateInputToProps, mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
-                    : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid || dateInputToProps.error, clear: true, block: true })),
-            React__default.default.createElement(CalendarToComponent, tslib.__assign({}, calendarToProps, { className: cn__default.default(styles__default.default.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: minMaxInSameMonth
+                    : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid || dateInputToProps.error, clear: true, block: true }),
+            React.createElement(CalendarToComponent, { ...calendarToProps, className: cn(styles.calendar, calendarToProps?.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
                     ? minDate
-                    : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+                    : minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate, ...rangeProps }))));
 };
 
-exports.CalendarRangeStatic = CalendarRangeStatic;
+export { CalendarRangeStatic };

package/calendar-range/esm/Component.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-b90ac34a.js';
+import './index.module-7864539e.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/esm/desktop';

package/calendar-range/esm/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"calendar-range__component_1a9ji","outer":"calendar-range__outer_1a9ji","s":"calendar-range__s_1a9ji","m":"calendar-range__m_1a9ji","l":"calendar-range__l_1a9ji","xl":"calendar-range__xl_1a9ji"};
+var styles = {"component":"calendar-range__component_13wop","outer":"calendar-range__outer_13wop","s":"calendar-range__s_13wop","m":"calendar-range__m_13wop","l":"calendar-range__l_13wop","xl":"calendar-range__xl_13wop"};
 require('./index.css');
 
 var Divider = function (_a) {

package/calendar-range/esm/components/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: sky1a */
+/* hash: 13291 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-1500: #121213; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,29 +41,29 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_1a9ji {
+} .calendar-range__component_13wop {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-} .calendar-range__component_1a9ji:after {
+} .calendar-range__component_13wop:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-neutral-1500);
-    } .calendar-range__outer_1a9ji {
+    } .calendar-range__outer_13wop {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-} .calendar-range__s_1a9ji {
+} .calendar-range__s_13wop {
     height: var(--size-s-height);
-} .calendar-range__m_1a9ji {
+} .calendar-range__m_13wop {
     height: var(--size-m-height);
-} .calendar-range__l_1a9ji {
+} .calendar-range__l_13wop {
     height: var(--size-l-height);
-} .calendar-range__xl_1a9ji {
+} .calendar-range__xl_13wop {
     height: var(--size-xl-height);
 }

package/calendar-range/esm/index.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-b90ac34a.js';
+import './index.module-7864539e.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/esm/index.module-7864539e.js

@@ -0,0 +1,4 @@
+var styles = {"component":"calendar-range__component_129fn","static":"calendar-range__static_129fn","calendar":"calendar-range__calendar_129fn"};
+require('./views/index.css');
+
+export { styles as s };

package/calendar-range/esm/views/index.css

@@ -1,4 +1,4 @@
-/* hash: c0e3d */
+/* hash: 3rtvb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,16 +38,16 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_b67t1 {
+} .calendar-range__component_129fn {
     display: flex
-} .calendar-range__component_b67t1 button[aria-selected='true'] {
+} .calendar-range__component_129fn button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_b67t1 *[class*='errorIcon_'] {
+    } .calendar-range__component_129fn *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_b67t1 *[class*='calendarIcon_'] {
+    } .calendar-range__component_129fn *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn {
         width: var(--calendar-inner-width)
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 > div:first-child {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn > div:first-child {
             padding: var(--gap-m) 0 var(--gap-s);
         }

package/calendar-range/esm/views/popover.js

@@ -8,7 +8,7 @@ import { isCompleteDateInput } from '../../../date-input/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-b90ac34a.js';
+import { s as styles } from '../index.module-7864539e.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/esm/views/static.js

@@ -14,7 +14,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/esm';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-b90ac34a.js';
+import { s as styles } from '../index.module-7864539e.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/index.module-b1ef42e6.js

@@ -0,0 +1,4 @@
+var styles = {"component":"calendar-range__component_129fn","static":"calendar-range__static_129fn","calendar":"calendar-range__calendar_129fn"};
+require('./views/index.css');
+
+exports.styles = styles;

package/calendar-range/modern/Component.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-a5d1ec4b.js';
+import './index.module-37f8bdbf.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/modern/desktop';

package/calendar-range/modern/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"calendar-range__component_1a9ji","outer":"calendar-range__outer_1a9ji","s":"calendar-range__s_1a9ji","m":"calendar-range__m_1a9ji","l":"calendar-range__l_1a9ji","xl":"calendar-range__xl_1a9ji"};
+const styles = {"component":"calendar-range__component_13wop","outer":"calendar-range__outer_13wop","s":"calendar-range__s_13wop","m":"calendar-range__m_13wop","l":"calendar-range__l_13wop","xl":"calendar-range__xl_13wop"};
 require('./index.css');
 
 const Divider = ({ inputFromProps, inputToProps }) => {

package/calendar-range/modern/components/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: sky1a */
+/* hash: 13291 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-1500: #121213; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,29 +41,29 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_1a9ji {
+} .calendar-range__component_13wop {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-} .calendar-range__component_1a9ji:after {
+} .calendar-range__component_13wop:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-neutral-1500);
-    } .calendar-range__outer_1a9ji {
+    } .calendar-range__outer_13wop {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-} .calendar-range__s_1a9ji {
+} .calendar-range__s_13wop {
     height: var(--size-s-height);
-} .calendar-range__m_1a9ji {
+} .calendar-range__m_13wop {
     height: var(--size-m-height);
-} .calendar-range__l_1a9ji {
+} .calendar-range__l_13wop {
     height: var(--size-l-height);
-} .calendar-range__xl_1a9ji {
+} .calendar-range__xl_13wop {
     height: var(--size-xl-height);
 }

package/calendar-range/modern/index.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-a5d1ec4b.js';
+import './index.module-37f8bdbf.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/modern/index.module-37f8bdbf.js

@@ -0,0 +1,4 @@
+const styles = {"component":"calendar-range__component_129fn","static":"calendar-range__static_129fn","calendar":"calendar-range__calendar_129fn"};
+require('./views/index.css');
+
+export { styles as s };

package/calendar-range/modern/views/index.css

@@ -1,4 +1,4 @@
-/* hash: c0e3d */
+/* hash: 3rtvb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,16 +38,16 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_b67t1 {
+} .calendar-range__component_129fn {
     display: flex
-} .calendar-range__component_b67t1 button[aria-selected='true'] {
+} .calendar-range__component_129fn button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_b67t1 *[class*='errorIcon_'] {
+    } .calendar-range__component_129fn *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_b67t1 *[class*='calendarIcon_'] {
+    } .calendar-range__component_129fn *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn {
         width: var(--calendar-inner-width)
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 > div:first-child {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn > div:first-child {
             padding: var(--gap-m) 0 var(--gap-s);
         }

package/calendar-range/modern/views/popover.js

@@ -7,7 +7,7 @@ import { isCompleteDateInput } from '../../../date-input/modern';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-a5d1ec4b.js';
+import { s as styles } from '../index.module-37f8bdbf.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/modern/views/static.js

@@ -13,7 +13,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-a5d1ec4b.js';
+import { s as styles } from '../index.module-37f8bdbf.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/views/index.css

@@ -1,4 +1,4 @@
-/* hash: c0e3d */
+/* hash: 3rtvb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,16 +38,16 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_b67t1 {
+} .calendar-range__component_129fn {
     display: flex
-} .calendar-range__component_b67t1 button[aria-selected='true'] {
+} .calendar-range__component_129fn button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_b67t1 *[class*='errorIcon_'] {
+    } .calendar-range__component_129fn *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_b67t1 *[class*='calendarIcon_'] {
+    } .calendar-range__component_129fn *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn {
         width: var(--calendar-inner-width)
-    } .calendar-range__static_b67t1 .calendar-range__calendar_b67t1 > div:first-child {
+    } .calendar-range__static_129fn .calendar-range__calendar_129fn > div:first-child {
             padding: var(--gap-m) 0 var(--gap-s);
         }