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

package/date-time-input/cssm/utils/format.js

@@ -1,9 +1,16 @@
-import dateFnsIsValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dateFnsIsValid = require('date-fns/isValid');
+var parse = require('date-fns/parse');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
 
 /* eslint-disable no-useless-escape */
-const DATE_FORMAT = 'dd.MM.yyyy';
-const DATE_MASK = [
+var DATE_FORMAT = 'dd.MM.yyyy';
+var DATE_MASK = [
     /\d/,
     /\d/,
     '.',
@@ -22,13 +29,16 @@ const DATE_MASK = [
     /\d/,
     /\d/,
 ];
-const DATE_WITH_TIME_LENGTH = DATE_MASK.length;
-const isCompleteDateInput = (input) => input.length === DATE_WITH_TIME_LENGTH;
-const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
-const isValidTimeFormat = (value) => {
-    const timeArr = value.split(':');
-    const hours = timeArr[0];
-    const mins = timeArr[1];
+var DATE_WITH_TIME_LENGTH = DATE_MASK.length;
+var isCompleteDateInput = function (input) { return input.length === DATE_WITH_TIME_LENGTH; };
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
+var isValidTimeFormat = function (value) {
+    var timeArr = value.split(':');
+    var hours = timeArr[0];
+    var mins = timeArr[1];
     if (hours.length !== 2 || Number(hours) > 23) {
         return false;
     }
@@ -37,86 +47,88 @@ const isValidTimeFormat = (value) => {
     }
     return true;
 };
-const isValid = (inputValue) => {
-    const inputValueArr = inputValue.split(', ');
-    const date = inputValueArr[0];
-    const time = inputValueArr[1];
+var isValid = function (inputValue) {
+    var inputValueArr = inputValue.split(', ');
+    var date = inputValueArr[0];
+    var time = inputValueArr[1];
     return (!inputValue ||
         (isCompleteDateInput(inputValue) &&
-            dateFnsIsValid(parseDateString(date)) &&
+            dateFnsIsValid__default.default(parseDateString(date)) &&
             isValidTimeFormat(time)));
 };
-const format = (value) => value
-    .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
-    .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
-    .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
-    .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
-    .replace(/\.$/, '') // 12. => 12
-    .replace(/\ $/, '') // 1 2 => 12
-    .replace(/\:$/, '') // 1:2 => 12
-    .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
-    .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
-    .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
-    .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
-    .replace(/^(\d\d.\d\d\.\d\d\d\d),/, '$1') // 12.12.2005 => 12.12.2005
-    .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d)/, '$1, $2') // 12.12.20050 => 12.12.2005, 0
-    .replace(/^(\d\d.\d\d\.\d\d\d\d),(\d.*)/, '$1, $2') // 12.12.2005,00:00 => 12.12.2005, 00:00
-    .replace(/^(\d\d.\d\d\.\d\d\d\d) (\d.*)/, '$1, $2') // 12.12.2005 00:00 => 12.12.2005, 00:00
-    .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d.*)/, '$1, $2') // 12.12.200500:00=> 12.12.2005, 00:00
-    .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d):/, '$1, $2') // 12.12.2005, 00: => 12.12.2005, 00
-    .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d)(\d)/, '$1, $2:$3') // 12.12.2005, 000 => 12.12.2005, 00:0
-    .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005
-    .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
-    .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
-    .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
-    .replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005
-    .replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005
-    .replace(/^()\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005
-    .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005
-const parseTimestampToDate = (timestamp) => {
-    const date = new Date(timestamp);
-    const year = date.getFullYear();
-    let month = date.getMonth() + 1;
-    let day = date.getDate();
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
+        .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
+        .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .replace(/\ $/, '') // 1 2 => 12
+        .replace(/\:$/, '') // 1:2 => 12
+        .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
+        .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
+        .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
+        .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
+        .replace(/^(\d\d.\d\d\.\d\d\d\d),/, '$1') // 12.12.2005 => 12.12.2005
+        .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d)/, '$1, $2') // 12.12.20050 => 12.12.2005, 0
+        .replace(/^(\d\d.\d\d\.\d\d\d\d),(\d.*)/, '$1, $2') // 12.12.2005,00:00 => 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d) (\d.*)/, '$1, $2') // 12.12.2005 00:00 => 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d.*)/, '$1, $2') // 12.12.200500:00=> 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d):/, '$1, $2') // 12.12.2005, 00: => 12.12.2005, 00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d)(\d)/, '$1, $2:$3') // 12.12.2005, 000 => 12.12.2005, 00:0
+        .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005
+        .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
+        .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
+        .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
+        .replace(/^(\d\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005
+        .replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005
+        .replace(/^()\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005
+        .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3');
+}; // .2.2005123123 => .2.2005
+var parseTimestampToDate = function (timestamp) {
+    var date = new Date(timestamp);
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    var day = date.getDate();
     if (month < 10) {
-        month = `0${month}`;
+        month = "0".concat(month);
     }
     if (day < 10) {
-        day = `0${day}`;
+        day = "0".concat(day);
     }
-    return `${day}.${month}.${year}`;
+    return "".concat(day, ".").concat(month, ".").concat(year);
 };
-const getDateWithoutTime = (value) => {
-    const valueArr = value.split(', ');
-    let day;
-    let month;
-    let year;
+var getDateWithoutTime = function (value) {
+    var valueArr = value.split(', ');
+    var day;
+    var month;
+    var year;
     if (valueArr[0]) {
-        const date = valueArr[0].split('.');
-        [day, month, year] = date;
+        var date_1 = valueArr[0].split('.');
+        day = date_1[0], month = date_1[1], year = date_1[2];
     }
-    const date = new Date();
+    var date = new Date();
     date.setFullYear(Number(year), Number(month) - 1, Number(day));
     date.setHours(0, 0, 0, 0);
     return date;
 };
-const getFullDateTime = (value) => {
-    const valueArr = value.split(', ');
-    let day;
-    let month;
-    let year;
-    let hours;
-    let mins;
+var getFullDateTime = function (value) {
+    var valueArr = value.split(', ');
+    var day;
+    var month;
+    var year;
+    var hours;
+    var mins;
     if (valueArr[0]) {
-        const date = valueArr[0].split('.');
-        [day, month, year] = date;
+        var date = valueArr[0].split('.');
+        day = date[0], month = date[1], year = date[2];
     }
     if (valueArr[1]) {
-        const time = valueArr[1].split(':');
+        var time = valueArr[1].split(':');
         hours = Number(time[0]);
         mins = Number(time[1]);
     }
-    const fullDate = new Date();
+    var fullDate = new Date();
     fullDate.setFullYear(Number(year), Number(month) - 1, Number(day));
     fullDate.setHours(Number(hours) || 0);
     fullDate.setMinutes(Number(mins) || 0);
@@ -124,11 +136,22 @@ const getFullDateTime = (value) => {
     fullDate.setMilliseconds(0);
     return fullDate;
 };
-const addTimeToDate = (value) => {
-    if (value.length === 10 && dateFnsIsValid(parseDateString(value))) {
-        return `${value}, 00:00`;
+var addTimeToDate = function (value) {
+    if (value.length === 10 && dateFnsIsValid__default.default(parseDateString(value))) {
+        return "".concat(value, ", 00:00");
     }
     return value;
 };
 
-export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, addTimeToDate, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate };
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.DATE_WITH_TIME_LENGTH = DATE_WITH_TIME_LENGTH;
+exports.addTimeToDate = addTimeToDate;
+exports.format = format;
+exports.getDateWithoutTime = getDateWithoutTime;
+exports.getFullDateTime = getFullDateTime;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.isValidTimeFormat = isValidTimeFormat;
+exports.parseDateString = parseDateString;
+exports.parseTimestampToDate = parseTimestampToDate;

package/date-time-input/cssm/utils/index.js

@@ -1,3 +1,18 @@
-export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, addTimeToDate, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate } from './format.js';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_format = require('./format.js');
+
+
+
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.DATE_WITH_TIME_LENGTH = utils_format.DATE_WITH_TIME_LENGTH;
+exports.addTimeToDate = utils_format.addTimeToDate;
+exports.format = utils_format.format;
+exports.getDateWithoutTime = utils_format.getDateWithoutTime;
+exports.getFullDateTime = utils_format.getFullDateTime;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.isValidTimeFormat = utils_format.isValidTimeFormat;
+exports.parseDateString = utils_format.parseDateString;
+exports.parseTimestampToDate = utils_format.parseTimestampToDate;

package/divider/cssm/Component.js

@@ -1,7 +1,18 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { Divider };
+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 Divider = function (_a) {
+    var className = _a.className, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement("hr", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId }));
+};
+
+exports.Divider = Divider;

package/divider/cssm/index.js

@@ -1,4 +1,7 @@
-export { Divider } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Divider = Component.Divider;

package/drawer/cssm/Component.js

@@ -1,68 +1,78 @@
-import React, { forwardRef, useMemo } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import cn from 'classnames';
-import { BaseModal, BaseModalContext } from '../../base-modal/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const ANIMATION_DURATION = 600;
-const DrawerContext = BaseModalContext;
-const backdropProps = {
+var tslib = require('tslib');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var cn = require('classnames');
+var coreComponentsBaseModal = require('../../base-modal/cssm');
+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 ANIMATION_DURATION = 600;
+var DrawerContext = coreComponentsBaseModal.BaseModalContext;
+var backdropProps = {
     classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
+        enter: styles__default.default.backdropEnter,
+        appear: styles__default.default.backdropEnter,
+        enterActive: styles__default.default.backdropEnterActive,
+        appearActive: styles__default.default.backdropEnterActive,
+        enterDone: styles__default.default.backdropEnterDone,
+        appearDone: styles__default.default.backdropEnterDone,
+        exit: styles__default.default.backdropExit,
+        exitActive: styles__default.default.backdropExitActive,
+        exitDone: styles__default.default.backdropExitDone,
     },
     timeout: ANIMATION_DURATION,
 };
-const contentProps = {
+var contentProps = {
     classNames: {
-        enter: styles.contentEnter,
-        appear: styles.contentEnter,
-        enterActive: styles.contentEnterActive,
-        appearActive: styles.contentEnterActive,
-        exit: styles.contentExit,
-        exitActive: styles.contentExitActive,
+        enter: styles__default.default.contentEnter,
+        appear: styles__default.default.contentEnter,
+        enterActive: styles__default.default.contentEnterActive,
+        appearActive: styles__default.default.contentEnterActive,
+        exit: styles__default.default.contentExit,
+        exitActive: styles__default.default.contentExitActive,
     },
     timeout: ANIMATION_DURATION,
 };
-const Drawer = forwardRef(({ open, className, children, contentTransitionProps, nativeScrollbar = true, placement = 'right', ...restProps }, ref) => {
-    const isRightPlacement = placement === 'right';
-    const isLeftPlacement = placement === 'left';
-    const transitionProps = useMemo(() => {
-        const enterClassName = cn({
-            [styles.enterRight]: isRightPlacement,
-            [styles.enterLeft]: isLeftPlacement,
-        });
-        const exitClassName = cn({
-            [styles.exitActiveRight]: isRightPlacement,
-            [styles.exitActiveLeft]: isLeftPlacement,
-        });
-        return {
-            classNames: {
+var Drawer = React.forwardRef(function (_a, ref) {
+    var _b;
+    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement"]);
+    var isRightPlacement = placement === 'right';
+    var isLeftPlacement = placement === 'left';
+    var transitionProps = React.useMemo(function () {
+        var _a, _b;
+        var enterClassName = cn__default.default((_a = {},
+            _a[styles__default.default.enterRight] = isRightPlacement,
+            _a[styles__default.default.enterLeft] = isLeftPlacement,
+            _a));
+        var exitClassName = cn__default.default((_b = {},
+            _b[styles__default.default.exitActiveRight] = isRightPlacement,
+            _b[styles__default.default.exitActiveLeft] = isLeftPlacement,
+            _b));
+        return tslib.__assign({ classNames: {
                 enter: enterClassName,
                 appear: enterClassName,
-                enterActive: styles.enterActive,
-                appearActive: styles.enterActive,
-                exit: styles.exit,
+                enterActive: styles__default.default.enterActive,
+                appearActive: styles__default.default.enterActive,
+                exit: styles__default.default.exit,
                 exitActive: exitClassName,
-            },
-            timeout: ANIMATION_DURATION,
-            ...restProps.transitionProps,
-        };
+            }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
     }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
-    return (React.createElement(BaseModal, { ...restProps, scrollHandler: 'content', ref: ref, open: open, className: cn(styles.component, className, {
-            [styles.rightPlacement]: isRightPlacement,
-            [styles.leftPlacement]: isLeftPlacement,
-            [styles.customScrollbar]: !nativeScrollbar,
-        }), transitionProps: transitionProps, backdropProps: { ...backdropProps, ...restProps.backdropProps } },
-        React.createElement(CSSTransition, { ...{ ...contentProps, ...contentTransitionProps }, appear: true, in: open },
-            React.createElement("div", { className: styles.content }, children))));
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.rightPlacement] = isRightPlacement,
+            _b[styles__default.default.leftPlacement] = isLeftPlacement,
+            _b[styles__default.default.customScrollbar] = !nativeScrollbar,
+            _b)), transitionProps: transitionProps, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), restProps.backdropProps) }),
+        React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
+            React__default.default.createElement("div", { className: styles__default.default.content }, children))));
 });
 
-export { ANIMATION_DURATION, Drawer, DrawerContext };
+exports.ANIMATION_DURATION = ANIMATION_DURATION;
+exports.Drawer = Drawer;
+exports.DrawerContext = DrawerContext;

package/drawer/cssm/index.js

@@ -1,6 +1,9 @@
-export { ANIMATION_DURATION, Drawer, DrawerContext } from './Component.js';
-import 'react';
-import 'react-transition-group';
-import 'classnames';
-import '../../base-modal/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.ANIMATION_DURATION = Component.ANIMATION_DURATION;
+exports.Drawer = Component.Drawer;
+exports.DrawerContext = Component.DrawerContext;

package/dropzone/cssm/Component.js

@@ -1,29 +1,37 @@
-import React, { useState, useRef, useCallback } from 'react';
-import cn from 'classnames';
-import { Overlay } from './components/overlay/Component.js';
-import { preventAndStopEvent } from './utils.js';
-import styles from './index.module.css';
-import '@alfalab/icons-glyph/ContainerMIcon';
-import './components/overlay/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Dropzone = ({ className, contentClassName, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {
-    const [dragOver, setDragOver] = useState(false);
+var React = require('react');
+var cn = require('classnames');
+var components_overlay_Component = require('./components/overlay/Component.js');
+var utils = require('./utils.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Dropzone = function (_a) {
+    var _b;
+    var className = _a.className, contentClassName = _a.contentClassName, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay = _e === void 0 ? components_overlay_Component.Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var _g = React.useState(false), dragOver = _g[0], setDragOver = _g[1];
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
      * https://stackoverflow.com/a/21002544
      */
-    const dragCounter = useRef(0);
-    const isOverlayVisible = Boolean(dragOver || overlayVisible);
-    const handleDragOver = useCallback((event) => {
-        preventAndStopEvent(event);
+    var dragCounter = React.useRef(0);
+    var isOverlayVisible = Boolean(dragOver || overlayVisible);
+    var handleDragOver = React.useCallback(function (event) {
+        utils.preventAndStopEvent(event);
         if (disabled)
             return;
         if (onDragOver) {
             onDragOver(event);
         }
     }, [onDragOver, disabled]);
-    const handleDragEnter = useCallback((event) => {
-        preventAndStopEvent(event);
+    var handleDragEnter = React.useCallback(function (event) {
+        utils.preventAndStopEvent(event);
         if (disabled)
             return;
         dragCounter.current += 1;
@@ -32,8 +40,8 @@ const Dropzone = ({ className, contentClassName, children, text = 'Перета
             onDragEnter(event);
         }
     }, [disabled, onDragEnter]);
-    const handleDragLeave = useCallback((event) => {
-        preventAndStopEvent(event);
+    var handleDragLeave = React.useCallback(function (event) {
+        utils.preventAndStopEvent(event);
         if (disabled)
             return;
         dragCounter.current -= 1;
@@ -44,8 +52,8 @@ const Dropzone = ({ className, contentClassName, children, text = 'Перета
             onDragLeave(event);
         }
     }, [disabled, onDragLeave]);
-    const handleDrop = useCallback((event) => {
-        preventAndStopEvent(event);
+    var handleDrop = React.useCallback(function (event) {
+        utils.preventAndStopEvent(event);
         if (disabled)
             return;
         setDragOver(false);
@@ -57,14 +65,14 @@ const Dropzone = ({ className, contentClassName, children, text = 'Перета
             event.dataTransfer.clearData();
         }
     }, [disabled, onDrop]);
-    return (React.createElement("div", { className: cn(styles.component, className, {
-            [styles.dragOver]: dragOver,
-            [styles.error]: error,
-            [styles.block]: block,
-            [styles.disabled]: disabled,
-        }), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
-        React.createElement("div", { className: cn(styles.inner, isOverlayVisible && styles.hidden, contentClassName) }, children),
-        React.createElement(Overlay$1, { text: text, visible: isOverlayVisible })));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.dragOver] = dragOver,
+            _b[styles__default.default.error] = error,
+            _b[styles__default.default.block] = block,
+            _b[styles__default.default.disabled] = disabled,
+            _b)), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, isOverlayVisible && styles__default.default.hidden, contentClassName) }, children),
+        React__default.default.createElement(Overlay, { text: text, visible: isOverlayVisible })));
 };
 
-export { Dropzone };
+exports.Dropzone = Dropzone;

package/dropzone/cssm/components/index.js

@@ -1,5 +1,7 @@
-export { Overlay } from './overlay/Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/ContainerMIcon';
-import './overlay/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_overlay_Component = require('./overlay/Component.js');
+
+
+
+exports.Overlay = components_overlay_Component.Overlay;

package/dropzone/cssm/components/overlay/Component.js

@@ -1,12 +1,24 @@
-import React from 'react';
-import cn from 'classnames';
-import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
-import styles from './index.module.css';
-
-const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {
-        [styles.visible]: visible,
-    }) },
-    React.createElement(ContainerMIcon, null),
-    React.createElement("span", { className: styles.text }, text)));
-
-export { Overlay };
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var ContainerMIcon = require('@alfalab/icons-glyph/ContainerMIcon');
+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 Overlay = function (_a) {
+    var _b;
+    var _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.visible, visible = _d === void 0 ? false : _d;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.overlay, (_b = {},
+            _b[styles__default.default.visible] = visible,
+            _b)) },
+        React__default.default.createElement(ContainerMIcon.ContainerMIcon, null),
+        React__default.default.createElement("span", { className: styles__default.default.text }, text)));
+};
+
+exports.Overlay = Overlay;

package/dropzone/cssm/components/overlay/index.js

@@ -1,5 +1,7 @@
-export { Overlay } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/ContainerMIcon';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_overlay_Component = require('./Component.js');
+
+
+
+exports.Overlay = components_overlay_Component.Overlay;

package/dropzone/cssm/index.js

@@ -1,8 +1,7 @@
-export { Dropzone } from './Component.js';
-import 'react';
-import 'classnames';
-import './components/overlay/Component.js';
-import '@alfalab/icons-glyph/ContainerMIcon';
-import './components/overlay/index.module.css';
-import './utils.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Dropzone = Component.Dropzone;

package/dropzone/cssm/utils.js

@@ -1,6 +1,8 @@
-const preventAndStopEvent = (event) => {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var preventAndStopEvent = function (event) {
     event.preventDefault();
     event.stopPropagation();
 };
 
-export { preventAndStopEvent };
+exports.preventAndStopEvent = preventAndStopEvent;