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

package/notification/cssm/Component.js

@@ -1,61 +1,74 @@
-import React, { forwardRef, useRef, useState, useCallback, useEffect, Fragment } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { useSwipeable } from 'react-swipeable';
-import cn from 'classnames';
-import elementClosest from 'element-closest';
-import { Portal } from '../../portal/cssm';
-import { Stack, stackingOrder } from '../../stack/cssm';
-import { ToastPlateDesktop } from '../../toast-plate/cssm/desktop';
-import { useClickOutside } from './utils/index.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const notificationClassNameSelector = `.${styles.notificationComponent}`;
-const Notification = forwardRef(({ className, actionSectionClassName, children, visible, offset = 108, hasCloser = true, autoCloseDelay = 5000, usePortal = true, zIndex = stackingOrder.TOAST, style, onClose, onCloseTimeout, onMouseEnter, onMouseLeave, onClickOutside, ...restProps }, ref) => {
-    const notificationRef = useRef(null);
-    const autoCloseTimeoutRef = useRef(0);
-    const closeTimeoutRef = useRef(0);
-    const [isClosing, setIsClosing] = useState(false);
-    const startAutoCloseTimer = useCallback(() => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var reactSwipeable = require('react-swipeable');
+var cn = require('classnames');
+var elementClosest = require('element-closest');
+var coreComponentsPortal = require('../../portal/cssm');
+var coreComponentsStack = require('../../stack/cssm');
+var desktop = require('../../toast-plate/cssm/desktop');
+var stackContext = require('@alfalab/stack-context');
+var utils_index = require('./utils/index.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 mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var notificationClassNameSelector = ".".concat(styles__default.default.notificationComponent);
+var Notification = React.forwardRef(function (_a, ref) {
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? stackContext.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var notificationRef = React.useRef(null);
+    var autoCloseTimeoutRef = React.useRef(0);
+    var closeTimeoutRef = React.useRef(0);
+    var _g = React.useState(false), isClosing = _g[0], setIsClosing = _g[1];
+    var startAutoCloseTimer = React.useCallback(function () {
         if (autoCloseDelay !== null) {
-            autoCloseTimeoutRef.current = window.setTimeout(() => {
+            autoCloseTimeoutRef.current = window.setTimeout(function () {
                 if (onCloseTimeout) {
                     onCloseTimeout();
                 }
             }, autoCloseDelay);
         }
     }, [autoCloseDelay, onCloseTimeout]);
-    const stopAutoCloseTimer = useCallback(() => {
+    var stopAutoCloseTimer = React.useCallback(function () {
         clearTimeout(autoCloseTimeoutRef.current);
     }, []);
-    useEffect(() => () => {
+    React.useEffect(function () { return function () {
         clearTimeout(closeTimeoutRef.current);
+    }; }, []);
+    React.useEffect(function () {
+        elementClosest__default.default(window);
     }, []);
-    useEffect(() => {
-        elementClosest(window);
-    }, []);
-    useEffect(() => {
+    React.useEffect(function () {
         if (visible) {
             startAutoCloseTimer();
         }
-        return () => {
+        return function () {
             stopAutoCloseTimer();
         };
     }, [startAutoCloseTimer, stopAutoCloseTimer, visible]);
-    const handleMouseEnter = useCallback((event) => {
+    var handleMouseEnter = React.useCallback(function (event) {
         stopAutoCloseTimer();
         if (onMouseEnter) {
             onMouseEnter(event);
         }
     }, [onMouseEnter, stopAutoCloseTimer]);
-    const handleMouseLeave = useCallback((event) => {
+    var handleMouseLeave = React.useCallback(function (event) {
         stopAutoCloseTimer();
         startAutoCloseTimer();
         if (onMouseLeave) {
             onMouseLeave(event);
         }
     }, [onMouseLeave, startAutoCloseTimer, stopAutoCloseTimer]);
-    const handleOutsideClick = useCallback((event) => {
-        const isTargetNotification = !!event.target.closest(notificationClassNameSelector);
+    var handleOutsideClick = React.useCallback(function (event) {
+        var isTargetNotification = !!event.target.closest(notificationClassNameSelector);
         /*
          * проверка isTargetNotification нужна для предотвращения срабатывания handleOutsideClick
          * при клике на другие нотификации, если их несколько на странице
@@ -64,12 +77,13 @@ const Notification = forwardRef(({ className, actionSectionClassName, children,
             onClickOutside(event);
         }
     }, [onClickOutside, visible]);
-    useClickOutside(notificationRef, handleOutsideClick);
-    const swipeableHandlers = useSwipeable({
-        onSwiped: ({ dir }) => {
+    utils_index.useClickOutside(notificationRef, handleOutsideClick);
+    var swipeableHandlers = reactSwipeable.useSwipeable({
+        onSwiped: function (_a) {
+            var dir = _a.dir;
             if (onClose && ['Left', 'Right', 'Up'].includes(dir)) {
                 setIsClosing(true);
-                closeTimeoutRef.current = window.setTimeout(() => {
+                closeTimeoutRef.current = window.setTimeout(function () {
                     setIsClosing(false);
                     onClose();
                 }, 100);
@@ -77,17 +91,16 @@ const Notification = forwardRef(({ className, actionSectionClassName, children,
         },
         delta: 100,
     });
-    const Wrapper = usePortal ? Portal : Fragment;
-    return (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Wrapper, null,
-        React.createElement("div", { ...swipeableHandlers },
-            React.createElement(ToastPlateDesktop, { className: cn(styles.notificationComponent, {
-                    [styles.isVisible]: visible,
-                    [styles.isClosing]: isClosing,
-                }, className), contentClassName: styles.toastContent, actionSectionClassName: cn(actionSectionClassName, styles.actionSection), style: {
-                    top: offset,
-                    zIndex: computedZIndex,
-                    ...style,
-                }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose, ...restProps }, children))))));
+    var Wrapper = usePortal ? coreComponentsPortal.Portal : React.Fragment;
+    return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) {
+        var _a;
+        return (React__default.default.createElement(Wrapper, null,
+            React__default.default.createElement("div", tslib.__assign({}, swipeableHandlers),
+                React__default.default.createElement(desktop.ToastPlateDesktop, tslib.__assign({ className: cn__default.default(styles__default.default.notificationComponent, (_a = {},
+                        _a[styles__default.default.isVisible] = visible,
+                        _a[styles__default.default.isClosing] = isClosing,
+                        _a), className), contentClassName: styles__default.default.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles__default.default.actionSection), style: tslib.__assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
+    }));
 });
 
-export { Notification };
+exports.Notification = Notification;

package/notification/cssm/index.js

@@ -1,11 +1,7 @@
-export { Notification } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'react-swipeable';
-import 'classnames';
-import 'element-closest';
-import '../../portal/cssm';
-import '../../stack/cssm';
-import '../../toast-plate/cssm/desktop';
-import './utils/index.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Notification = Component.Notification;

package/notification/cssm/utils/index.js

@@ -1,4 +1,10 @@
-import React from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /*
  * Дублирую хук из @alfalab/hooks, так как не подходят названия событий
@@ -7,9 +13,9 @@ import React from 'react';
  * https://github.com/core-ds/utils/issues/35
  */
 function useClickOutside(ref, cb) {
-    React.useEffect(() => {
+    React__default.default.useEffect(function () {
         // eslint-disable-next-line
-        const handler = (event) => {
+        var handler = function (event) {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
             }
@@ -17,11 +23,11 @@ function useClickOutside(ref, cb) {
         };
         document.addEventListener('click', handler);
         document.addEventListener('touchend', handler);
-        return () => {
+        return function () {
             document.removeEventListener('click', handler);
             document.removeEventListener('touchend', handler);
         };
     }, [ref, cb]);
 }
 
-export { useClickOutside };
+exports.useClickOutside = useClickOutside;

package/notification/esm/Component.js

@@ -5,8 +5,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
 import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
+import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 var styles = {"notificationComponent":"notification__notificationComponent_kh00k","isVisible":"notification__isVisible_kh00k","isClosing":"notification__isClosing_kh00k","toastContent":"notification__toastContent_kh00k","actionSection":"notification__actionSection_kh00k"};

package/notification/esm/index.js

@@ -8,4 +8,5 @@ import 'element-closest';
 import '../../portal/esm';
 import '../../stack/esm';
 import '../../toast-plate/esm/desktop';
+import '@alfalab/stack-context';
 import './utils/index.js';

package/notification/modern/Component.js

@@ -4,8 +4,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
 import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
+import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 const styles = {"notificationComponent":"notification__notificationComponent_kh00k","isVisible":"notification__isVisible_kh00k","isClosing":"notification__isClosing_kh00k","toastContent":"notification__toastContent_kh00k","actionSection":"notification__actionSection_kh00k"};

package/notification/modern/index.js

@@ -7,4 +7,5 @@ import 'element-closest';
 import '../../portal/modern';
 import '../../stack/modern';
 import '../../toast-plate/modern/desktop';
+import '@alfalab/stack-context';
 import './utils/index.js';

package/notification-manager/component.js

@@ -6,6 +6,7 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
+var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,7 +26,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/cssm/component.js

@@ -1,28 +1,40 @@
-import React, { forwardRef } from 'react';
-import { TransitionGroup, CSSTransition } from 'react-transition-group';
-import cn from 'classnames';
-import { Portal } from '../../portal/cssm';
-import { Stack, stackingOrder } from '../../stack/cssm';
-import { Notification } from './components/notification/component.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const CSS_TRANSITION_CLASS_NAMES = {
-    enter: styles.enter,
-    enterActive: styles.enterActive,
+var tslib = require('tslib');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var cn = require('classnames');
+var coreComponentsPortal = require('../../portal/cssm');
+var coreComponentsStack = require('../../stack/cssm');
+var stackContext = require('@alfalab/stack-context');
+var components_notification_component = require('./components/notification/component.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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var CSS_TRANSITION_CLASS_NAMES = {
+    enter: styles__default.default.enter,
+    enterActive: styles__default.default.enterActive,
 };
-const TIMEOUT = {
+var TIMEOUT = {
     exit: 0,
     enter: 400,
 };
-const NotificationManager = forwardRef(({ notifications, className, dataTestId, zIndex = stackingOrder.TOAST, style = {}, offset, onRemoveNotification, container, ...restProps }, ref) => (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: container },
-    React.createElement("div", { className: cn(styles.component, className), ref: ref, "data-test-id": dataTestId, style: {
-            zIndex: computedZIndex,
-            top: offset,
-            ...style,
-        }, ...restProps },
-        React.createElement(TransitionGroup, null, notifications.map((element, index) => (React.createElement(CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
-            React.createElement(Notification, { element: element, className: cn(styles.notification, {
-                    [styles.withoutMargin]: offset && index === 0,
-                }), onRemoveNotification: onRemoveNotification })))))))))));
+var NotificationManager = React.forwardRef(function (_a, ref) {
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
+        React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
+            React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {
+                var _a;
+                return (React__default.default.createElement(reactTransitionGroup.CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
+                    React__default.default.createElement(components_notification_component.Notification, { element: element, className: cn__default.default(styles__default.default.notification, (_a = {},
+                            _a[styles__default.default.withoutMargin] = offset && index === 0,
+                            _a)), onRemoveNotification: onRemoveNotification })));
+            }))))); }));
+});
 
-export { NotificationManager };
+exports.NotificationManager = NotificationManager;

package/notification-manager/cssm/components/index.js

@@ -1,3 +1,7 @@
-export { Notification } from './notification/component.js';
-import 'react';
-import 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_notification_component = require('./notification/component.js');
+
+
+
+exports.Notification = components_notification_component.Notification;

package/notification-manager/cssm/components/notification/component.js

@@ -1,30 +1,30 @@
-import { useCallback, useMemo, cloneElement } from 'react';
-import cn from 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Notification = ({ element, className, onRemoveNotification, }) => {
-    const { onClose, onCloseTimeout } = element.props;
-    const handleClose = useCallback(() => {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Notification = function (_a) {
+    var element = _a.element, className = _a.className, onRemoveNotification = _a.onRemoveNotification;
+    var _b = element.props, onClose = _b.onClose, onCloseTimeout = _b.onCloseTimeout;
+    var handleClose = React.useCallback(function () {
         if (onClose) {
             onClose();
         }
         onRemoveNotification(element.props.id);
     }, [onClose, onRemoveNotification, element.props.id]);
-    const handleCloseTimeout = useCallback(() => {
+    var handleCloseTimeout = React.useCallback(function () {
         if (onCloseTimeout) {
             onCloseTimeout();
         }
         onRemoveNotification(element.props.id);
     }, [element.props.id, onCloseTimeout, onRemoveNotification]);
-    const notificationProps = useMemo(() => ({
-        ...element.props,
-        visible: true,
-        className: cn(className, element.props.className),
-        usePortal: false,
-        offset: 0,
-        onClose: handleClose,
-        onCloseTimeout: handleCloseTimeout,
-    }), [element, handleClose, handleCloseTimeout, className]);
-    return cloneElement(element, notificationProps);
+    var notificationProps = React.useMemo(function () { return (tslib.__assign(tslib.__assign({}, element.props), { visible: true, className: cn__default.default(className, element.props.className), usePortal: false, offset: 0, onClose: handleClose, onCloseTimeout: handleCloseTimeout })); }, [element, handleClose, handleCloseTimeout, className]);
+    return React.cloneElement(element, notificationProps);
 };
 
-export { Notification };
+exports.Notification = Notification;

package/notification-manager/cssm/components/notification/index.js

@@ -1,3 +1,7 @@
-export { Notification } from './component.js';
-import 'react';
-import 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_notification_component = require('./component.js');
+
+
+
+exports.Notification = components_notification_component.Notification;

package/notification-manager/cssm/index.js

@@ -1,8 +1,7 @@
-export { NotificationManager } from './component.js';
-import 'react';
-import 'react-transition-group';
-import 'classnames';
-import '../../portal/cssm';
-import '../../stack/cssm';
-import './components/notification/component.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+
+
+
+exports.NotificationManager = component.NotificationManager;

package/notification-manager/esm/component.js

@@ -3,7 +3,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
+import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
 var styles = {"component":"notification-manager__component_19o99","notification":"notification-manager__notification_19o99","withoutMargin":"notification-manager__withoutMargin_19o99","enter":"notification-manager__enter_19o99","enterActive":"notification-manager__enterActive_19o99"};

package/notification-manager/esm/index.js

@@ -5,4 +5,5 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/esm';
 import '../../stack/esm';
+import '@alfalab/stack-context';
 import './components/notification/component.js';

package/notification-manager/modern/component.js

@@ -2,7 +2,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
+import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
 const styles = {"component":"notification-manager__component_19o99","notification":"notification-manager__notification_19o99","withoutMargin":"notification-manager__withoutMargin_19o99","enter":"notification-manager__enter_19o99","enterActive":"notification-manager__enterActive_19o99"};

package/notification-manager/modern/index.js

@@ -4,4 +4,5 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/modern';
 import '../../stack/modern';
+import '@alfalab/stack-context';
 import './components/notification/component.js';

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

@@ -1,27 +1,19 @@
-import React, { forwardRef } from 'react';
-import { Input } from '../../input/cssm';
-import { useMatchMedia } from '../../mq/cssm';
-import { NumberInput } from './components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '../../shared/cssm';
-import './utils.js';
-import './components/steppers/Component.js';
-import '../../icon-button/cssm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
-import './components/steppers/default.module.css';
-import './components/steppers/index.module.css';
-import './components/steppers/inverted.module.css';
-import './components/number-input/default.module.css';
-import './components/number-input/index.module.css';
-import './components/number-input/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const NumberInputResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    return (React.createElement(NumberInput, { ...restProps, Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('../../input/cssm');
+var coreComponentsMq = require('../../mq/cssm');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });
 
-export { NumberInputResponsive };
+exports.NumberInputResponsive = NumberInputResponsive;