@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

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

@@ -1,16 +1,9 @@
-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);
+import dateFnsIsValid from 'date-fns/isValid';
+import parse from 'date-fns/parse';
 
 /* eslint-disable no-useless-escape */
-var DATE_FORMAT = 'dd.MM.yyyy';
-var DATE_MASK = [
+const DATE_FORMAT = 'dd.MM.yyyy';
+const DATE_MASK = [
     /\d/,
     /\d/,
     '.',
@@ -29,16 +22,13 @@ var DATE_MASK = [
     /\d/,
     /\d/,
 ];
-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];
+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];
     if (hours.length !== 2 || Number(hours) > 23) {
         return false;
     }
@@ -47,88 +37,86 @@ var isValidTimeFormat = function (value) {
     }
     return true;
 };
-var isValid = function (inputValue) {
-    var inputValueArr = inputValue.split(', ');
-    var date = inputValueArr[0];
-    var time = inputValueArr[1];
+const isValid = (inputValue) => {
+    const inputValueArr = inputValue.split(', ');
+    const date = inputValueArr[0];
+    const time = inputValueArr[1];
     return (!inputValue ||
         (isCompleteDateInput(inputValue) &&
-            dateFnsIsValid__default.default(parseDateString(date)) &&
+            dateFnsIsValid(parseDateString(date)) &&
             isValidTimeFormat(time)));
 };
-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();
+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();
     if (month < 10) {
-        month = "0".concat(month);
+        month = `0${month}`;
     }
     if (day < 10) {
-        day = "0".concat(day);
+        day = `0${day}`;
     }
-    return "".concat(day, ".").concat(month, ".").concat(year);
+    return `${day}.${month}.${year}`;
 };
-var getDateWithoutTime = function (value) {
-    var valueArr = value.split(', ');
-    var day;
-    var month;
-    var year;
+const getDateWithoutTime = (value) => {
+    const valueArr = value.split(', ');
+    let day;
+    let month;
+    let year;
     if (valueArr[0]) {
-        var date_1 = valueArr[0].split('.');
-        day = date_1[0], month = date_1[1], year = date_1[2];
+        const date = valueArr[0].split('.');
+        [day, month, year] = date;
     }
-    var date = new Date();
+    const date = new Date();
     date.setFullYear(Number(year), Number(month) - 1, Number(day));
     date.setHours(0, 0, 0, 0);
     return date;
 };
-var getFullDateTime = function (value) {
-    var valueArr = value.split(', ');
-    var day;
-    var month;
-    var year;
-    var hours;
-    var mins;
+const getFullDateTime = (value) => {
+    const valueArr = value.split(', ');
+    let day;
+    let month;
+    let year;
+    let hours;
+    let mins;
     if (valueArr[0]) {
-        var date = valueArr[0].split('.');
-        day = date[0], month = date[1], year = date[2];
+        const date = valueArr[0].split('.');
+        [day, month, year] = date;
     }
     if (valueArr[1]) {
-        var time = valueArr[1].split(':');
+        const time = valueArr[1].split(':');
         hours = Number(time[0]);
         mins = Number(time[1]);
     }
-    var fullDate = new Date();
+    const fullDate = new Date();
     fullDate.setFullYear(Number(year), Number(month) - 1, Number(day));
     fullDate.setHours(Number(hours) || 0);
     fullDate.setMinutes(Number(mins) || 0);
@@ -136,22 +124,11 @@ var getFullDateTime = function (value) {
     fullDate.setMilliseconds(0);
     return fullDate;
 };
-var addTimeToDate = function (value) {
-    if (value.length === 10 && dateFnsIsValid__default.default(parseDateString(value))) {
-        return "".concat(value, ", 00:00");
+const addTimeToDate = (value) => {
+    if (value.length === 10 && dateFnsIsValid(parseDateString(value))) {
+        return `${value}, 00:00`;
     }
     return value;
 };
 
-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;
+export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, addTimeToDate, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate };

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

@@ -1,18 +1,3 @@
-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;
+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';

package/divider/cssm/Component.js

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

package/divider/cssm/index.js

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

package/drawer/cssm/Component.js

@@ -1,78 +1,70 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, useMemo } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import cn from 'classnames';
+import { BaseModal, BaseModalContext } from '../../base-modal/cssm';
 
-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');
+const styles = {"component":"component","customScrollbar":"customScrollbar","rightPlacement":"rightPlacement","leftPlacement":"leftPlacement","content":"content","enterRight":"enterRight","enterLeft":"enterLeft","contentEnter":"contentEnter","backdropEnter":"backdropEnter","enterActive":"enterActive","backdropEnterActive":"backdropEnterActive","backdropEnterDone":"backdropEnterDone","contentEnterActive":"contentEnterActive","exit":"exit","backdropExit":"backdropExit","contentExit":"contentExit","exitActiveRight":"exitActiveRight","exitActiveLeft":"exitActiveLeft","backdropExitActive":"backdropExitActive","backdropExitDone":"backdropExitDone","contentExitActive":"contentExitActive"};
+require('./index.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 = {
+const ANIMATION_DURATION = 600;
+const DrawerContext = BaseModalContext;
+const backdropProps = {
     classNames: {
-        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,
+        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,
     },
     timeout: ANIMATION_DURATION,
 };
-var contentProps = {
+const contentProps = {
     classNames: {
-        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,
+        enter: styles.contentEnter,
+        appear: styles.contentEnter,
+        enterActive: styles.contentEnterActive,
+        appearActive: styles.contentEnterActive,
+        exit: styles.contentExit,
+        exitActive: styles.contentExitActive,
     },
     timeout: ANIMATION_DURATION,
 };
-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: {
+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: {
                 enter: enterClassName,
                 appear: enterClassName,
-                enterActive: styles__default.default.enterActive,
-                appearActive: styles__default.default.enterActive,
-                exit: styles__default.default.exit,
+                enterActive: styles.enterActive,
+                appearActive: styles.enterActive,
+                exit: styles.exit,
                 exitActive: exitClassName,
-            }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
+            },
+            timeout: ANIMATION_DURATION,
+            ...restProps.transitionProps,
+        };
     }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
-    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))));
+    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))));
 });
 
-exports.ANIMATION_DURATION = ANIMATION_DURATION;
-exports.Drawer = Drawer;
-exports.DrawerContext = DrawerContext;
+export { ANIMATION_DURATION, Drawer, DrawerContext };

package/drawer/cssm/index.js

@@ -1,9 +1,5 @@
-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;
+export { ANIMATION_DURATION, Drawer, DrawerContext } from './Component.js';
+import 'react';
+import 'react-transition-group';
+import 'classnames';
+import '../../base-modal/cssm';

package/dropzone/cssm/Component.js

@@ -1,37 +1,30 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useState, useRef, useCallback } from 'react';
+import cn from 'classnames';
+import { Overlay } from './components/overlay/Component.js';
+import { preventAndStopEvent } from './utils.js';
+import '@alfalab/icons-glyph/ContainerMIcon';
 
-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');
+const styles = {"component":"component","disabled":"disabled","block":"block","dragOver":"dragOver","error":"error","inner":"inner","hidden":"hidden"};
+require('./index.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];
+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);
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
      * https://stackoverflow.com/a/21002544
      */
-    var dragCounter = React.useRef(0);
-    var isOverlayVisible = Boolean(dragOver || overlayVisible);
-    var handleDragOver = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
+    const dragCounter = useRef(0);
+    const isOverlayVisible = Boolean(dragOver || overlayVisible);
+    const handleDragOver = useCallback((event) => {
+        preventAndStopEvent(event);
         if (disabled)
             return;
         if (onDragOver) {
             onDragOver(event);
         }
     }, [onDragOver, disabled]);
-    var handleDragEnter = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
+    const handleDragEnter = useCallback((event) => {
+        preventAndStopEvent(event);
         if (disabled)
             return;
         dragCounter.current += 1;
@@ -40,8 +33,8 @@ var Dropzone = function (_a) {
             onDragEnter(event);
         }
     }, [disabled, onDragEnter]);
-    var handleDragLeave = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
+    const handleDragLeave = useCallback((event) => {
+        preventAndStopEvent(event);
         if (disabled)
             return;
         dragCounter.current -= 1;
@@ -52,8 +45,8 @@ var Dropzone = function (_a) {
             onDragLeave(event);
         }
     }, [disabled, onDragLeave]);
-    var handleDrop = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
+    const handleDrop = useCallback((event) => {
+        preventAndStopEvent(event);
         if (disabled)
             return;
         setDragOver(false);
@@ -65,14 +58,14 @@ var Dropzone = function (_a) {
             event.dataTransfer.clearData();
         }
     }, [disabled, onDrop]);
-    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 })));
+    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 })));
 };
 
-exports.Dropzone = Dropzone;
+export { Dropzone };

package/dropzone/cssm/components/index.js

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

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

@@ -1,24 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-var React = require('react');
-var cn = require('classnames');
-var ContainerMIcon = require('@alfalab/icons-glyph/ContainerMIcon');
-var styles = require('./index.module.css');
+const styles = {"overlay":"overlay","visible":"visible","text":"text"};
+require('./index.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+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)));
 
-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;
+export { Overlay };

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

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

package/dropzone/cssm/index.js

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

package/dropzone/cssm/utils.js

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