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

package/dropzone/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"dropzone__component_17m0s","disabled":"dropzone__disabled_17m0s","block":"dropzone__block_17m0s","dragOver":"dropzone__dragOver_17m0s","error":"dropzone__error_17m0s","inner":"dropzone__inner_17m0s","hidden":"dropzone__hidden_17m0s"};
+var styles = {"component":"dropzone__component_1isbj","disabled":"dropzone__disabled_1isbj","block":"dropzone__block_1isbj","dragOver":"dropzone__dragOver_1isbj","error":"dropzone__error_1isbj","inner":"dropzone__inner_1isbj","hidden":"dropzone__hidden_1isbj"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"overlay":"dropzone__overlay_177o1","visible":"dropzone__visible_177o1","text":"dropzone__text_177o1"};
+var styles = {"overlay":"dropzone__overlay_4gn31","visible":"dropzone__visible_4gn31","text":"dropzone__text_4gn31"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_177o1 {
+} .dropzone__overlay_4gn31 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_177o1 {
+} .dropzone__visible_4gn31 {
     opacity: 1;
-} .dropzone__text_177o1 {
+} .dropzone__text_4gn31 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/cssm/Component.js

@@ -1,37 +1,29 @@
-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 styles from './index.module.css';
+import '@alfalab/icons-glyph/ContainerMIcon';
+import './components/overlay/index.module.css';
 
-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];
+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 +32,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 +44,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 +57,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,5 @@
-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';
+import './overlay/index.module.css';

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

@@ -1,24 +1,12 @@
-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;
+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 };

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

@@ -1,7 +1,5 @@
-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';
+import './index.module.css';

package/dropzone/cssm/index.js

@@ -1,7 +1,8 @@
-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 './components/overlay/index.module.css';
+import './utils.js';
+import './index.module.css';

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 };

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"component":"dropzone__component_17m0s","disabled":"dropzone__disabled_17m0s","block":"dropzone__block_17m0s","dragOver":"dropzone__dragOver_17m0s","error":"dropzone__error_17m0s","inner":"dropzone__inner_17m0s","hidden":"dropzone__hidden_17m0s"};
+var styles = {"component":"dropzone__component_1isbj","disabled":"dropzone__disabled_1isbj","block":"dropzone__block_1isbj","dragOver":"dropzone__dragOver_1isbj","error":"dropzone__error_1isbj","inner":"dropzone__inner_1isbj","hidden":"dropzone__hidden_1isbj"};
 require('./index.css');
 
 var Dropzone = function (_a) {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"overlay":"dropzone__overlay_177o1","visible":"dropzone__visible_177o1","text":"dropzone__text_177o1"};
+var styles = {"overlay":"dropzone__overlay_4gn31","visible":"dropzone__visible_4gn31","text":"dropzone__text_4gn31"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/esm/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_177o1 {
+} .dropzone__overlay_4gn31 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_177o1 {
+} .dropzone__visible_4gn31 {
     opacity: 1;
-} .dropzone__text_177o1 {
+} .dropzone__text_4gn31 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_17m0s {
+} .dropzone__component_1isbj {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_17m0s {
+} .dropzone__disabled_1isbj {
     cursor: var(--disabled-cursor);
-} .dropzone__component_17m0s:not(.dropzone__disabled_17m0s):hover {
+} .dropzone__component_1isbj:not(.dropzone__disabled_1isbj):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_17m0s {
+} .dropzone__block_1isbj {
     width: 100%;
-} .dropzone__dragOver_17m0s {
+} .dropzone__dragOver_1isbj {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_17m0s {
+} .dropzone__error_1isbj {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_17m0s {
+} .dropzone__inner_1isbj {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_17m0s {
+} .dropzone__hidden_1isbj {
     opacity: 0;
 }

package/dropzone/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_17m0s {
+} .dropzone__component_1isbj {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_17m0s {
+} .dropzone__disabled_1isbj {
     cursor: var(--disabled-cursor);
-} .dropzone__component_17m0s:not(.dropzone__disabled_17m0s):hover {
+} .dropzone__component_1isbj:not(.dropzone__disabled_1isbj):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_17m0s {
+} .dropzone__block_1isbj {
     width: 100%;
-} .dropzone__dragOver_17m0s {
+} .dropzone__dragOver_1isbj {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_17m0s {
+} .dropzone__error_1isbj {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_17m0s {
+} .dropzone__inner_1isbj {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_17m0s {
+} .dropzone__hidden_1isbj {
     opacity: 0;
 }

package/dropzone/modern/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"component":"dropzone__component_17m0s","disabled":"dropzone__disabled_17m0s","block":"dropzone__block_17m0s","dragOver":"dropzone__dragOver_17m0s","error":"dropzone__error_17m0s","inner":"dropzone__inner_17m0s","hidden":"dropzone__hidden_17m0s"};
+const styles = {"component":"dropzone__component_1isbj","disabled":"dropzone__disabled_1isbj","block":"dropzone__block_1isbj","dragOver":"dropzone__dragOver_1isbj","error":"dropzone__error_1isbj","inner":"dropzone__inner_1isbj","hidden":"dropzone__hidden_1isbj"};
 require('./index.css');
 
 const Dropzone = ({ className, contentClassName, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"overlay":"dropzone__overlay_177o1","visible":"dropzone__visible_177o1","text":"dropzone__text_177o1"};
+const styles = {"overlay":"dropzone__overlay_4gn31","visible":"dropzone__visible_4gn31","text":"dropzone__text_4gn31"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

package/dropzone/modern/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_177o1 {
+} .dropzone__overlay_4gn31 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_177o1 {
+} .dropzone__visible_4gn31 {
     opacity: 1;
-} .dropzone__text_177o1 {
+} .dropzone__text_4gn31 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_17m0s {
+} .dropzone__component_1isbj {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_17m0s {
+} .dropzone__disabled_1isbj {
     cursor: var(--disabled-cursor);
-} .dropzone__component_17m0s:not(.dropzone__disabled_17m0s):hover {
+} .dropzone__component_1isbj:not(.dropzone__disabled_1isbj):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_17m0s {
+} .dropzone__block_1isbj {
     width: 100%;
-} .dropzone__dragOver_17m0s {
+} .dropzone__dragOver_1isbj {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_17m0s {
+} .dropzone__error_1isbj {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_17m0s {
+} .dropzone__inner_1isbj {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_17m0s {
+} .dropzone__hidden_1isbj {
     opacity: 0;
 }

package/file-upload-item/Component.js

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"file-upload-item__component_6o5ui","infoSection":"file-upload-item__infoSection_6o5ui","info":"file-upload-item__info_6o5ui","icon":"file-upload-item__icon_6o5ui","errorIcon":"file-upload-item__errorIcon_6o5ui","successIcon":"file-upload-item__successIcon_6o5ui","name":"file-upload-item__name_6o5ui","rowLimit":"file-upload-item__rowLimit_6o5ui","meta":"file-upload-item__meta_6o5ui","size":"file-upload-item__size_6o5ui","delete":"file-upload-item__delete_6o5ui","download":"file-upload-item__download_6o5ui","errorWrapper":"file-upload-item__errorWrapper_6o5ui","restore":"file-upload-item__restore_6o5ui","spinnerWrapper":"file-upload-item__spinnerWrapper_6o5ui","spinner":"file-upload-item__spinner_6o5ui","uploadPercent":"file-upload-item__uploadPercent_6o5ui"};
+var styles = {"component":"file-upload-item__component_jxv01","infoSection":"file-upload-item__infoSection_jxv01","info":"file-upload-item__info_jxv01","icon":"file-upload-item__icon_jxv01","errorIcon":"file-upload-item__errorIcon_jxv01","successIcon":"file-upload-item__successIcon_jxv01","name":"file-upload-item__name_jxv01","rowLimit":"file-upload-item__rowLimit_jxv01","meta":"file-upload-item__meta_jxv01","size":"file-upload-item__size_jxv01","delete":"file-upload-item__delete_jxv01","download":"file-upload-item__download_jxv01","errorWrapper":"file-upload-item__errorWrapper_jxv01","restore":"file-upload-item__restore_jxv01","spinnerWrapper":"file-upload-item__spinnerWrapper_jxv01","spinner":"file-upload-item__spinner_jxv01","uploadPercent":"file-upload-item__uploadPercent_jxv01"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

package/file-upload-item/cssm/Component.js

@@ -1,80 +1,75 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import { IconButton } from '../../icon-button/cssm';
+import { Link } from '../../link/cssm';
+import { Spinner } from '../../spinner/cssm';
+import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
+import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
+import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
+import { humanFileSize, fileIcon } from './utils.js';
+import styles from './index.module.css';
+import '@alfalab/icons-glyph/DocumentDocMIcon';
+import '@alfalab/icons-glyph/DocumentImageMIcon';
+import '@alfalab/icons-glyph/DocumentPdfMIcon';
+import '@alfalab/icons-glyph/DocumentTxtMIcon';
+import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('../../icon-button/cssm');
-var coreComponentsLink = require('../../link/cssm');
-var coreComponentsSpinner = require('../../spinner/cssm');
-var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
-var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
-var CrossSIcon = require('@alfalab/icons-glyph/CrossSIcon');
-var PointerDownSIcon = require('@alfalab/icons-glyph/PointerDownSIcon');
-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 FileUploadItem = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _f = _a.multiline, multiline = _f === void 0 ? false : _f, dataTestId = _a.dataTestId;
-    var handleDownload = function (event) {
+const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, multiline = false, dataTestId, }) => {
+    const handleDownload = (event) => {
         if (onDownload) {
             event.preventDefault();
             onDownload(id);
         }
     };
-    var handleDelete = function (event) {
+    const handleDelete = (event) => {
         if (onDelete)
             onDelete(id, event);
     };
-    var handleRestore = function () {
+    const handleRestore = () => {
         if (onRestore)
             onRestore(id);
     };
-    var renderIcon = function () {
+    const renderIcon = () => {
         if (showRestore) {
-            return React__default.default.createElement(ClockMIcon.ClockMIcon, { className: styles__default.default.restoreIcon });
+            return React.createElement(ClockMIcon, { className: styles.restoreIcon });
         }
         switch (uploadStatus) {
             case 'ERROR':
-                return React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles__default.default.errorIcon });
+                return React.createElement(AlertCircleMIcon, { className: styles.errorIcon });
             case 'SUCCESS':
-                return React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successIcon });
+                return React.createElement(CheckmarkCircleMIcon, { className: styles.successIcon });
             case 'LOADING':
             case 'UPLOADING':
-                return (React__default.default.createElement("div", { className: styles__default.default.spinnerWrapper },
-                    React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: true, className: styles__default.default.spinner })));
+                return (React.createElement("div", { className: styles.spinnerWrapper },
+                    React.createElement(Spinner, { visible: true, className: styles.spinner })));
             default: {
-                return React__default.default.createElement(Icon, { className: styles__default.default.icon });
+                return React.createElement(Icon, { className: styles.icon });
             }
         }
     };
-    var renderInfoSection = function () {
-        var _a;
-        var shouldShownError = uploadStatus === 'ERROR' || !!error;
-        var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
-        return (React__default.default.createElement("div", { className: styles__default.default.infoSection },
-            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.name, (_a = {}, _a[styles__default.default.rowLimit] = !multiline, _a)) }, name),
-            shouldShownError && (React__default.default.createElement("div", { className: styles__default.default.errorWrapper, role: 'alert' }, errorContent))));
+    const renderInfoSection = () => {
+        const shouldShownError = uploadStatus === 'ERROR' || !!error;
+        const errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
+        return (React.createElement("div", { className: styles.infoSection },
+            React.createElement("div", { className: cn(styles.name, { [styles.rowLimit]: !multiline }) }, name),
+            shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
     };
-    var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
-    var showDownload = Boolean(downloadLink) && !showRestore;
-    return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, uploadStatus && styles__default.default[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
-        React__default.default.createElement("div", { className: styles__default.default.info },
+    const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
+    const showDownload = Boolean(downloadLink) && !showRestore;
+    return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
+        React.createElement("div", { className: styles.info },
             renderIcon(),
             renderInfoSection(),
             children,
-            uploadStatus === 'UPLOADING' && (React__default.default.createElement("span", { className: styles__default.default.uploadPercent }, "".concat(Math.round(uploadPercent), "%"))),
-            showMeta && (React__default.default.createElement("div", { className: styles__default.default.meta },
-                uploadDate && React__default.default.createElement("span", { key: uploadDate }, uploadDate),
-                size && (React__default.default.createElement("span", { key: size, className: styles__default.default.size }, utils.humanFileSize(size)))))),
-        showRestore && (React__default.default.createElement(coreComponentsLink.Link, { pseudo: true, className: styles__default.default.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
-        showDownload && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: PointerDownSIcon.PointerDownSIcon, className: styles__default.default.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download })),
-        showDelete && !showRestore && (React__default.default.createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: CrossSIcon.CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles__default.default.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
+            uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, `${Math.round(uploadPercent)}%`)),
+            showMeta && (React.createElement("div", { className: styles.meta },
+                uploadDate && React.createElement("span", { key: uploadDate }, uploadDate),
+                size && (React.createElement("span", { key: size, className: styles.size }, humanFileSize(size)))))),
+        showRestore && (React.createElement(Link, { pseudo: true, className: styles.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
+        showDownload && (React.createElement(IconButton, { size: 'xxs', icon: PointerDownSIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download })),
+        showDelete && !showRestore && (React.createElement(IconButton, { size: 'xxs', icon: CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
 };
 
-exports.FileUploadItem = FileUploadItem;
+export { FileUploadItem };

package/file-upload-item/cssm/index.js

@@ -1,7 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-
-
-
-exports.FileUploadItem = Component.FileUploadItem;
+export { FileUploadItem } from './Component.js';
+import 'react';
+import 'classnames';
+import '../../icon-button/cssm';
+import '../../link/cssm';
+import '../../spinner/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ClockMIcon';
+import '@alfalab/icons-glyph/CrossSIcon';
+import '@alfalab/icons-glyph/PointerDownSIcon';
+import './utils.js';
+import '@alfalab/icons-glyph/DocumentDocMIcon';
+import '@alfalab/icons-glyph/DocumentImageMIcon';
+import '@alfalab/icons-glyph/DocumentPdfMIcon';
+import '@alfalab/icons-glyph/DocumentTxtMIcon';
+import '@alfalab/icons-glyph/DocumentUnknownMIcon';
+import './index.module.css';