@alfalab/core-components-calendar-range 8.0.0 → 8.1.0-snapshot-92b8690

package/components/divider/index.css

@@ -11,27 +11,27 @@
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-} .calendar-range__component_1rr7w {
+} .calendar-range__component_11pf6 {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: var(--gap-0) var(--gap-8)
-} .calendar-range__component_1rr7w:after {
+} .calendar-range__component_11pf6:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-neutral-translucent-1300);
-    } .calendar-range__outer_1rr7w {
+    } .calendar-range__outer_11pf6 {
     position: relative;
     top: var(--gap-24);
-} .calendar-range__s_1rr7w {
+} .calendar-range__s_11pf6 {
     height: var(--size-s-height);
-} .calendar-range__m_1rr7w {
+} .calendar-range__m_11pf6 {
     height: var(--size-m-height);
-} .calendar-range__l_1rr7w {
+} .calendar-range__l_11pf6 {
     height: var(--size-l-height);
-} .calendar-range__xl_1rr7w {
+} .calendar-range__xl_11pf6 {
     height: var(--size-xl-height);
 }

package/components/divider/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"calendar-range__component_1rr7w","outer":"calendar-range__outer_1rr7w","s":"calendar-range__s_1rr7w","m":"calendar-range__m_1rr7w","l":"calendar-range__l_1rr7w","xl":"calendar-range__xl_1rr7w"};
+var styles = {"component":"calendar-range__component_11pf6","outer":"calendar-range__outer_11pf6","s":"calendar-range__s_11pf6","m":"calendar-range__m_11pf6","l":"calendar-range__l_11pf6","xl":"calendar-range__xl_11pf6"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/divider/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    margin: var(--gap-0) var(--gap-8);\n\n    &:after {\n        content: '';\n        display: block;\n        width: 100%;\n        height: 1px;\n        background-color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.outer {\n    position: relative;\n\n    /* FormControl .above height + margin-bottom */\n    top: var(--gap-24);\n}\n\n.s {\n    height: var(--size-s-height);\n}\n\n.m {\n    height: var(--size-m-height);\n}\n\n.l {\n    height: var(--size-l-height);\n}\n\n.xl {\n    height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    margin: var(--gap-0) var(--gap-8);\n\n    &:after {\n        content: '';\n        display: block;\n        width: 100%;\n        height: 1px;\n        background-color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.outer {\n    position: relative;\n\n    /* FormControl .above height + margin-bottom */\n    top: var(--gap-24);\n}\n\n.s {\n    height: var(--size-s-height);\n}\n\n.m {\n    height: var(--size-m-height);\n}\n\n.l {\n    height: var(--size-l-height);\n}\n\n.xl {\n    height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,0BAA0B,CAAC;;;;"}

package/dynamic-mixins/Component.d.ts

@@ -0,0 +1,93 @@
+import { FC } from 'react';
+import { CalendarInputProps } from '@alfalab/core-components-calendar-input';
+export declare type CalendarRangeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Значение инпута (используется и для календаря)
+     */
+    valueFrom?: string;
+    /**
+     * Значение инпута (используется и для календаря)
+     */
+    valueTo?: string;
+    /**
+     * Месяц в календаре по умолчанию
+     */
+    defaultMonth?: number;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
+    minDate?: number;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
+    maxDate?: number;
+    /**
+     * Обработчик изменения даты от
+     */
+    onDateFromChange?: (payload: {
+        date: number | null;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик изменения даты до
+     */
+    onDateToChange?: (payload: {
+        date: number | null;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик изменения
+     */
+    onChange?: (payload: {
+        dateFrom: number | null;
+        valueFrom: string;
+        dateTo: number | null;
+        valueTo: string;
+    }) => void;
+    /**
+     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.
+     */
+    onError?: (hasError: boolean) => void;
+    /**
+     * Список событий
+     */
+    events?: Array<Date | number>;
+    /**
+     * Список выходных
+     */
+    offDays?: Array<Date | number>;
+    /**
+     * Пропсы для инпута даты от
+     */
+    inputFromProps?: CalendarInputProps;
+    /**
+     * Пропсы для инпута даты до
+     */
+    inputToProps?: CalendarInputProps;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Определяет, как рендерить календарь — в поповере или снизу инпута
+     */
+    calendarPosition?: 'static' | 'popover';
+    /**
+     * calendarPosition = static
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
+    /**
+     * Возвращать невалидную дату для кастомной валидации
+     */
+    returnInvalidDates?: boolean;
+    /**
+     * Дополнительный класс для контейнера календаря
+     */
+    calendarContainerClassName?: string;
+};
+export declare const CalendarRange: FC<CalendarRangeProps>;

package/dynamic-mixins/Component.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var popover = require('./views/popover.js');
+var _static = require('./views/static.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CalendarRange = function (_a) {
+    var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = tslib.__rest(_a, ["calendarPosition"]);
+    var View = calendarPosition === 'popover' ? popover.CalendarRangePopover : _static.CalendarRangeStatic;
+    return React__default.default.createElement(View, tslib.__assign({}, restProps));
+};
+
+exports.CalendarRange = CalendarRange;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueFrom?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueTo?: string;\n\n    /**\n     * Месяц в календаре по умолчанию\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Обработчик изменения даты от\n     */\n    onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения даты до\n     */\n    onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения\n     */\n    onChange?: (payload: {\n        dateFrom: number | null;\n        valueFrom: string;\n        dateTo: number | null;\n        valueTo: string;\n    }) => void;\n\n    /**\n     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n     */\n    onError?: (hasError: boolean) => void;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Пропсы для инпута даты от\n     */\n    inputFromProps?: CalendarInputProps;\n\n    /**\n     * Пропсы для инпута даты до\n     */\n    inputToProps?: CalendarInputProps;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * calendarPosition = static\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n\n    /**\n     * Возвращать невалидную дату для кастомной валидации\n     */\n    returnInvalidDates?: boolean;\n\n    /**\n     * Дополнительный класс для контейнера календаря\n     */\n    calendarContainerClassName?: string;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n    calendarPosition = 'static',\n    ...restProps\n}) => {\n    const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n    return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AA8GO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}

package/dynamic-mixins/components/divider/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from '../../Component';
+declare type Props = {
+    inputFromProps?: CalendarRangeProps['inputFromProps'];
+    inputToProps?: CalendarRangeProps['inputToProps'];
+};
+export declare const Divider: FC<Props>;
+export {};

package/dynamic-mixins/components/divider/Component.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var index_module = require('./index.module.css.js');
+
+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 Divider = function (_a) {
+    var _b;
+    var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
+    var outer = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.label) &&
+        (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.labelView) === 'outer' &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
+    var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
+    return React__default.default.createElement("span", { className: cn__default.default(index_module.component, index_module[size], (_b = {}, _b[index_module.outer] = outer, _b)) });
+};
+
+exports.Divider = Divider;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/divider/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/divider/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { CalendarRangeProps } from '../../Component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    inputFromProps?: CalendarRangeProps['inputFromProps'];\n    inputToProps?: CalendarRangeProps['inputToProps'];\n};\n\nexport const Divider: FC<Props> = ({ inputFromProps, inputToProps }) => {\n    const outer =\n        inputFromProps?.label &&\n        inputFromProps?.labelView === 'outer' &&\n        inputToProps?.label &&\n        inputToProps?.labelView === 'outer';\n\n    const size = inputFromProps?.size || inputToProps?.size || 's';\n\n    return <span className={cn(styles.component, styles[size], { [styles.outer]: outer })} />;\n};\n"],"names":["React","cn","styles"],"mappings":";;;;;;;;;;;;;AAYO,IAAM,OAAO,GAAc,UAAC,EAAgC,EAAA;;QAA9B,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;IAC7D,IAAM,KAAK,GACP,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,KAAK;QACrB,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,MAAK,OAAO;AACrC,SAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAA;QACnB,CAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,SAAS,MAAK,OAAO;IAEvC,IAAM,IAAI,GAAG,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,IAAI,MAAI,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,IAAI,CAAA,IAAI,GAAG;IAE9D,OAAOA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA,EAAI,GAACA,YAAM,CAAC,KAAK,CAAG,GAAA,KAAK,EAAG,EAAA,EAAA,EAAA,CAAI;AAC7F;;;;"}

package/dynamic-mixins/components/divider/index.css

@@ -0,0 +1,37 @@
+:root {
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+} :root {
+    --gap-xs: 8px;
+    --gap-xl: 24px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+    --gap-24: var(--gap-xl);
+} :root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+} .calendar-range__component_11pf6 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: var(--gap-0) var(--gap-8)
+} .calendar-range__component_11pf6:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-neutral-translucent-1300);
+    } .calendar-range__outer_11pf6 {
+    position: relative;
+    top: var(--gap-24);
+} .calendar-range__s_11pf6 {
+    height: var(--size-s-height);
+} .calendar-range__m_11pf6 {
+    height: var(--size-m-height);
+} .calendar-range__l_11pf6 {
+    height: var(--size-l-height);
+} .calendar-range__xl_11pf6 {
+    height: var(--size-xl-height);
+}

package/dynamic-mixins/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/divider/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Divider = Component.Divider;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/divider/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"calendar-range__component_11pf6","outer":"calendar-range__outer_11pf6","s":"calendar-range__s_11pf6","m":"calendar-range__m_11pf6","l":"calendar-range__l_11pf6","xl":"calendar-range__xl_11pf6"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/divider/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    margin: var(--gap-0) var(--gap-8);\n\n    &:after {\n        content: '';\n        display: block;\n        width: 100%;\n        height: 1px;\n        background-color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.outer {\n    position: relative;\n\n    /* FormControl .above height + margin-bottom */\n    top: var(--gap-24);\n}\n\n.s {\n    height: var(--size-s-height);\n}\n\n.m {\n    height: var(--size-m-height);\n}\n\n.l {\n    height: var(--size-l-height);\n}\n\n.xl {\n    height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,0BAA0B,CAAC;;;;"}

package/dynamic-mixins/hooks.d.ts

@@ -0,0 +1,27 @@
+export declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }: {
+    defaultMonth: number;
+    dateFrom: number | null;
+    dateTo: number | null;
+    resetKey?: number;
+}): {
+    monthFrom: number | undefined;
+    monthTo: number | undefined;
+    handleMonthFromChange: (newMonthFrom: number) => void;
+    handleMonthToChange: (newMonthTo: number) => void;
+};
+export declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
+    selectedFrom?: number;
+    selectedTo?: number;
+    defaultMonth: number;
+    defaultMonthPosition?: 'left' | 'right';
+}): {
+    monthFrom: number;
+    monthTo: number;
+    handleMonthFromChange: (newMonthFrom: number) => void;
+    handleMonthToChange: (newMonthTo: number) => void;
+};
+export declare function useSelectionProps(from?: number, to?: number, highlighted?: number): {
+    rangeComplete: boolean;
+    selectedFrom: number | undefined;
+    selectedTo: number | undefined;
+};

package/dynamic-mixins/hooks.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var addMonths = require('date-fns/addMonths');
+var isEqual = require('date-fns/isEqual');
+var max = require('date-fns/max');
+var min = require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
+var subMonths = require('date-fns/subMonths');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
+var isEqual__default = /*#__PURE__*/_interopDefaultCompat(isEqual);
+var max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var min__default = /*#__PURE__*/_interopDefaultCompat(min);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
+
+function usePopoverViewMonthes(_a) {
+    var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
+    var _b = React.useState(), monthFrom = _b[0], setMonthFrom = _b[1];
+    var _c = React.useState(), monthTo = _c[0], setMonthTo = _c[1];
+    var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
+        setMonthFrom(newMonthFrom);
+        if (!dateTo) {
+            setMonthTo(newMonthFrom);
+        }
+    }, [dateTo]);
+    var handleMonthToChange = React.useCallback(function (newMonthTo) {
+        setMonthTo(newMonthTo);
+        if (!dateFrom) {
+            setMonthFrom(newMonthTo);
+        }
+    }, [dateFrom]);
+    React.useEffect(function () {
+        setMonthFrom(dateFrom ? startOfMonth__default.default(dateFrom).getTime() : defaultMonth);
+    }, [defaultMonth, dateFrom, resetKey]);
+    React.useEffect(function () {
+        setMonthTo(dateTo ? startOfMonth__default.default(dateTo).getTime() : monthFrom);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dateTo, resetKey]);
+    return {
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
+    };
+}
+function useStaticViewMonthes(_a) {
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth, defaultMonthPosition = _a.defaultMonthPosition;
+    /**
+     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
+     * Если обе даты не указаны, то используется дефолтный месяц
+     */
+    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default.default(selectedFrom || selectedTo || defaultMonth).getTime(); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    /**
+     * Правый месяц должен быть как минимум на 1 месяц больше левого
+     */
+    var initialMonthTo = React.useMemo(function () {
+        return max__default.default([
+            selectedTo ? startOfMonth__default.default(selectedTo) : 0,
+            addMonths__default.default(initialMonthFrom, 1),
+        ]).getTime();
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    if (defaultMonthPosition === 'right') {
+        initialMonthTo = initialMonthFrom;
+        initialMonthFrom = subMonths__default.default(initialMonthFrom, 1).getTime();
+    }
+    var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
+    var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
+    var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
+        setMonthFrom(newMonthFrom);
+        if (monthTo && isEqual__default.default(newMonthFrom, monthTo)) {
+            var nextMonth = addMonths__default.default(newMonthFrom, 1).getTime();
+            setMonthTo(nextMonth);
+        }
+    }, [monthTo]);
+    var handleMonthToChange = React.useCallback(function (newMonthTo) {
+        setMonthTo(newMonthTo);
+        if (monthFrom && isEqual__default.default(newMonthTo, monthFrom)) {
+            var prevMonth = subMonths__default.default(newMonthTo, 1).getTime();
+            setMonthFrom(prevMonth);
+        }
+    }, [monthFrom]);
+    // eslint-disable-next-line complexity
+    React.useEffect(function () {
+        var selectedFromMonth = selectedFrom ? startOfMonth__default.default(selectedFrom).getTime() : undefined;
+        var selectedToMonth = selectedTo ? startOfMonth__default.default(selectedTo).getTime() : undefined;
+        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента
+        var fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
+        var fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
+        var toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;
+        var toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;
+        var fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
+        var toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
+        if (fromMonthOnLeft && toMonthOnLeft) {
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
+            return;
+        }
+        if (fromMonthOnRight && toMonthOnRight) {
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
+            return;
+        }
+        if (selectedFromMonth && selectedToMonth) {
+            setMonthFrom(selectedFromMonth);
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), selectedToMonth]).getTime());
+            return;
+        }
+        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {
+            setMonthFrom(selectedFromMonth);
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
+        }
+        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {
+            setMonthTo(selectedToMonth);
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedFrom, selectedTo]);
+    return {
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
+    };
+}
+function useSelectionProps(from, to, highlighted) {
+    return React.useMemo(function () {
+        if (from && to) {
+            return {
+                rangeComplete: true,
+                selectedFrom: min__default.default([from, to]).getTime(),
+                selectedTo: max__default.default([from, to]).getTime(),
+            };
+        }
+        var dates = [from, to, highlighted].filter(function (date) { return date !== undefined; });
+        return {
+            rangeComplete: false,
+            selectedFrom: from || dates.length === 2 ? min__default.default(dates).getTime() : undefined,
+            selectedTo: to || dates.length === 2 ? max__default.default(dates).getTime() : undefined,
+        };
+    }, [from, highlighted, to]);
+}
+
+exports.usePopoverViewMonthes = usePopoverViewMonthes;
+exports.useSelectionProps = useSelectionProps;
+exports.useStaticViewMonthes = useStaticViewMonthes;
+//# sourceMappingURL=hooks.js.map

package/dynamic-mixins/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport addMonths from 'date-fns/addMonths';\nimport isEqual from 'date-fns/isEqual';\nimport max from 'date-fns/max';\nimport min from 'date-fns/min';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport subMonths from 'date-fns/subMonths';\n\nexport function usePopoverViewMonthes({\n    dateFrom,\n    dateTo,\n    defaultMonth,\n    resetKey,\n}: {\n    defaultMonth: number;\n    dateFrom: number | null;\n    dateTo: number | null;\n    resetKey?: number;\n}) {\n    const [monthFrom, setMonthFrom] = useState<number>();\n    const [monthTo, setMonthTo] = useState<number>();\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (!dateTo) {\n                setMonthTo(newMonthFrom);\n            }\n        },\n        [dateTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (!dateFrom) {\n                setMonthFrom(newMonthTo);\n            }\n        },\n        [dateFrom],\n    );\n\n    useEffect(() => {\n        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n    }, [defaultMonth, dateFrom, resetKey]);\n\n    useEffect(() => {\n        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dateTo, resetKey]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useStaticViewMonthes({\n    selectedFrom,\n    selectedTo,\n    defaultMonth,\n    defaultMonthPosition,\n}: {\n    selectedFrom?: number;\n    selectedTo?: number;\n    defaultMonth: number;\n    defaultMonthPosition?: 'left' | 'right';\n}) {\n    /**\n     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n     * Если обе даты не указаны, то используется дефолтный месяц\n     */\n    let initialMonthFrom = useMemo(\n        () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    /**\n     * Правый месяц должен быть как минимум на 1 месяц больше левого\n     */\n    let initialMonthTo = useMemo(\n        () =>\n            max([\n                selectedTo ? startOfMonth(selectedTo) : 0,\n                addMonths(initialMonthFrom, 1),\n            ]).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    if (defaultMonthPosition === 'right') {\n        initialMonthTo = initialMonthFrom;\n        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n    }\n\n    const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n    const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (monthTo && isEqual(newMonthFrom, monthTo)) {\n                const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n                setMonthTo(nextMonth);\n            }\n        },\n        [monthTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n                const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n                setMonthFrom(prevMonth);\n            }\n        },\n        [monthFrom],\n    );\n\n    // eslint-disable-next-line complexity\n    useEffect(() => {\n        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n        if (fromMonthOnLeft && toMonthOnLeft) {\n            setMonthTo(max([addMonths(selectedFromMonth as number, 1), monthTo]).getTime());\n\n            return;\n        }\n\n        if (fromMonthOnRight && toMonthOnRight) {\n            setMonthFrom(min([subMonths(selectedToMonth as number, 1), monthFrom]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && selectedToMonth) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n        }\n\n        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n            setMonthTo(selectedToMonth);\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n    return useMemo(() => {\n        if (from && to) {\n            return {\n                rangeComplete: true,\n                selectedFrom: min([from, to]).getTime(),\n                selectedTo: max([from, to]).getTime(),\n            };\n        }\n\n        const dates = [from, to, highlighted].filter((date) => date !== undefined) as number[];\n\n        return {\n            rangeComplete: false,\n            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n        };\n    }, [from, highlighted, to]);\n}\n"],"names":["useState","useCallback","useEffect","startOfMonth","useMemo","max","addMonths","subMonths","isEqual","min"],"mappings":"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"}

package/dynamic-mixins/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.CalendarRange = Component.CalendarRange;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1 @@
+export { getCalendarRangeTestIds } from '../utils';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getCalendarRangeTestIds = utils.getCalendarRangeTestIds;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const isDayButton: (node: HTMLElement | null) => string | false | null | undefined;
+export declare function getCalendarRangeTestIds(dataTestId: string): {
+    component: string;
+    calendarContainerFrom: string;
+    calendarContainerTo: string;
+};

package/dynamic-mixins/utils.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
+function getCalendarRangeTestIds(dataTestId) {
+    return {
+        component: dataTestId,
+        calendarContainerFrom: dynamicMixins.getDataTestId(dataTestId, 'container-from'),
+        calendarContainerTo: dynamicMixins.getDataTestId(dataTestId, 'container-to'),
+    };
+}
+
+exports.getCalendarRangeTestIds = getCalendarRangeTestIds;
+exports.isDayButton = isDayButton;
+//# sourceMappingURL=utils.js.map

package/dynamic-mixins/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport const isDayButton = (node: HTMLElement | null) =>\n    node && node.tagName === 'BUTTON' && node.dataset.date;\n\nexport function getCalendarRangeTestIds(dataTestId: string) {\n    return {\n        component: dataTestId,\n        calendarContainerFrom: getDataTestId(dataTestId, 'container-from'),\n        calendarContainerTo: getDataTestId(dataTestId, 'container-to'),\n    };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEO,IAAM,WAAW,GAAG,UAAC,IAAwB,EAAA;AAChD,IAAA,OAAA,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI;AAAtD;AAEE,SAAU,uBAAuB,CAAC,UAAkB,EAAA;IACtD,OAAO;AACH,QAAA,SAAS,EAAE,UAAU;AACrB,QAAA,qBAAqB,EAAEA,2BAAa,CAAC,UAAU,EAAE,gBAAgB,CAAC;AAClE,QAAA,mBAAmB,EAAEA,2BAAa,CAAC,UAAU,EAAE,cAAc,CAAC;KACjE;AACL;;;;;"}

package/dynamic-mixins/views/index.css

@@ -0,0 +1,25 @@
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-0: 0px;
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+} :root {
+    --calendar-inner-width: 280px;
+} .calendar-range__component_1kxkz {
+    display: flex
+} .calendar-range__component_1kxkz button[aria-selected='true'] {
+        cursor: pointer;
+    } .calendar-range__component_1kxkz *[class*='errorIcon_'] {
+        display: none;
+    } .calendar-range__component_1kxkz *[class*='calendarIcon_'] {
+        margin-right: var(--gap-0);
+    } .calendar-range__static_1kxkz .calendar-range__calendar_1kxkz {
+        width: var(--calendar-inner-width)
+    } .calendar-range__static_1kxkz .calendar-range__calendar_1kxkz > div:first-child {
+            padding: var(--gap-16) var(--gap-0) var(--gap-12);
+        } .calendar-range__calendarContainer_1kxkz {
+    width: var(--calendar-inner-width);
+    display: flex;
+    justify-content: center;
+}

package/dynamic-mixins/views/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"calendar-range__component_1kxkz","static":"calendar-range__static_1kxkz","calendar":"calendar-range__calendar_1kxkz","calendarContainer":"calendar-range__calendarContainer_1kxkz"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/views/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../src/views/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n\n    & button[aria-selected='true'] {\n        cursor: pointer;\n    }\n\n    & *[class*='errorIcon_'] {\n        display: none;\n    }\n\n    & *[class*='calendarIcon_'] {\n        margin-right: var(--gap-0);\n    }\n}\n\n.static {\n    & .calendar {\n        width: var(--calendar-inner-width);\n\n        & > div:first-child {\n            padding: var(--gap-16) var(--gap-0) var(--gap-12);\n        }\n    }\n}\n\n.calendarContainer {\n    width: var(--calendar-inner-width);\n    display: flex;\n    justify-content: center;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,yCAAyC,CAAC;;;;"}

package/dynamic-mixins/views/popover.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from '../Component';
+export declare type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+export declare const CalendarRangePopover: FC<CalendarRangePopoverProps>;