@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js

@@ -1,215 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64;
-import { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
-import { fileUploaderSizeMixin } from "../FileUploader.mixins";
-export var globalClasses = prefix('file-uploader')({
-  afterLinkText: 'after-link-text'
-});
-export var getJsStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css,
-    keyframes = _ref.keyframes;
-  return {
-    calcPulse: function calcPulse(t) {
-      return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      0% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n      95% {\n        box-shadow: 0 0 0 10px ", ";\n      }\n      100% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "])), t.inputBlinkColor, t.inputBlinkColor, t.inputBlinkColor);
-    },
-    root: function root(t) {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "])), t.fileUploaderLineHeightSmall, t.fileUploaderFontSizeSmall, t.fileUploaderTextColorDefault, t.fileUploaderBg);
-    },
-    uploadButton: function uploadButton(t) {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderUploadButtonBg);
-    },
-    uploadButtonFocus: function uploadButtonFocus(t) {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
-    },
-    uploadButtonWithFile: function uploadButtonWithFile(t) {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
-    },
-    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
-    },
-    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
-    },
-    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
-    },
-    dragOver: function dragOver(t) {
-      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
-    },
-    windowDragOver: function windowDragOver(t) {
-      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "])), t.fileUploaderBorderRadius, this.calcPulse(t));
-    },
-    contentInnerSmall: function contentInnerSmall(t) {
-      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
-    },
-    contentInnerMedium: function contentInnerMedium(t) {
-      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
-    },
-    contentInnerLarge: function contentInnerLarge(t) {
-      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
-    },
-    visuallyHidden: function visuallyHidden() {
-      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "])));
-    },
-    afterLinkText: function afterLinkText() {
-      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        display: inline;\n      "])));
-    },
-    afterLinkText_HasFiles: function afterLinkText_HasFiles() {
-      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
-    },
-    warningButton: function warningButton(t) {
-      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
-    },
-    warningFile: function warningFile(t) {
-      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor);
-    },
-    errorButton: function errorButton(t) {
-      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
-    },
-    errorFile: function errorFile(t) {
-      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor);
-    },
-    hovered: function hovered(t) {
-      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n      "])), t.fileUploaderHoveredBg);
-    },
-    linkHovered: function linkHovered(t) {
-      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        text-decoration: ", ";\n      "])), t.fileUploaderLinkHoverTextDecoration);
-    },
-    disabled: function disabled(t) {
-      return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "])), t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
-    },
-    disabledBackground: function disabledBackground(t) {
-      return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border: ", ";\n      "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder);
-    },
-    icon: function icon(t) {
-      return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        color: ", ";\n      "])), t.fileUploaderIconColor);
-    },
-    iconDisabled: function iconDisabled(t) {
-      return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
-    },
-    link: function link(t) {
-      return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])), t.fileUploaderLinkColor);
-    },
-    linkDisabled: function linkDisabled(t) {
-      return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])), t.fileUploaderDisabledLinkColor);
-    },
-    singleFile: function singleFile() {
-      return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n        height: inherit;\n      "])));
-    },
-    iconSmall: function iconSmall(t) {
-      return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
-    },
-    iconMedium: function iconMedium(t) {
-      return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
-    },
-    iconLarge: function iconLarge(t) {
-      return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
-    }
-  };
-});
-export var getJsRowStyles = memoizeGetStyles(function (_ref2) {
-  var css = _ref2.css;
-  return {
-    root: function root() {
-      return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n      "])));
-    },
-    uploadButtonWithFile: function uploadButtonWithFile(t) {
-      return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
-    },
-    uploadButton: function uploadButton() {
-      return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n        justify-content: space-between;\n      "])));
-    },
-    uploadButtonWrapper: function uploadButtonWrapper() {
-      return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n        height: inherit;\n        width: 100%;\n      "])));
-    },
-    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-      return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
-    },
-    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-      return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
-    },
-    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-      return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
-    },
-    sizeSmall: function sizeSmall(t) {
-      return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
-    },
-    sizeMedium: function sizeMedium(t) {
-      return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
-    },
-    sizeLarge: function sizeLarge(t) {
-      return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
-    },
-    content: function content() {
-      return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
-    },
-    contentWithFiles: function contentWithFiles() {
-      return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n      "])));
-    }
-  };
-});
-export var getJsTileStyles = memoizeGetStyles(function (_ref3) {
-  var css = _ref3.css;
-  return {
-    uploadButton: function uploadButton() {
-      return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
-    },
-    uploadButtonWrapper: function uploadButtonWrapper() {
-      return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n        box-sizing: border-box;\n      "])));
-    },
-    uploadButtonWrapperSmall: function uploadButtonWrapperSmall(t) {
-      return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthSmall, t.fileUploaderTileMinHeightSmall);
-    },
-    uploadButtonWrapperMedium: function uploadButtonWrapperMedium(t) {
-      return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthMedium, t.fileUploaderTileMinHeightMedium);
-    },
-    uploadButtonWrapperLarge: function uploadButtonWrapperLarge(t) {
-      return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthLarge, t.fileUploaderTileMinHeightLarge);
-    },
-    uploadButtonWrapperEmptyFileSmall: function uploadButtonWrapperEmptyFileSmall(t) {
-      return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileMinHeightSmall);
-    },
-    uploadButtonWrapperEmptyFileMedium: function uploadButtonWrapperEmptyFileMedium(t) {
-      return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileMinHeightMedium);
-    },
-    uploadButtonWrapperEmptyFileLarge: function uploadButtonWrapperEmptyFileLarge(t) {
-      return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileMinHeightLarge);
-    },
-    uploadButtonWithFile: function uploadButtonWithFile(t) {
-      return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])), t.fileUploaderBorderWidth);
-    },
-    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-      return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n      "])), t.inputIconGapSmall);
-    },
-    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-      return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n      "])), t.inputIconGapMedium);
-    },
-    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-      return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n      "])), t.inputIconGapLarge);
-    },
-    uploadButtonTileWithFileSmall: function uploadButtonTileWithFileSmall(t) {
-      return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall);
-    },
-    uploadButtonTileWithFileMedium: function uploadButtonTileWithFileMedium(t) {
-      return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium);
-    },
-    uploadButtonTileWithFileLarge: function uploadButtonTileWithFileLarge(t) {
-      return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge);
-    },
-    sizeSmall: function sizeSmall(t) {
-      return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderTilePaddingSmall, t.fileUploaderTilePaddingSmall));
-    },
-    sizeMedium: function sizeMedium(t) {
-      return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderTilePaddingMedium, t.fileUploaderTilePaddingMedium));
-    },
-    sizeLarge: function sizeLarge(t) {
-      return css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderTilePaddingLarge, t.fileUploaderTilePaddingLarge));
-    },
-    content: function content() {
-      return css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "])));
-    },
-    contentWithFiles: function contentWithFiles() {
-      return css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
-    }
-  };
-});

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memoizeGetStyles","prefix","fileUploaderSizeMixin","globalClasses","afterLinkText","getJsStyles","_ref","css","keyframes","calcPulse","t","_templateObject","_taggedTemplateLiteralLoose","inputBlinkColor","root","_templateObject2","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","_templateObject3","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","_templateObject4","fileUploaderBorderColorFocus","uploadButtonWithFile","_templateObject5","uploadButtonIconGapSmall","_templateObject6","inputIconGapSmall","uploadButtonIconGapMedium","_templateObject7","inputIconGapMedium","uploadButtonIconGapLarge","_templateObject8","inputIconGapLarge","dragOver","_templateObject9","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","_templateObject10","contentInnerSmall","_templateObject11","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","_templateObject12","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","_templateObject13","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","_templateObject14","_templateObject15","afterLinkText_HasFiles","_templateObject16","warningButton","_templateObject17","fileUploaderBorderColorWarning","warningFile","_templateObject18","fileUploaderWarningBgColor","fileUploaderValidationTextColor","fileUploaderWarningBgHoverColor","errorButton","_templateObject19","fileUploaderBorderColorError","errorFile","_templateObject20","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","hovered","_templateObject21","fileUploaderHoveredBg","linkHovered","_templateObject22","fileUploaderLinkHoverTextDecoration","disabled","_templateObject23","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","disabledBackground","_templateObject24","fileUploaderDisabledBg","fileUploaderDisabledBorder","icon","_templateObject25","fileUploaderIconColor","iconDisabled","_templateObject26","fileUploaderDisabledIconColor","link","_templateObject27","fileUploaderLinkColor","linkDisabled","_templateObject28","fileUploaderDisabledLinkColor","singleFile","_templateObject29","iconSmall","_templateObject30","iconMedium","_templateObject31","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","iconLarge","_templateObject32","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","getJsRowStyles","_ref2","_templateObject33","_templateObject34","_templateObject35","uploadButtonWrapper","_templateObject36","_templateObject37","_templateObject38","_templateObject39","sizeSmall","_templateObject40","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","_templateObject41","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","_templateObject42","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","content","_templateObject43","contentWithFiles","_templateObject44","getJsTileStyles","_ref3","_templateObject45","_templateObject46","uploadButtonWrapperSmall","_templateObject47","fileUploaderTileWidthSmall","fileUploaderTileMinHeightSmall","uploadButtonWrapperMedium","_templateObject48","fileUploaderTileWidthMedium","fileUploaderTileMinHeightMedium","uploadButtonWrapperLarge","_templateObject49","fileUploaderTileWidthLarge","fileUploaderTileMinHeightLarge","uploadButtonWrapperEmptyFileSmall","_templateObject50","fileUploaderTileFilePaddingSmall","uploadButtonWrapperEmptyFileMedium","_templateObject51","fileUploaderTileFilePaddingMedium","uploadButtonWrapperEmptyFileLarge","_templateObject52","fileUploaderTileFilePaddingLarge","_templateObject53","_templateObject54","_templateObject55","_templateObject56","uploadButtonTileWithFileSmall","_templateObject57","uploadButtonTileWithFileMedium","_templateObject58","uploadButtonTileWithFileLarge","_templateObject59","_templateObject60","fileUploaderTilePaddingSmall","_templateObject61","fileUploaderTilePaddingMedium","_templateObject62","fileUploaderTilePaddingLarge","_templateObject63","_templateObject64"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\nexport const getJsStyles = memoizeGetStyles(({ css, keyframes }: Emotion) => {\n  return {\n    calcPulse(t: Theme) {\n      return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${t.inputBlinkColor};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n    `;\n    },\n\n    root(t: Theme) {\n      return css`\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        line-height: ${t.fileUploaderLineHeightSmall};\n        font-size: ${t.fileUploaderFontSizeSmall};\n        color: ${t.fileUploaderTextColorDefault};\n        background-color: ${t.fileUploaderBg};\n      `;\n    },\n\n    uploadButton(t: Theme) {\n      return css`\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n          border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        background-color: ${t.fileUploaderUploadButtonBg};\n      `;\n    },\n\n    uploadButtonFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    dragOver(t: Theme) {\n      return css`\n        border: 1px solid ${t.fileUploaderDragOverBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-shadow: ${t.fileUploaderDragOverShadow};\n      `;\n    },\n\n    windowDragOver(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        animation: ${this.calcPulse(t)} 1.5s infinite;\n      `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n      `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n      `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n      `;\n    },\n\n    visuallyHidden() {\n      return css`\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      `;\n    },\n\n    afterLinkText() {\n      return css`\n        display: inline;\n      `;\n    },\n\n    afterLinkText_HasFiles() {\n      return css`\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      `;\n    },\n\n    warningButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n        }\n      `;\n    },\n\n    errorButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n        }\n      `;\n    },\n\n    hovered(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n      `;\n    },\n\n    linkHovered(t: Theme) {\n      return css`\n        text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n        box-shadow: none;\n        background-clip: ${t.fileUploaderDisabledBgClip};\n\n        .${globalClasses.afterLinkText} {\n          color: ${t.fileUploaderDisabledTextColor};\n        }\n      `;\n    },\n\n    disabledBackground(t: Theme) {\n      return css`\n        background: ${t.fileUploaderDisabledBg};\n        border: ${t.fileUploaderDisabledBorder};\n      `;\n    },\n\n    icon(t: Theme) {\n      return css`\n        display: inline-block;\n        color: ${t.fileUploaderIconColor};\n      `;\n    },\n\n    iconDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    link(t: Theme) {\n      return css`\n        outline: none;\n        text-decoration: none;\n        color: ${t.fileUploaderLinkColor};\n      `;\n    },\n\n    linkDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledLinkColor};\n        &:hover {\n          text-decoration: none;\n        }\n      `;\n    },\n\n    singleFile() {\n      return css`\n        width: 100%;\n        height: inherit;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    root() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButton() {\n      return css`\n        justify-content: space-between;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        height: inherit;\n        width: 100%;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderPaddingXSmall,\n          t.fileUploaderPaddingYSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderPaddingXMedium,\n          t.fileUploaderPaddingYMedium,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderPaddingXLarge,\n          t.fileUploaderPaddingYLarge,\n        )};\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: center;\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    uploadButton() {\n      return css`\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        box-sizing: border-box;\n      `;\n    },\n\n    uploadButtonWrapperSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthSmall};\n        min-height: ${t.fileUploaderTileMinHeightSmall};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthMedium};\n        min-height: ${t.fileUploaderTileMinHeightMedium};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthLarge};\n        min-height: ${t.fileUploaderTileMinHeightLarge};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        height: ${t.fileUploaderTileMinHeightSmall};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        height: ${t.fileUploaderTileMinHeightMedium};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        height: ${t.fileUploaderTileMinHeightLarge};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n        justify-content: start;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapLarge};\n      `;\n    },\n\n    uploadButtonTileWithFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n      `;\n    },\n\n    uploadButtonTileWithFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n      `;\n    },\n\n    uploadButtonTileWithFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderTilePaddingSmall,\n          t.fileUploaderTilePaddingSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderTilePaddingMedium,\n          t.fileUploaderTilePaddingMedium,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderTilePaddingLarge,\n          t.fileUploaderTilePaddingLarge,\n        )};\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      `;\n    },\n  };\n});\n"],"mappings":"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","ignoreList":[]}

package/components/FileUploader/FileUploader.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/FileUploader/FileUploader.styles.js",
-  "module": "FileUploader.styles",
-  "types": "../FileUploader.styles.d.ts",
-  "sideEffects": false
-}

package/components/FileUploader/FileUploaderFile/FileUploaderFile.js

@@ -1,295 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["file", "showSize", "previewImg", "error", "warning", "multiple", "disabled", "hovered", "focused", "size", "view", "withValidationTooltip", "validationTooltipPosition", "withWarningIcon", "onRemove", "showFilenameHint", "fileTypeIcon"];
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { useEmotion, useGlobal, useStyles } from "../../../lib/renderEnvironment";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { FileUploaderFileStatus, getFileUploaderTypeIcon } from "../../../internal/FileUploaderControl/fileUtils";
-import { formatBytes } from "../../../lib/utils";
-import { TextWidthHelper } from "../../../internal/TextWidthHelper/TextWidthHelper";
-import { truncate } from "../../../lib/stringUtils";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { useKeyListener } from "../../../lib/events/keyListener";
-import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
-import { Hint } from "../../Hint";
-import { Tooltip } from "../../Tooltip";
-import { getDOMRect } from "../../../lib/dom/getDOMRect";
-import { useFileUploaderSize } from "../../../internal/FileUploaderControl/hooks/useFileUploaderSize";
-import { FileUploaderFileStatusIcon } from "../../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileStatusIcon";
-import { FileUploaderFileTypeIcon } from "../../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileTypeIcon";
-import { getJsRowStyles, getJsStyles, getJsTileStyles } from "../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles";
-import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
-var splitFileNameAndExtension = function splitFileNameAndExtension(filename) {
-  var lastDotIndex = filename.lastIndexOf('.');
-  if (lastDotIndex === -1) {
-    return {
-      name: filename,
-      extension: ''
-    };
-  }
-  var name = filename.substring(0, lastDotIndex);
-  var extension = filename.substring(lastDotIndex + 1);
-  return {
-    name: name,
-    extension: extension
-  };
-};
-var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView) {
-  if (isTileView === void 0) {
-    isTileView = false;
-  }
-  if (!fileNameWidth && !fileNameElementWidth) {
-    return null;
-  }
-  if (fileNameWidth <= fileNameElementWidth) {
-    return name;
-  }
-  var charWidth = Math.ceil(fileNameWidth / name.length);
-  var maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);
-  if (isTileView) {
-    var splitFileName = splitFileNameAndExtension(name);
-    return truncate(splitFileName.name, maxCharsCountInSpan) + "." + splitFileName.extension;
-  }
-  return truncate(name, maxCharsCountInSpan);
-};
-var calcTruncatedName = function calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView) {
-  var _textHelperRef$curren;
-  if (isTileView === void 0) {
-    isTileView = false;
-  }
-  var fileNameWidth = ((_textHelperRef$curren = textHelperRef.current) == null ? void 0 : _textHelperRef$curren.getTextWidth()) || 0;
-  var fileNameElementWidth = isTileView ?
-  // даем возможность занять 2 строки с погрешностью в 50%
-  getDOMRect(fileNameElementRef.current).width * 1.5 : getDOMRect(fileNameElementRef.current).width;
-  return getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView);
-};
-export var FileUploaderFileDataTids = {
-  file: 'FileUploader__file',
-  fileTooltip: 'FileUploader__fileTooltip',
-  fileName: 'FileUploader__fileName',
-  fileSize: 'FileUploader__fileSize',
-  fileIcon: 'FileUploader__fileIcon',
-  fileTypeIcon: 'FileUploader__fileTypeIcon'
-};
-
-/**
- * Компонент файла `FileUploaderFile` из FileUploader для отрисовки загруженного файла.
- */
-export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
-  var _cx, _cx2, _ref;
-  var file = props.file,
-    _props$showSize = props.showSize,
-    showSize = _props$showSize === void 0 ? false : _props$showSize,
-    previewImg = props.previewImg,
-    error = props.error,
-    warning = props.warning,
-    multiple = props.multiple,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$hovered = props.hovered,
-    hovered = _props$hovered === void 0 ? false : _props$hovered,
-    _props$focused = props.focused,
-    focused = _props$focused === void 0 ? false : _props$focused,
-    size = props.size,
-    _props$view = props.view,
-    view = _props$view === void 0 ? 'row' : _props$view,
-    withValidationTooltip = props.withValidationTooltip,
-    validationTooltipPosition = props.validationTooltipPosition,
-    withWarningIcon = props.withWarningIcon,
-    onRemove = props.onRemove,
-    _props$showFilenameHi = props.showFilenameHint,
-    showFullFilename = _props$showFilenameHi === void 0 ? true : _props$showFilenameHi,
-    fileTypeIcon = props.fileTypeIcon,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var id = file.id,
-    originalFile = file.originalFile,
-    status = file.status,
-    validationResult = file.validationResult;
-  var name = originalFile.name,
-    fileSize = originalFile.size;
-  var _useState = useState(hovered || false),
-    hoveredFile = _useState[0],
-    setHoveredFile = _useState[1];
-  var _useState2 = useState(focused || false),
-    focusedByTab = _useState2[0],
-    setFocusedByTab = _useState2[1];
-  var _useState3 = useState(null),
-    truncatedFileName = _useState3[0],
-    setTruncatedFileName = _useState3[1];
-  var textHelperRef = useRef(null);
-  var fileNameElementRef = useRef(null);
-  var theme = useContext(ThemeContext);
-  var globalObject = useGlobal();
-  var _useEmotion = useEmotion(),
-    cx = _useEmotion.cx;
-  var keyListener = useKeyListener();
-  var jsStyles = useStyles(getJsStyles);
-  var jsRowStyles = useStyles(getJsRowStyles);
-  var jsTileStyles = useStyles(getJsTileStyles);
-  var isLoading = status === FileUploaderFileStatus.Loading;
-  var isTileView = view === 'tile';
-  var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
-  var validationTooltipPositionByView = validationTooltipPosition || (isTileView ? 'top center' : 'top left');
-  var formattedSize = useMemo(function () {
-    return formatBytes(fileSize, 1);
-  }, [fileSize]);
-  useEffect(function () {
-    var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView);
-    setTruncatedFileName(truncatedName);
-  });
-  var handleRemove = useCallback(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onRemove(id);
-  }, [id, onRemove]);
-  var isValid = validationResult.isValid,
-    message = validationResult.message;
-  var isError = file.status === FileUploaderFileStatus.Error || error;
-  var isWarning = file.status === FileUploaderFileStatus.Warning || warning;
-  var isInvalid = isError || !isValid;
-  var sizeIconClass = useFileUploaderSize(size, {
-    small: jsViewStyles.iconSmall(theme),
-    medium: jsViewStyles.iconMedium(theme),
-    large: jsViewStyles.iconLarge(theme)
-  });
-  var renderTooltipContent = useCallback(function () {
-    return !isValid && !error && message ? message : null;
-  }, [isValid, error, message]);
-  var sizeNameBlockClass = useFileUploaderSize(size, {
-    small: jsStyles.contentSmall(theme),
-    medium: jsStyles.contentMedium(theme),
-    large: jsStyles.contentLarge(theme)
-  });
-  var sizeViewNameBlockClass = useFileUploaderSize(size, {
-    small: jsViewStyles.contentSmall(theme),
-    medium: jsViewStyles.contentMedium(theme),
-    large: jsViewStyles.contentLarge(theme)
-  });
-  var validationTextClassName = cx((_cx = {}, _cx[jsStyles.validationTextWarning(theme)] = isWarning, _cx[jsStyles.validationTextError(theme)] = isError, _cx));
-  var contentClassNames = cx(jsStyles.content(), jsViewStyles.content());
-  var nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);
-  var handleMouseEnter = useCallback(function () {
-    setHoveredFile(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    setHoveredFile(false);
-  }, []);
-  var handleFocus = useCallback(function () {
-    // focus event fires before keyDown eventlistener
-    // so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-      if (keyListener.isTabPressed) {
-        setFocusedByTab(true);
-      }
-    });
-  }, []);
-  var handleBlur = useCallback(function () {
-    setFocusedByTab(false);
-  }, []);
-  var handleIconKeyDown = useCallback(function (e) {
-    if (isKeyEnter(e)) {
-      onRemove(id);
-    }
-  }, [onRemove, id]);
-  var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[sizeIconClass] = true, _cx2[jsTileStyles.iconAction(theme)] = isTileView, _cx2[jsTileStyles.iconActionShow()] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab), _cx2));
-  var sizeClassName = useFileUploaderSize(size, {
-    small: jsStyles.sizeSmall(theme),
-    medium: jsStyles.sizeMedium(theme),
-    large: jsStyles.sizeLarge(theme)
-  });
-  var sizeClassNames = cx(jsStyles.size(theme), sizeClassName, jsViewStyles.size(theme), isTileView && disabled && jsTileStyles.sizeDisabled(theme));
-  var sizeFileTypeIconClass = useFileUploaderSize(size, {
-    small: jsViewStyles.fileTypeIconSmall(theme),
-    medium: jsViewStyles.fileTypeIconMedium(theme),
-    large: jsViewStyles.fileTypeIconLarge(theme)
-  });
-  var isTruncated = truncatedFileName !== name;
-  var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(theme), isTileView && (_ref = {}, _ref[jsTileStyles.fileTypeIcon(theme)] = true, _ref[jsTileStyles.fileTypeIconPreview()] = !!previewImg, _ref[jsTileStyles.disabledFileTypeIcon(theme)] = disabled, _ref[jsTileStyles.warningFileTypeIcon(theme)] = isWarning, _ref[jsTileStyles.errorFileTypeIcon(theme)] = isError, _ref), multiple && jsStyles.fileTypeIconMultiple());
-  var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock(), disabled && jsViewStyles.disabled(theme), jsViewStyles.nameBlock());
-  var fileType = getFileUploaderTypeIcon(file.originalFile, isError, isWarning && !!withWarningIcon);
-  var icon = isTileView && isLoading ? /*#__PURE__*/
-  React.createElement(LoadingIcon, {
-    size: size
-  }) : fileTypeIcon != null ? fileTypeIcon : /*#__PURE__*/React.createElement(FileUploaderFileTypeIcon, {
-    type: fileType,
-    size: size,
-    view: view
-  });
-  var splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, rest, /*#__PURE__*/
-    React.createElement("div", {
-      "data-tid": FileUploaderFileDataTids.file,
-      className: jsStyles.root(),
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      ref: ref
-    }, /*#__PURE__*/
-
-    React.createElement(Tooltip, {
-      "data-tid": FileUploaderFileDataTids.fileTooltip,
-      pos: validationTooltipPositionByView,
-      render: function render() {
-        return withValidationTooltip || isTileView ? renderTooltipContent() : null;
-      }
-    }, /*#__PURE__*/
-
-    React.createElement("div", {
-      className: contentClassNames
-    }, /*#__PURE__*/
-
-    React.createElement("div", {
-      "data-tid": FileUploaderFileDataTids.fileTypeIcon,
-      className: fileTypeIconClassName,
-      style: previewImg ? {
-        backgroundImage: "url(" + previewImg + ")"
-      } : undefined
-    }, (!isTileView || !previewImg) && icon), /*#__PURE__*/
-
-    React.createElement("div", {
-      className: nameBlockClassNames
-    }, /*#__PURE__*/
-    React.createElement(TextWidthHelper, {
-      ref: textHelperRef,
-      text: name
-    }), /*#__PURE__*/
-    React.createElement(Hint, {
-      maxWidth: '100%',
-      text: showFullFilename && isTruncated ? name : null
-    }, /*#__PURE__*/
-    React.createElement("span", {
-      "data-tid": FileUploaderFileDataTids.fileName,
-      ref: fileNameElementRef,
-      className: nameTextClassNames
-    }, splitTruncatedFileName && /*#__PURE__*/
-    React.createElement(React.Fragment, null, splitTruncatedFileName.name, splitTruncatedFileName.extension && /*#__PURE__*/React.createElement("span", null, ".", splitTruncatedFileName.extension)))), !(withValidationTooltip || isTileView) && /*#__PURE__*/
-    React.createElement("span", {
-      className: validationTextClassName
-    }, renderTooltipContent())), showSize && formattedSize && /*#__PURE__*/
-    React.createElement("span", {
-      "data-tid": FileUploaderFileDataTids.fileSize,
-      className: sizeClassNames
-    }, formattedSize), /*#__PURE__*/
-
-    React.createElement("div", {
-      className: iconClassNames,
-      "data-tid": FileUploaderFileDataTids.fileIcon,
-      tabIndex: 0,
-      onClick: handleRemove,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      onKeyDown: handleIconKeyDown
-    }, /*#__PURE__*/
-
-    React.createElement(FileUploaderFileStatusIcon, {
-      isTileView: isTileView,
-      status: status,
-      disabled: disabled,
-      hovered: hovered || hoveredFile,
-      focusedByTab: focused || focusedByTab,
-      isInvalid: isInvalid,
-      hasValidation: isError || isWarning,
-      size: size
-    }))))))
-  );
-});