@alfalab/core-components 27.6.0 → 27.7.0

package/drawer/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1e9r7","content":"drawer__content_1e9r7","enter":"drawer__enter_1e9r7","contentEnter":"drawer__contentEnter_1e9r7","backdropEnter":"drawer__backdropEnter_1e9r7","enterActive":"drawer__enterActive_1e9r7","backdropEnterActive":"drawer__backdropEnterActive_1e9r7","backdropEnterDone":"drawer__backdropEnterDone_1e9r7","contentEnterActive":"drawer__contentEnterActive_1e9r7","exit":"drawer__exit_1e9r7","backdropExit":"drawer__backdropExit_1e9r7","contentExit":"drawer__contentExit_1e9r7","exitActive":"drawer__exitActive_1e9r7","backdropExitActive":"drawer__backdropExitActive_1e9r7","backdropExitDone":"drawer__backdropExitDone_1e9r7","contentExitActive":"drawer__contentExitActive_1e9r7"};
+var styles = {"component":"drawer__component_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1e9r7","content":"drawer__content_1e9r7","enter":"drawer__enter_1e9r7","contentEnter":"drawer__contentEnter_1e9r7","backdropEnter":"drawer__backdropEnter_1e9r7","enterActive":"drawer__enterActive_1e9r7","backdropEnterActive":"drawer__backdropEnterActive_1e9r7","backdropEnterDone":"drawer__backdropEnterDone_1e9r7","contentEnterActive":"drawer__contentEnterActive_1e9r7","exit":"drawer__exit_1e9r7","backdropExit":"drawer__backdropExit_1e9r7","contentExit":"drawer__contentExit_1e9r7","exitActive":"drawer__exitActive_1e9r7","backdropExitActive":"drawer__backdropExitActive_1e9r7","backdropExitDone":"drawer__backdropExitDone_1e9r7","contentExitActive":"drawer__contentExitActive_1e9r7"};
+var styles = {"component":"drawer__component_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1e9r7 {
+.drawer__component_kxav4 {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1e9r7 {
+.drawer__content_kxav4 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1e9r7 {
+.drawer__enter_kxav4 {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1e9r7 {
+.drawer__contentEnter_kxav4 {
     opacity: 0;
 }
-.drawer__backdropEnter_1e9r7 {
+.drawer__backdropEnter_kxav4 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1e9r7 {
+.drawer__enterActive_kxav4 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1e9r7,
-.drawer__backdropEnterDone_1e9r7 {
+.drawer__backdropEnterActive_kxav4,
+.drawer__backdropEnterDone_kxav4 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1e9r7 {
+.drawer__contentEnterActive_kxav4 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1e9r7 {
+.drawer__exit_kxav4 {
     transform: translateX(0);
 }
-.drawer__backdropExit_1e9r7 {
+.drawer__backdropExit_kxav4 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1e9r7 {
+.drawer__contentExit_kxav4 {
     opacity: 1;
 }
-.drawer__exitActive_1e9r7 {
+.drawer__exitActive_kxav4 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1e9r7,
-.drawer__backdropExitDone_1e9r7 {
+.drawer__backdropExitActive_kxav4,
+.drawer__backdropExitDone_kxav4 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1e9r7 {
+.drawer__contentExitActive_kxav4 {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1e9r7 {
+.drawer__component_kxav4 {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1e9r7 {
+.drawer__content_kxav4 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1e9r7 {
+.drawer__enter_kxav4 {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1e9r7 {
+.drawer__contentEnter_kxav4 {
     opacity: 0;
 }
-.drawer__backdropEnter_1e9r7 {
+.drawer__backdropEnter_kxav4 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1e9r7 {
+.drawer__enterActive_kxav4 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1e9r7,
-.drawer__backdropEnterDone_1e9r7 {
+.drawer__backdropEnterActive_kxav4,
+.drawer__backdropEnterDone_kxav4 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1e9r7 {
+.drawer__contentEnterActive_kxav4 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1e9r7 {
+.drawer__exit_kxav4 {
     transform: translateX(0);
 }
-.drawer__backdropExit_1e9r7 {
+.drawer__backdropExit_kxav4 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1e9r7 {
+.drawer__contentExit_kxav4 {
     opacity: 1;
 }
-.drawer__exitActive_1e9r7 {
+.drawer__exitActive_kxav4 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1e9r7,
-.drawer__backdropExitDone_1e9r7 {
+.drawer__backdropExitActive_kxav4,
+.drawer__backdropExitDone_kxav4 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1e9r7 {
+.drawer__contentExitActive_kxav4 {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { BaseModalContext, BaseModal } from '../../base-modal/modern';
 
-var styles = {"component":"drawer__component_1e9r7","content":"drawer__content_1e9r7","enter":"drawer__enter_1e9r7","contentEnter":"drawer__contentEnter_1e9r7","backdropEnter":"drawer__backdropEnter_1e9r7","enterActive":"drawer__enterActive_1e9r7","backdropEnterActive":"drawer__backdropEnterActive_1e9r7","backdropEnterDone":"drawer__backdropEnterDone_1e9r7","contentEnterActive":"drawer__contentEnterActive_1e9r7","exit":"drawer__exit_1e9r7","backdropExit":"drawer__backdropExit_1e9r7","contentExit":"drawer__contentExit_1e9r7","exitActive":"drawer__exitActive_1e9r7","backdropExitActive":"drawer__backdropExitActive_1e9r7","backdropExitDone":"drawer__backdropExitDone_1e9r7","contentExitActive":"drawer__contentExitActive_1e9r7"};
+var styles = {"component":"drawer__component_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1e9r7 {
+.drawer__component_kxav4 {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1e9r7 {
+.drawer__content_kxav4 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1e9r7 {
+.drawer__enter_kxav4 {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1e9r7 {
+.drawer__contentEnter_kxav4 {
     opacity: 0;
 }
-.drawer__backdropEnter_1e9r7 {
+.drawer__backdropEnter_kxav4 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1e9r7 {
+.drawer__enterActive_kxav4 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1e9r7,
-.drawer__backdropEnterDone_1e9r7 {
+.drawer__backdropEnterActive_kxav4,
+.drawer__backdropEnterDone_kxav4 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1e9r7 {
+.drawer__contentEnterActive_kxav4 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1e9r7 {
+.drawer__exit_kxav4 {
     transform: translateX(0);
 }
-.drawer__backdropExit_1e9r7 {
+.drawer__backdropExit_kxav4 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1e9r7 {
+.drawer__contentExit_kxav4 {
     opacity: 1;
 }
-.drawer__exitActive_1e9r7 {
+.drawer__exitActive_kxav4 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1e9r7,
-.drawer__backdropExitDone_1e9r7 {
+.drawer__backdropExitActive_kxav4,
+.drawer__backdropExitDone_kxav4 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1e9r7 {
+.drawer__contentExitActive_kxav4 {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"dropzone__component_113pl","disabled":"dropzone__disabled_113pl","block":"dropzone__block_113pl","dragOver":"dropzone__dragOver_113pl","error":"dropzone__error_113pl"};
+var styles = {"component":"dropzone__component_t30q0","disabled":"dropzone__disabled_t30q0","block":"dropzone__block_t30q0","dragOver":"dropzone__dragOver_t30q0","error":"dropzone__error_t30q0"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"overlay":"dropzone__overlay_1dpz7","visible":"dropzone__visible_1dpz7","text":"dropzone__text_1dpz7"};
+var styles = {"overlay":"dropzone__overlay_13ihp","visible":"dropzone__visible_13ihp","text":"dropzone__text_13ihp"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_1dpz7 {
+.dropzone__overlay_13ihp {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_1dpz7 {
+.dropzone__visible_13ihp {
     opacity: 1;
 }
-.dropzone__text_1dpz7 {
+.dropzone__text_13ihp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 import { Overlay } from './components/overlay/Component.js';
 
-var styles = {"component":"dropzone__component_113pl","disabled":"dropzone__disabled_113pl","block":"dropzone__block_113pl","dragOver":"dropzone__dragOver_113pl","error":"dropzone__error_113pl"};
+var styles = {"component":"dropzone__component_t30q0","disabled":"dropzone__disabled_t30q0","block":"dropzone__block_t30q0","dragOver":"dropzone__dragOver_t30q0","error":"dropzone__error_t30q0"};
 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_1dpz7","visible":"dropzone__visible_1dpz7","text":"dropzone__text_1dpz7"};
+var styles = {"overlay":"dropzone__overlay_13ihp","visible":"dropzone__visible_13ihp","text":"dropzone__text_13ihp"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_1dpz7 {
+.dropzone__overlay_13ihp {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_1dpz7 {
+.dropzone__visible_13ihp {
     opacity: 1;
 }
-.dropzone__text_1dpz7 {
+.dropzone__text_13ihp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_113pl {
+.dropzone__component_t30q0 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_113pl {
+.dropzone__disabled_t30q0 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_113pl:not(.dropzone__disabled_113pl):hover {
+.dropzone__component_t30q0:not(.dropzone__disabled_t30q0):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_113pl {
+.dropzone__block_t30q0 {
     width: 100%;
 }
-.dropzone__dragOver_113pl {
+.dropzone__dragOver_t30q0 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_113pl {
+.dropzone__error_t30q0 {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_113pl {
+.dropzone__component_t30q0 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_113pl {
+.dropzone__disabled_t30q0 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_113pl:not(.dropzone__disabled_113pl):hover {
+.dropzone__component_t30q0:not(.dropzone__disabled_t30q0):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_113pl {
+.dropzone__block_t30q0 {
     width: 100%;
 }
-.dropzone__dragOver_113pl {
+.dropzone__dragOver_t30q0 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_113pl {
+.dropzone__error_t30q0 {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/modern/Component.js

@@ -4,7 +4,7 @@ import '@alfalab/icons-glyph/ContainerMIcon';
 import { preventAndStopEvent } from './utils.js';
 import { Overlay } from './components/overlay/Component.js';
 
-var styles = {"component":"dropzone__component_113pl","disabled":"dropzone__disabled_113pl","block":"dropzone__block_113pl","dragOver":"dropzone__dragOver_113pl","error":"dropzone__error_113pl"};
+var styles = {"component":"dropzone__component_t30q0","disabled":"dropzone__disabled_t30q0","block":"dropzone__block_t30q0","dragOver":"dropzone__dragOver_t30q0","error":"dropzone__error_t30q0"};
 require('./index.css');
 
 const Dropzone = ({ className, 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';
 
-var styles = {"overlay":"dropzone__overlay_1dpz7","visible":"dropzone__visible_1dpz7","text":"dropzone__text_1dpz7"};
+var styles = {"overlay":"dropzone__overlay_13ihp","visible":"dropzone__visible_13ihp","text":"dropzone__text_13ihp"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => {

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

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_1dpz7 {
+.dropzone__overlay_13ihp {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_1dpz7 {
+.dropzone__visible_13ihp {
     opacity: 1;
 }
-.dropzone__text_1dpz7 {
+.dropzone__text_13ihp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_113pl {
+.dropzone__component_t30q0 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_113pl {
+.dropzone__disabled_t30q0 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_113pl:not(.dropzone__disabled_113pl):hover {
+.dropzone__component_t30q0:not(.dropzone__disabled_t30q0):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_113pl {
+.dropzone__block_t30q0 {
     width: 100%;
 }
-.dropzone__dragOver_113pl {
+.dropzone__dragOver_t30q0 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_113pl {
+.dropzone__error_t30q0 {
     border-color: var(--color-light-border-accent);
 }

package/file-upload-item/Component.d.ts

@@ -74,6 +74,10 @@ type FileUploadItemProps = {
      * Обработчик восстановления файла
      */
     onRestore?: (id: string) => void;
+    /**
+     * Управление активностью кнопок
+     */
+    disableButtons?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/file-upload-item/Component.js

@@ -22,11 +22,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"file-upload-item__component_10h7l","infoSection":"file-upload-item__infoSection_10h7l","info":"file-upload-item__info_10h7l","icon":"file-upload-item__icon_10h7l","errorIcon":"file-upload-item__errorIcon_10h7l","successIcon":"file-upload-item__successIcon_10h7l","name":"file-upload-item__name_10h7l","meta":"file-upload-item__meta_10h7l","size":"file-upload-item__size_10h7l","delete":"file-upload-item__delete_10h7l","download":"file-upload-item__download_10h7l","errorWrapper":"file-upload-item__errorWrapper_10h7l","restore":"file-upload-item__restore_10h7l","spinnerWrapper":"file-upload-item__spinnerWrapper_10h7l","spinner":"file-upload-item__spinner_10h7l","uploadPercent":"file-upload-item__uploadPercent_10h7l"};
+var styles = {"component":"file-upload-item__component_1pp48","infoSection":"file-upload-item__infoSection_1pp48","info":"file-upload-item__info_1pp48","icon":"file-upload-item__icon_1pp48","errorIcon":"file-upload-item__errorIcon_1pp48","successIcon":"file-upload-item__successIcon_1pp48","name":"file-upload-item__name_1pp48","meta":"file-upload-item__meta_1pp48","size":"file-upload-item__size_1pp48","delete":"file-upload-item__delete_1pp48","download":"file-upload-item__download_1pp48","errorWrapper":"file-upload-item__errorWrapper_1pp48","restore":"file-upload-item__restore_1pp48","spinnerWrapper":"file-upload-item__spinnerWrapper_1pp48","spinner":"file-upload-item__spinner_1pp48","uploadPercent":"file-upload-item__uploadPercent_1pp48"};
 require('./index.css');
 
 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, dataTestId = _a.dataTestId;
+    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, dataTestId = _a.dataTestId;
     var handleDownload = React.useCallback(function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -77,8 +77,8 @@ var FileUploadItem = function (_a) {
                 uploadDate && React__default['default'].createElement("span", { key: uploadDate }, uploadDate),
                 size && (React__default['default'].createElement("span", { key: size, className: styles.size }, utils.humanFileSize(size)))))),
         showRestore && (React__default['default'].createElement(coreComponentsLink.Link, { pseudo: true, className: styles.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: PointerDownMIcon.PointerDownMIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, download: download })),
-        showDelete && !showRestore && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: CrossMIcon.CrossMIcon, onClick: handleDelete, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
+        showDownload && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: PointerDownMIcon.PointerDownMIcon, className: styles.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: CrossMIcon.CrossMIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
 };
 
 exports.FileUploadItem = FileUploadItem;

package/file-upload-item/cssm/Component.d.ts

@@ -74,6 +74,10 @@ type FileUploadItemProps = {
      * Обработчик восстановления файла
      */
     onRestore?: (id: string) => void;
+    /**
+     * Управление активностью кнопок
+     */
+    disableButtons?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

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

@@ -25,7 +25,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(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, dataTestId = _a.dataTestId;
+    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, dataTestId = _a.dataTestId;
     var handleDownload = React.useCallback(function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -76,8 +76,8 @@ var FileUploadItem = function (_a) {
                 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: PointerDownMIcon.PointerDownMIcon, className: styles__default['default'].download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, download: download })),
-        showDelete && !showRestore && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: CrossMIcon.CrossMIcon, onClick: handleDelete, className: styles__default['default'].delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
+        showDownload && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { size: 'xxs', icon: PointerDownMIcon.PointerDownMIcon, 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: CrossMIcon.CrossMIcon, onClick: handleDelete, disabled: disableButtons, className: styles__default['default'].delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
 };
 
 exports.FileUploadItem = FileUploadItem;

package/file-upload-item/esm/Component.d.ts

@@ -74,6 +74,10 @@ type FileUploadItemProps = {
      * Обработчик восстановления файла
      */
     onRestore?: (id: string) => void;
+    /**
+     * Управление активностью кнопок
+     */
+    disableButtons?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

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

@@ -15,11 +15,11 @@ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 import '@alfalab/icons-glyph/DocumentImageMIcon';
 import { fileIcon, humanFileSize } from './utils.js';
 
-var styles = {"component":"file-upload-item__component_10h7l","infoSection":"file-upload-item__infoSection_10h7l","info":"file-upload-item__info_10h7l","icon":"file-upload-item__icon_10h7l","errorIcon":"file-upload-item__errorIcon_10h7l","successIcon":"file-upload-item__successIcon_10h7l","name":"file-upload-item__name_10h7l","meta":"file-upload-item__meta_10h7l","size":"file-upload-item__size_10h7l","delete":"file-upload-item__delete_10h7l","download":"file-upload-item__download_10h7l","errorWrapper":"file-upload-item__errorWrapper_10h7l","restore":"file-upload-item__restore_10h7l","spinnerWrapper":"file-upload-item__spinnerWrapper_10h7l","spinner":"file-upload-item__spinner_10h7l","uploadPercent":"file-upload-item__uploadPercent_10h7l"};
+var styles = {"component":"file-upload-item__component_1pp48","infoSection":"file-upload-item__infoSection_1pp48","info":"file-upload-item__info_1pp48","icon":"file-upload-item__icon_1pp48","errorIcon":"file-upload-item__errorIcon_1pp48","successIcon":"file-upload-item__successIcon_1pp48","name":"file-upload-item__name_1pp48","meta":"file-upload-item__meta_1pp48","size":"file-upload-item__size_1pp48","delete":"file-upload-item__delete_1pp48","download":"file-upload-item__download_1pp48","errorWrapper":"file-upload-item__errorWrapper_1pp48","restore":"file-upload-item__restore_1pp48","spinnerWrapper":"file-upload-item__spinnerWrapper_1pp48","spinner":"file-upload-item__spinner_1pp48","uploadPercent":"file-upload-item__uploadPercent_1pp48"};
 require('./index.css');
 
 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 ? 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, dataTestId = _a.dataTestId;
+    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 ? 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, dataTestId = _a.dataTestId;
     var handleDownload = useCallback(function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -70,8 +70,8 @@ var FileUploadItem = function (_a) {
                 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: PointerDownMIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, download: download })),
-        showDelete && !showRestore && (React.createElement(IconButton, { size: 'xxs', icon: CrossMIcon, onClick: handleDelete, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
+        showDownload && (React.createElement(IconButton, { size: 'xxs', icon: PointerDownMIcon, 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: CrossMIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
 };
 
 export { FileUploadItem };