@megafon/ui-lk-vas 0.4.0 → 0.5.0

package/dist/es/index.d.ts

@@ -31,8 +31,3 @@ export { default as TableTd } from './components/Table/components/TableTd/TableT
 export { default as TableTh } from './components/Table/components/TableTh/TableTh';
 export { default as TableTooltip } from './components/Table/components/TableTooltip/TableTooltip';
 export { default as TableTr } from './components/Table/components/TableTr/TableTr';
-export { default as UploadField } from './components/UploadForm/UploadField/UploadField';
-export { default as UploadFieldDropArea } from './components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea';
-export { default as UploadFileItem } from './components/UploadForm/UploadFileItem/UploadFileItem';
-export { default as UploadFileItemIcon } from './components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon';
-export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';

package/dist/es/index.js

@@ -30,9 +30,4 @@ export { default as TableSettings } from "./components/Table/components/TableSet
 export { default as TableTd } from "./components/Table/components/TableTd/TableTd";
 export { default as TableTh } from "./components/Table/components/TableTh/TableTh";
 export { default as TableTooltip } from "./components/Table/components/TableTooltip/TableTooltip";
-export { default as TableTr } from "./components/Table/components/TableTr/TableTr";
-export { default as UploadField } from "./components/UploadForm/UploadField/UploadField";
-export { default as UploadFieldDropArea } from "./components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea";
-export { default as UploadFileItem } from "./components/UploadForm/UploadFileItem/UploadFileItem";
-export { default as UploadFileItemIcon } from "./components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon";
-export { default as useDragAndDrop } from "./components/UploadForm/UploadField/components/useDragAndDrop";
+export { default as TableTr } from "./components/Table/components/TableTr/TableTr";

package/dist/lib/index.d.ts

@@ -31,8 +31,3 @@ export { default as TableTd } from './components/Table/components/TableTd/TableT
 export { default as TableTh } from './components/Table/components/TableTh/TableTh';
 export { default as TableTooltip } from './components/Table/components/TableTooltip/TableTooltip';
 export { default as TableTr } from './components/Table/components/TableTr/TableTr';
-export { default as UploadField } from './components/UploadForm/UploadField/UploadField';
-export { default as UploadFieldDropArea } from './components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea';
-export { default as UploadFileItem } from './components/UploadForm/UploadFileItem/UploadFileItem';
-export { default as UploadFileItemIcon } from './components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon';
-export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';

package/dist/lib/index.js

@@ -195,42 +195,12 @@ Object.defineProperty(exports, "TableTr", {
     return _TableTr["default"];
   }
 });
-Object.defineProperty(exports, "UploadField", {
-  enumerable: true,
-  get: function get() {
-    return _UploadField["default"];
-  }
-});
-Object.defineProperty(exports, "UploadFieldDropArea", {
-  enumerable: true,
-  get: function get() {
-    return _UploadFieldDropArea["default"];
-  }
-});
-Object.defineProperty(exports, "UploadFileItem", {
-  enumerable: true,
-  get: function get() {
-    return _UploadFileItem["default"];
-  }
-});
-Object.defineProperty(exports, "UploadFileItemIcon", {
-  enumerable: true,
-  get: function get() {
-    return _UploadFileItemIcon["default"];
-  }
-});
 Object.defineProperty(exports, "chartColors", {
   enumerable: true,
   get: function get() {
     return _chartColors["default"];
   }
 });
-Object.defineProperty(exports, "useDragAndDrop", {
-  enumerable: true,
-  get: function get() {
-    return _useDragAndDrop["default"];
-  }
-});
 var _BottomBar = _interopRequireDefault(require("./components/BottomBar/BottomBar"));
 var _CardBig = _interopRequireDefault(require("./components/Cards/CardBig/CardBig"));
 var _CardCell = _interopRequireDefault(require("./components/Cards/components/_CardCell/CardCell"));
@@ -264,9 +234,4 @@ var _TableTd = _interopRequireDefault(require("./components/Table/components/Tab
 var _TableTh = _interopRequireDefault(require("./components/Table/components/TableTh/TableTh"));
 var _TableTooltip = _interopRequireDefault(require("./components/Table/components/TableTooltip/TableTooltip"));
 var _TableTr = _interopRequireDefault(require("./components/Table/components/TableTr/TableTr"));
-var _UploadField = _interopRequireDefault(require("./components/UploadForm/UploadField/UploadField"));
-var _UploadFieldDropArea = _interopRequireDefault(require("./components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea"));
-var _UploadFileItem = _interopRequireDefault(require("./components/UploadForm/UploadFileItem/UploadFileItem"));
-var _UploadFileItemIcon = _interopRequireDefault(require("./components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon"));
-var _useDragAndDrop = _interopRequireDefault(require("./components/UploadForm/UploadField/components/useDragAndDrop"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-lk-vas",
-    "version": "0.4.0",
+    "version": "0.5.0",
     "files": [
         "dist"
     ],
@@ -77,11 +77,11 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@megafon/ui-core": "^7.2.1",
+        "@megafon/ui-core": "^7.3.0",
         "@megafon/ui-helpers": "^3.1.1",
-        "@megafon/ui-icons": "^3.2.0",
+        "@megafon/ui-icons": "^3.2.1",
         "chart.js": "4.0.1",
         "lodash.throttle": "^4.1.1"
     },
-    "gitHead": "30ed829a286373798a4328c575e1b23f8b726b41"
+    "gitHead": "b77283ba6760e14912cc98f3e1745ed53477cd22"
 }

package/dist/es/components/UploadForm/UploadField/UploadField.css

@@ -1,27 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-
-.mfui-lkvas-upload-field {
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  max-width: 455px;
-}
-.mfui-lkvas-upload-field__input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-}

package/dist/es/components/UploadForm/UploadField/UploadField.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import './UploadField.scss';
-export interface IUploadDropField {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Обязательность поля */
-    required?: boolean;
-    /** Заблокированное состояние */
-    disabled?: boolean;
-    /** Действие при выборе файла */
-    onChange: (files: File[]) => void;
-    /** Дополнительная информация */
-    description?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        input?: Record<string, string>;
-        dropArea?: Record<string, string>;
-    };
-}
-declare const UploadField: React.FC<IUploadDropField>;
-export default UploadField;

package/dist/es/components/UploadForm/UploadField/UploadField.js

@@ -1,56 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.string.iterator.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import UploadFieldDropArea from "./components/_UploadFieldDropArea/UploadFieldDropArea";
-import "./UploadField.css";
-var cn = cnCreate('mfui-lkvas-upload-field');
-var UploadField = function UploadField(_ref) {
-  var className = _ref.className,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onChange = _ref.onChange,
-    description = _ref.description,
-    dataAttrs = _ref.dataAttrs;
-  var inputRef = React.useRef(null);
-  var handleInputChange = React.useCallback(function (e) {
-    var uploadFiles = Array.from(e.target.files || []);
-    onChange(uploadFiles);
-    e.target.value = '';
-  }, [onChange]);
-  var handleFileDrop = React.useCallback(function (uploadFiles) {
-    onChange(uploadFiles);
-  }, [onChange]);
-  var handleSelectButtonClick = React.useCallback(function () {
-    if (!inputRef || !inputRef.current) {
-      return;
-    }
-    inputRef.current.click();
-  }, []);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn([className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("input", _extends({
-    className: cn('input')
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
-    multiple: true,
-    type: "file",
-    ref: inputRef,
-    onChange: handleInputChange,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement(UploadFieldDropArea, {
-    description: description,
-    required: required,
-    disabled: disabled,
-    onDrop: handleFileDrop,
-    onSelectButtonClick: handleSelectButtonClick,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dropArea
-    }
-  }));
-};
-export default UploadField;

package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.css

@@ -1,83 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-
-.mfui-lkvas-upload-field-drop-area {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 8px;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  padding: 12px 32px 20px;
-  border: 1px dashed var(--spbSky2);
-  border-radius: 12px;
-}
-.mfui-lkvas-upload-field-drop-area__upload-icon {
-  width: 40px;
-  height: 40px;
-  fill: var(--spbSky3);
-}
-.mfui-lkvas-upload-field-drop-area__content {
-  text-align: center;
-}
-.mfui-lkvas-upload-field-drop-area__select-button {
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin-right: 4px;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  color: var(--brandGreen);
-  font-weight: 500;
-  font-family: inherit;
-  text-align: center;
-  text-decoration: none;
-  background: transparent;
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.mfui-lkvas-upload-field-drop-area__description {
-  font-size: 12px;
-  line-height: 18px;
-  color: var(--spbSky3);
-  font-weight: 400;
-  text-align: center;
-}
-.mfui-lkvas-upload-field-drop-area__select-button:hover {
-  color: var(--buttonHoverGreen);
-}
-.mfui-lkvas-upload-field-drop-area__mark {
-  color: var(--fury);
-}
-.mfui-lkvas-upload-field-drop-area_dragging {
-  border-color: var(--brandGreen);
-}
-.mfui-lkvas-upload-field-drop-area_dragging * {
-  pointer-events: none;
-}
-.mfui-lkvas-upload-field-drop-area_disabled {
-  color: var(--spbSky3);
-  background-color: var(--spbSky0);
-}
-.mfui-lkvas-upload-field-drop-area_disabled .mfui-lkvas-upload-field-drop-area__select-button {
-  color: var(--spbSky3);
-  cursor: not-allowed;
-}
-.mfui-lkvas-upload-field-drop-area_disabled .mfui-lkvas-upload-field-drop-area__mark {
-  color: var(--spbSky3);
-}

package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import './UploadFieldDropArea.scss';
-export interface IUploadFieldDropArea {
-    /** Дополнительная информация */
-    description?: string;
-    /** Обязательность поля */
-    required: boolean;
-    /** Заблокированное состояние */
-    disabled: boolean;
-    /** Обработчик события 'drop' */
-    onDrop: (files: File[]) => void;
-    /** Обработчик нажатия на кнопку выбора файлов */
-    onSelectButtonClick: () => void;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        button?: Record<string, string>;
-    };
-}
-declare const UploadFieldDropArea: React.FC<IUploadFieldDropArea>;
-export default UploadFieldDropArea;

package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import useDragAndDrop from "../useDragAndDrop";
-import "./UploadFieldDropArea.css";
-var CloudUpload = function CloudUpload(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 40 40"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19 36V22l-2.38 3.9-1.71-1L19 18h1.88l4.14 6.85-1.71 1L21 22v14zM8.21 32H14v-2H8.21A4.27 4.27 0 014 25.6a4.27 4.27 0 014.21-4.4h2.07V18a9.94 9.94 0 019.66-10 9.94 9.94 0 019.66 10v1h1a5.49 5.49 0 010 11H26v2h4.6a7.49 7.49 0 001-14.91A11.94 11.94 0 0019.94 6 11.94 11.94 0 008.27 18v1.16h-.06A6.27 6.27 0 002 25.6 6.27 6.27 0 008.21 32z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-upload-field-drop-area');
-var UploadFieldDropArea = function UploadFieldDropArea(_ref) {
-  var description = _ref.description,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    onDrop = _ref.onDrop,
-    onSelectButtonClick = _ref.onSelectButtonClick,
-    dataAttrs = _ref.dataAttrs;
-  var dropAreaRef = React.useRef(null);
-  var currentDropAreaRef = !disabled ? dropAreaRef : {
-    current: null
-  };
-  var isDragging = useDragAndDrop(currentDropAreaRef, onDrop);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      disabled: disabled,
-      dragging: isDragging
-    }),
-    ref: dropAreaRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(CloudUpload, {
-    className: cn('upload-icon')
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    className: cn('select-button')
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
-    type: "button",
-    disabled: disabled,
-    onClick: !disabled ? onSelectButtonClick : undefined
-  }), "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B"), /*#__PURE__*/React.createElement("span", null, "\u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0435 \u0438\u0445 \u0441\u044E\u0434\u0430", required && /*#__PURE__*/React.createElement("span", {
-    className: cn('mark')
-  }, "*"))), !!description && /*#__PURE__*/React.createElement("div", {
-    className: cn('description')
-  }, description));
-};
-export default UploadFieldDropArea;

package/dist/es/components/UploadForm/UploadField/components/useDragAndDrop.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const useDragAndDrop: (dropAreaRef: React.RefObject<HTMLElement>, onDrop: (files: File[]) => void) => boolean;
-export default useDragAndDrop;

package/dist/es/components/UploadForm/UploadField/components/useDragAndDrop.js

@@ -1,50 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.string.iterator.js";
-import React from 'react';
-var useDragAndDrop = function useDragAndDrop(dropAreaRef, onDrop) {
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isDragging = _React$useState2[0],
-    setIsDragging = _React$useState2[1];
-  var dragEnterHandler = React.useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(true);
-  }, []);
-  var dragLeaveHandler = React.useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-  }, []);
-  var dragOverHandler = React.useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  var dropHandler = React.useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-    if (e.dataTransfer) {
-      onDrop(Array.from(e.dataTransfer.files));
-    }
-  }, [onDrop]);
-  React.useEffect(function () {
-    if (!dropAreaRef.current) {
-      return undefined;
-    }
-    var dropArea = dropAreaRef.current;
-    dropArea.addEventListener('dragenter', dragEnterHandler);
-    dropArea.addEventListener('dragleave', dragLeaveHandler);
-    dropArea.addEventListener('dragover', dragOverHandler);
-    dropArea.addEventListener('drop', dropHandler);
-    return function () {
-      dropArea.removeEventListener('dragenter', dragEnterHandler);
-      dropArea.removeEventListener('dragleave', dragLeaveHandler);
-      dropArea.removeEventListener('dragover', dragOverHandler);
-      dropArea.removeEventListener('drop', dropHandler);
-    };
-  }, [dragEnterHandler, dragLeaveHandler, dragOverHandler, dropHandler, dropAreaRef]);
-  return isDragging;
-};
-export default useDragAndDrop;

package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.css

@@ -1,112 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-
-.mfui-lkvas-upload-file-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 12px;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  max-width: 455px;
-  padding: 12px;
-  border-color: var(--spbSky1);
-  border-style: solid;
-  border-width: 1px;
-  border-radius: 12px;
-}
-.mfui-lkvas-upload-file-item__file-icon-box {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  margin-top: 5px;
-}
-.mfui-lkvas-upload-file-item__cancel-icon-box {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  margin-top: 5px;
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background-color: var(--spbSky0);
-  cursor: pointer;
-}
-.mfui-lkvas-upload-file-item__cancel-icon-box svg {
-  fill: var(--spbSky3);
-}
-.mfui-lkvas-upload-file-item__icon {
-  width: 100%;
-  height: 100%;
-}
-.mfui-lkvas-upload-file-item__content {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  overflow: hidden;
-}
-.mfui-lkvas-upload-file-item__name {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-lkvas-upload-file-item__description {
-  font-size: 12px;
-  line-height: 18px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 4px;
-  color: var(--spbSky3);
-  font-weight: 400;
-}
-.mfui-lkvas-upload-file-item__progress-bar {
-  width: 100%;
-  height: 4px;
-  margin-top: 12px;
-  border-radius: 2px;
-  background-color: var(--spbSky1);
-}
-.mfui-lkvas-upload-file-item__progress-bar-fill {
-  width: 0;
-  height: 100%;
-  border-radius: 2px;
-  background-color: var(--brandGreen);
-  -webkit-transition: width 0.3s ease;
-  transition: width 0.3s ease;
-}
-.mfui-lkvas-upload-file-item__service-message {
-  color: var(--content);
-}
-.mfui-lkvas-upload-file-item__error-message {
-  color: var(--fury);
-  text-decoration-line: underline;
-  text-decoration-style: dotted;
-  text-decoration-color: var(--fury);
-  text-underline-offset: 2px;
-  cursor: pointer;
-}
-.mfui-lkvas-upload-file-item__error-tooltip {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  max-width: 260px;
-}
-.mfui-lkvas-upload-file-item_error {
-  border-color: var(--fury20);
-}

package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import './UploadFileItem.scss';
-export interface IUploadFileItem {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Имя файла с расширением */
-    fileName: string;
-    /** Размер файла в байтах */
-    fileSize?: string | number;
-    /** Процент загрузки файла */
-    loadingProgress?: number;
-    /** Сообщение об ошибке */
-    errorText?: string;
-    /** Проверка файла */
-    isChecking?: string;
-    /** Обработчик удаления файла */
-    onDelete?: (e: React.SyntheticEvent<EventTarget>) => void;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        deleteButton?: Record<string, string>;
-    };
-}
-declare const UploadFileItem: React.FC<IUploadFileItem>;
-export default UploadFileItem;

package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.function.name.js";
-import * as React from 'react';
-import { Tooltip } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import UploadFileItemIcon from "./components/_UploadFileItemIcon/UploadFileItemIcon";
-import { getReadableFileSize, splitFileName } from "./helpers";
-import "./UploadFileItem.css";
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "CancelIcon__st0",
-    d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-upload-file-item');
-var UploadFileItem = function UploadFileItem(_ref) {
-  var className = _ref.className,
-    fileName = _ref.fileName,
-    _ref$fileSize = _ref.fileSize,
-    fileSize = _ref$fileSize === void 0 ? 0 : _ref$fileSize,
-    _ref$loadingProgress = _ref.loadingProgress,
-    loadingProgress = _ref$loadingProgress === void 0 ? 0 : _ref$loadingProgress,
-    errorText = _ref.errorText,
-    _ref$isChecking = _ref.isChecking,
-    isChecking = _ref$isChecking === void 0 ? false : _ref$isChecking,
-    onDelete = _ref.onDelete,
-    dataAttrs = _ref.dataAttrs;
-  var tooltipTriggerElement = React.useRef(null);
-  var _splitFileName = splitFileName(fileName),
-    name = _splitFileName.name,
-    extension = _splitFileName.extension;
-  var readableFileSize = getReadableFileSize(fileSize);
-  var isError = !!errorText;
-  var handleDelete = function handleDelete(e) {
-    onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
-  };
-  var renderExtraContent = function renderExtraContent() {
-    if (isError) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: cn('error-message'),
-        ref: tooltipTriggerElement
-      }, "\u041E\u0448\u0438\u0431\u043A\u0430"), /*#__PURE__*/React.createElement(Tooltip, {
-        className: cn('error-tooltip'),
-        triggerElement: tooltipTriggerElement,
-        colorTheme: "blue",
-        placement: "bottom"
-      }, errorText));
-    }
-    return /*#__PURE__*/React.createElement("span", {
-      className: cn('service-message')
-    }, isChecking ? 'Проверка файла…' : "\u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430 ".concat(loadingProgress, "%"));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      error: isError
-    }, [className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
-    className: cn('file-icon-box')
-  }, /*#__PURE__*/React.createElement(UploadFileItemIcon, {
-    fileExtension: extension,
-    className: cn('icon')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('name')
-  }, name), /*#__PURE__*/React.createElement("div", {
-    className: cn('description')
-  }, !!extension && /*#__PURE__*/React.createElement("span", null, extension.toUpperCase()), /*#__PURE__*/React.createElement("span", null, readableFileSize), renderExtraContent()), /*#__PURE__*/React.createElement("div", {
-    className: cn('progress-bar')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('progress-bar-fill'),
-    style: {
-      width: "".concat(loadingProgress, "%")
-    }
-  }))), /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: cn('cancel-icon-box')
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.deleteButton), {
-    onClick: handleDelete
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('icon')
-  })));
-};
-export default UploadFileItem;

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface IUploadFileItemIcon {
-    className?: string;
-    fileExtension: string;
-}
-declare const UploadFileItemIcon: React.FC<IUploadFileItemIcon>;
-export default UploadFileItemIcon;