@alfalab/core-components 41.11.0-beta.1 → 41.12.0

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,23 @@
-.badge__component_1mw15.badge__background-accent_1mw15 {
+.card-image__cardImage_8k2n8 {
+    background: #e7e8ea;
+} .card-image__loaded_8k2n8 {
+    background: transparent
+}.backdrop__backdrop_1luqv {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1luqv,
+.backdrop__enter_1luqv {
+    background-color: transparent;
+} .backdrop__appearActive_1luqv,
+.backdrop__enterActive_1luqv,
+.backdrop__appearDone_1luqv,
+.backdrop__enterDone_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_1luqv,
+.backdrop__exitDone_1luqv {
+    background-color: transparent;
+}.badge__component_1mw15.badge__background-accent_1mw15 {
         background-color: #ef3124;
         color: #fff;
     } .badge__component_1mw15.badge__background-specialbg-secondary-transparent_1mw15 {
@@ -58,25 +77,8 @@
         background-color: #fff;
     } .badge__dot_1mw15.badge__outlineCount_1mw15 {
     border: 1px solid #121212;
-}.backdrop__backdrop_1luqv {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1luqv,
-.backdrop__enter_1luqv {
-    background-color: transparent;
-} .backdrop__appearActive_1luqv,
-.backdrop__enterActive_1luqv,
-.backdrop__appearDone_1luqv,
-.backdrop__enterDone_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_1luqv,
-.backdrop__exitDone_1luqv {
-    background-color: transparent;
-}.card-image__cardImage_8k2n8 {
-    background: #e7e8ea;
-} .card-image__loaded_8k2n8 {
-    background: transparent
+}.divider__component_4lp9g {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox-group__error_7pohm {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_7pohm {
@@ -149,8 +151,6 @@
 } .checkbox__indeterminateLine_1utel {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_4lp9g {
-    border-bottom: 1px solid #2b2b2e;
 }.code-input__error_uwuzg {
     color: #f15045;
 } @keyframes code-input__shake_uwuzg {
@@ -535,17 +535,7 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_1soj0:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_10bp5 {
-    border-left: 1px solid #f15045;
-} .radio-group__label_10bp5 {
-    color: #fff;
-} .radio-group__errorMessage_10bp5 {
-    color: #f15045;
-} .radio-group__hint_10bp5 {
-    color: rgba(235, 235, 245, 0.54);
-} .radio-group__hiddenInput_10bp5:focus ~ button {
-        outline: 2px solid #0072ef;
-    }.radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd) .radio__circle_12knd {
+}.radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd) .radio__circle_12knd {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
         } .radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd):hover:not(:active) .radio__circle_12knd {
@@ -587,7 +577,17 @@
     color: #fff;
 } .radio__hint_12knd {
     color: rgba(235, 235, 245, 0.54);
-}.scrollbar__component_1agyl .scrollbar:before {
+}.radio-group__error_10bp5 {
+    border-left: 1px solid #f15045;
+} .radio-group__label_10bp5 {
+    color: #fff;
+} .radio-group__errorMessage_10bp5 {
+    color: #f15045;
+} .radio-group__hint_10bp5 {
+    color: rgba(235, 235, 245, 0.54);
+} .radio-group__hiddenInput_10bp5:focus ~ button {
+        outline: 2px solid #0072ef;
+    }.scrollbar__component_1agyl .scrollbar:before {
             background-color: rgba(255, 255, 255, 0.3);
         } .scrollbar__component_1agyl.dragging .track .scrollbar.visible:before {
             background-color: rgba(255, 255, 255, 0.6);

package/themes/dist/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,23 @@
-.badge__component_1mw15.badge__background-accent_1mw15 {
+.card-image__cardImage_8k2n8 {
+    background: #e7e8ea;
+} .card-image__loaded_8k2n8 {
+    background: transparent
+}.backdrop__backdrop_1luqv {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1luqv,
+.backdrop__enter_1luqv {
+    background-color: transparent;
+} .backdrop__appearActive_1luqv,
+.backdrop__enterActive_1luqv,
+.backdrop__appearDone_1luqv,
+.backdrop__enterDone_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_1luqv,
+.backdrop__exitDone_1luqv {
+    background-color: transparent;
+}.badge__component_1mw15.badge__background-accent_1mw15 {
         background-color: #ef3124;
         color: #fff;
     } .badge__component_1mw15.badge__background-specialbg-secondary-transparent_1mw15 {
@@ -58,25 +77,8 @@
         background-color: #fff;
     } .badge__dot_1mw15.badge__outlineCount_1mw15 {
     border: 1px solid #121212;
-}.backdrop__backdrop_1luqv {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1luqv,
-.backdrop__enter_1luqv {
-    background-color: transparent;
-} .backdrop__appearActive_1luqv,
-.backdrop__enterActive_1luqv,
-.backdrop__appearDone_1luqv,
-.backdrop__enterDone_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_1luqv,
-.backdrop__exitDone_1luqv {
-    background-color: transparent;
-}.card-image__cardImage_8k2n8 {
-    background: #e7e8ea;
-} .card-image__loaded_8k2n8 {
-    background: transparent
+}.divider__component_4lp9g {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox-group__error_7pohm {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_7pohm {
@@ -149,8 +151,6 @@
 } .checkbox__indeterminateLine_1utel {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_4lp9g {
-    border-bottom: 1px solid #2b2b2e;
 }.code-input__error_uwuzg {
     color: #f15045;
 } @keyframes code-input__shake_uwuzg {
@@ -535,17 +535,7 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_1soj0:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_10bp5 {
-    border-left: 1px solid #f15045;
-} .radio-group__label_10bp5 {
-    color: #fff;
-} .radio-group__errorMessage_10bp5 {
-    color: #f15045;
-} .radio-group__hint_10bp5 {
-    color: rgba(235, 235, 245, 0.54);
-} .radio-group__hiddenInput_10bp5:focus ~ button {
-        outline: 2px solid #0072ef;
-    }.radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd) .radio__circle_12knd {
+}.radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd) .radio__circle_12knd {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
         } .radio__container_12knd:not(.radio__checked_12knd):not(.radio__disabled_12knd):not(.radio__inactive_12knd):hover:not(:active) .radio__circle_12knd {
@@ -587,7 +577,17 @@
     color: #fff;
 } .radio__hint_12knd {
     color: rgba(235, 235, 245, 0.54);
-}.scrollbar__component_1agyl .scrollbar:before {
+}.radio-group__error_10bp5 {
+    border-left: 1px solid #f15045;
+} .radio-group__label_10bp5 {
+    color: #fff;
+} .radio-group__errorMessage_10bp5 {
+    color: #f15045;
+} .radio-group__hint_10bp5 {
+    color: rgba(235, 235, 245, 0.54);
+} .radio-group__hiddenInput_10bp5:focus ~ button {
+        outline: 2px solid #0072ef;
+    }.scrollbar__component_1agyl .scrollbar:before {
             background-color: rgba(255, 255, 255, 0.3);
         } .scrollbar__component_1agyl.dragging .track .scrollbar.visible:before {
             background-color: rgba(255, 255, 255, 0.6);
@@ -1969,6 +1969,10 @@
 } .input__error_bwipr {
     color: #ef3124;
     caret-color: #ef3124;
+}.pattern-lock__error_1qp9w {
+    color: #f15045;
+} @media screen and (min-width: 360px) {
+} @media screen and (min-width: 390px) {
 }.pass-code__error_19pnx {
     color: #f15045;
 }
@@ -1995,11 +1999,7 @@
         color: #fff;
     } .pass-code__ghost_thn4u.pass-code__ghost_thn4u:active {
         background: rgba(255, 255, 255, 0.11);
-    }.pattern-lock__error_1qp9w {
-    color: #f15045;
-} @media screen and (min-width: 360px) {
-} @media screen and (min-width: 390px) {
-}.drawer__backdropEnter_azqft {
+    }.drawer__backdropEnter_azqft {
     background-color: transparent;
 } .drawer__backdropEnterActive_azqft,
 .drawer__backdropEnterDone_azqft {
@@ -2260,22 +2260,29 @@
 
 
 
-
-.side-panel__sticky_1vsqy {
+.modal__sticky_4ugup {
     background: #121212;
-} .side-panel__highlighted_1vsqy {
+} .modal__highlighted_4ugup {
     background: #121212;
     box-shadow: 0 -1px 0 0 #262629;
 }
 
 
 
-.side-panel__highlighted_19ms1 {
+.modal__highlighted_16d6j {
     background: #121212;
     box-shadow: 0 1px 0 0 #262629;
-} .side-panel__sticky_19ms1.side-panel__hasContent_19ms1 {
+} .modal__sticky_16d6j.modal__hasContent_16d6j {
         background: #121212;
     }
+.toast__toastPlate_1m63j {
+    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+} .toast__popoverInner_1m63j {
+    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    background-color: transparent;
+}
 
 
 
@@ -2283,52 +2290,22 @@
 
 
 
-.modal__sticky_4ugup {
+.side-panel__sticky_1vsqy {
     background: #121212;
-} .modal__highlighted_4ugup {
+} .side-panel__highlighted_1vsqy {
     background: #121212;
     box-shadow: 0 -1px 0 0 #262629;
 }
 
 
 
-.modal__highlighted_16d6j {
+.side-panel__highlighted_19ms1 {
     background: #121212;
     box-shadow: 0 1px 0 0 #262629;
-} .modal__sticky_16d6j.modal__hasContent_16d6j {
+} .side-panel__sticky_19ms1.side-panel__hasContent_19ms1 {
         background: #121212;
     }
-.toast__toastPlate_1m63j {
-    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-} .toast__popoverInner_1m63j {
-    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    background-color: transparent;
-}.day-of-month-picker__calendarContainer_189mh {
-    border: 1px solid #262629
-}
-.day-of-month-picker__day_rlws9 {
-    color: #fff
-} .day-of-month-picker__day_rlws9.day-of-month-picker__highlighted_rlws9 {
-        color: #0e0e0e;
-        background: #fff;
-    } .day-of-month-picker__day_rlws9:hover {
-        background: #303032;
-    } @media (hover) {
-            .day-of-month-picker__day_rlws9.day-of-month-picker__highlighted_rlws9:hover {
-                background: rgb(217, 217, 217);
-            }
-        } .day-of-month-picker__lastDay_rlws9.day-of-month-picker__highlighted_rlws9 {
-        color: #0e0e0e;
-        background: #fff;
-    } .day-of-month-picker__lastDay_rlws9:hover {
-        background: #303032;
-    } @media (hover) {
-            .day-of-month-picker__lastDay_rlws9.day-of-month-picker__highlighted_rlws9:hover {
-                background: rgb(217, 217, 217);
-            }
-        }.tooltip__hint_1smzk {
+.tooltip__hint_1smzk {
     background-color: #fff;
     box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
         0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);

package/day-of-month-picker/Component.desktop.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type DayOfMontPickerDesktopProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Выбранный день
-     */
-    value?: number;
-    /**
-     * Обработчик выбора дня
-     */
-    onChange: (day: number) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-};
-declare const DayOfMonthPickerDesktop: React.ForwardRefExoticComponent<DayOfMontPickerDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { DayOfMontPickerDesktopProps, DayOfMonthPickerDesktop };

package/day-of-month-picker/Component.desktop.js

@@ -1,61 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsPopover = require('../popover');
-var components_dayInputField_DayInputField = require('./components/day-input-field/DayInputField.js');
-var components_daysTable_Component = require('./components/days-table/Component.js');
-require('../icon-button');
-require('../input');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('classnames');
-require('../button');
-require('../typography');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var styles = {"component":"day-of-month-picker__component_189mh","container":"day-of-month-picker__container_189mh","calendarContainer":"day-of-month-picker__calendarContainer_189mh"};
-require('./desktop.css');
-
-var DayOfMonthPickerDesktop = React.forwardRef(function (_a, ref) {
-    var className = _a.className, value = _a.value, onChange = _a.onChange, dataTestId = _a.dataTestId, error = _a.error, hint = _a.hint;
-    var _b = React.useState(false), show = _b[0], setShow = _b[1];
-    var inputWrapperRef = React.useRef(null);
-    var popoverRef = React.useRef(null);
-    var handleOpenCalendar = function () {
-        setShow(true);
-    };
-    React.useEffect(function () {
-        setShow(false);
-    }, [value]);
-    var handleBlur = React.useCallback(function (event) {
-        var _a;
-        var target = event.relatedTarget || document.activeElement;
-        if (!((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
-            setShow(false);
-        }
-    }, []);
-    var handleFocus = React.useCallback(function (event) {
-        setShow(true);
-        if (!show && event.target.tagName !== 'INPUT' && popoverRef.current) {
-            popoverRef.current.focus();
-        }
-    }, [show]);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (event.target.tagName === 'INPUT' && event.key === 'Enter') {
-            setShow(!show);
-        }
-        if (event.key === 'Escape') {
-            setShow(false);
-        }
-    }, [show]);
-    return (React__default.default.createElement("div", { ref: ref, className: className, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
-        React__default.default.createElement(components_dayInputField_DayInputField.DayInputField, { inputWrapperRef: inputWrapperRef, value: value !== null && value !== void 0 ? value : '', handleToggle: handleOpenCalendar, error: error, hint: hint }),
-        React__default.default.createElement(coreComponentsPopover.Popover, { dataTestId: 'day-of-month-popover', ref: popoverRef, open: show, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, offset: [0, 4], withTransition: false, zIndex: 1, position: 'bottom-end' },
-            React__default.default.createElement("div", { className: styles.component, "data-test-id": dataTestId },
-                React__default.default.createElement("div", { className: styles.container },
-                    React__default.default.createElement(components_daysTable_Component.DaysTable, { onClick: onChange, selectedDay: value }))))));
-});
-
-exports.DayOfMonthPickerDesktop = DayOfMonthPickerDesktop;

package/day-of-month-picker/Component.responsive.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { DayOfMontPickerDesktopProps } from "./Component.desktop";
-type ResponsiveDayOfMonthPickerProps = DayOfMontPickerDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type DayOfMontPickerMedia = 'desktop' | 'mobile';
-declare const DayOfMonthPickerResponsive: React.ForwardRefExoticComponent<DayOfMontPickerDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { ResponsiveDayOfMonthPickerProps, DayOfMontPickerMedia, DayOfMonthPickerResponsive };

package/day-of-month-picker/Component.responsive.js

@@ -1,32 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var hooks = require('@alfalab/hooks');
-var components_dayOfMonthPickerMobile_Component = require('./components/day-of-month-picker-mobile/Component.js');
-var Component_desktop = require('./Component.desktop.js');
-require('../bottom-sheet');
-require('./components/day-input-field/DayInputField.js');
-require('../icon-button');
-require('../input');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('./components/days-table/Component.js');
-require('classnames');
-require('../button');
-require('../typography');
-require('../popover');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var DayOfMonthPickerResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _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(Component_desktop.DayOfMonthPickerDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_dayOfMonthPickerMobile_Component.DayOfMonthPickerMobile, tslib.__assign({}, restProps, { ref: ref })));
-});
-
-exports.DayOfMonthPickerResponsive = DayOfMonthPickerResponsive;

package/day-of-month-picker/components/day-input-field/DayInputField.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode, Ref } from 'react';
-type DayInputFieldProps = {
-    inputWrapperRef: Ref<HTMLDivElement> | undefined;
-    value: number | string;
-    handleToggle: () => void;
-    error?: ReactNode;
-    hint?: ReactNode;
-};
-declare const DayInputField: FC<DayInputFieldProps>;
-export { DayInputField };

package/day-of-month-picker/components/day-input-field/DayInputField.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsIconButton = require('../../../icon-button');
-var coreComponentsInput = require('../../../input');
-var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var DayInputField = function (_a) {
-    var inputWrapperRef = _a.inputWrapperRef, value = _a.value, handleToggle = _a.handleToggle, error = _a.error, hint = _a.hint;
-    return (React__default.default.createElement(coreComponentsInput.Input, { dataTestId: 'day-input-field', wrapperRef: inputWrapperRef, value: "".concat(value === 31 ? 'В последний день месяца' : value), block: true, readOnly: true, onClick: handleToggle, label: '\u041A\u0430\u043A\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430', size: 'm', error: error, rightAddons: React__default.default.createElement(coreComponentsIconButton.IconButton, { view: 'primary', icon: CalendarMIcon.CalendarMIcon, size: 's', dataTestId: 'icon' }), hint: hint }));
-};
-
-exports.DayInputField = DayInputField;

package/day-of-month-picker/components/day-of-month-picker-mobile/Component.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { DayOfMontPickerDesktopProps } from "../../Component.desktop";
-declare const DayOfMonthPickerMobile: React.ForwardRefExoticComponent<DayOfMontPickerDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { DayOfMonthPickerMobile };

package/day-of-month-picker/components/day-of-month-picker-mobile/Component.js

@@ -1,35 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsBottomSheet = require('../../../bottom-sheet');
-var components_dayInputField_DayInputField = require('../day-input-field/DayInputField.js');
-var components_daysTable_Component = require('../days-table/Component.js');
-require('../../../icon-button');
-require('../../../input');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('classnames');
-require('../../../button');
-require('../../../typography');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var DayOfMonthPickerMobile = React.forwardRef(function (_a, ref) {
-    var className = _a.className, value = _a.value, onChange = _a.onChange, dataTestId = _a.dataTestId, error = _a.error, hint = _a.hint;
-    var _b = React.useState(false), show = _b[0], setShow = _b[1];
-    var inputWrapperRef = React.useRef(null);
-    var handleToggle = function () {
-        setShow(function (prev) { return !prev; });
-    };
-    var handleChangeDay = function (day) {
-        onChange(day);
-        setShow(false);
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(components_dayInputField_DayInputField.DayInputField, { inputWrapperRef: inputWrapperRef, value: value !== null && value !== void 0 ? value : '', handleToggle: handleToggle, error: error, hint: hint }),
-        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, { open: show, onClose: function () { return setShow(false); }, className: className, title: '\u041A\u0430\u043A\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430', stickyHeader: true, hasCloser: true, ref: ref, dataTestId: dataTestId },
-            React__default.default.createElement(components_daysTable_Component.DaysTable, { selectedDay: value, onClick: handleChangeDay }))));
-});
-
-exports.DayOfMonthPickerMobile = DayOfMonthPickerMobile;

package/day-of-month-picker/components/day-of-month-picker-mobile/index.d.ts

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

package/day-of-month-picker/components/day-of-month-picker-mobile/index.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_dayOfMonthPickerMobile_Component = require('./Component.js');
-require('react');
-require('../../../bottom-sheet');
-require('../day-input-field/DayInputField.js');
-require('../../../icon-button');
-require('../../../input');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../days-table/Component.js');
-require('classnames');
-require('../../../button');
-require('../../../typography');
-
-
-
-exports.DayOfMonthPickerMobile = components_dayOfMonthPickerMobile_Component.DayOfMonthPickerMobile;

package/day-of-month-picker/components/days-table/Component.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type DaysTableProps = {
-    onClick: (day: number) => void;
-    selectedDay?: number;
-};
-declare const DaysTable: FC<DaysTableProps>;
-export { DaysTableProps, DaysTable };

package/day-of-month-picker/components/days-table/Component.js

@@ -1,57 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsButton = require('../../../button');
-var coreComponentsTypography = require('../../../typography');
-
-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 styles = {"daysTable":"day-of-month-picker__daysTable_rlws9","responsive":"day-of-month-picker__responsive_rlws9","day":"day-of-month-picker__day_rlws9","highlighted":"day-of-month-picker__highlighted_rlws9","lastDay":"day-of-month-picker__lastDay_rlws9"};
-require('./index.css');
-
-var DAYS_OF_MONTH = [
-    [1, 2, 3, 4, 5, 6, 7],
-    [8, 9, 10, 11, 12, 13, 14],
-    [15, 16, 17, 18, 19, 20, 21],
-    [22, 23, 24, 25, 26, 27, 28],
-    [29, 30],
-];
-var LAST_DAY = 31;
-var DaysTable = function (_a) {
-    var onClick = _a.onClick, selectedDay = _a.selectedDay;
-    var handleMouseDown = React.useCallback(function (event) {
-        // Не дает терять фокус при выборе дня
-        event.preventDefault();
-    }, []);
-    var renderDay = function (day) {
-        var _a;
-        return (
-        // eslint-disable-next-line jsx-a11y/role-supports-aria-props
-        React__default.default.createElement("td", { key: day, align: 'center', onClick: function () { return onClick(day); }, role: 'presentation', "aria-selected": selectedDay === day, "data-day": day, onMouseDown: handleMouseDown },
-            React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', size: 'xs', className: cn__default.default(styles.day, (_a = {},
-                    _a[styles.highlighted] = selectedDay === day,
-                    _a)) },
-                React__default.default.createElement("span", { className: cn__default.default(styles.dayContent) }, day))));
-    };
-    var renderLastDay = function () {
-        var _a;
-        var isLastDay = selectedDay === LAST_DAY;
-        var handleClick = function () {
-            onClick(LAST_DAY);
-        };
-        return (React__default.default.createElement(coreComponentsButton.Button, { dataTestId: 'last-day-button', type: 'button', view: 'ghost', size: 'xs', className: cn__default.default(styles.lastDay, (_a = {},
-                _a[styles.highlighted] = isLastDay,
-                _a)), onClick: handleClick, onMouseDown: handleMouseDown },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { color: "".concat(isLastDay ? 'primary-inverted' : 'primary') }, "\u0412 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0434\u0435\u043D\u044C \u043C\u0435\u0441\u044F\u0446\u0430")));
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement("table", { className: styles.daysTable },
-            React__default.default.createElement("tbody", null, DAYS_OF_MONTH.map(function (week) { return (React__default.default.createElement("tr", { key: week[0] }, week.map(renderDay))); }))),
-        renderLastDay()));
-};
-
-exports.DaysTable = DaysTable;