npm - @skbkontur/react-ui - Versions diffs - 6.4.3-6344a.0 → 6.4.4-3a8c8.0 - Mend

@skbkontur/react-ui 6.4.3-6344a.0 → 6.4.4-3a8c8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (669) hide show

package/components/FileUploader/FileUploader.styles.js ADDED Viewed

@@ -0,0 +1,221 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+import { fileUploaderSizeMixin } from './FileUploader.mixins.js';
+export var globalClasses = prefix('file-uploader')({
+    afterLinkText: 'after-link-text',
+});
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css, keyframes = _a.keyframes;
+    var calcPulse = function (t) {
+        return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    "], ["\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);
+    };
+    return {
+        root: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "], ["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderRadius, t.fileUploaderLineHeightSmall, t.fileUploaderFontSizeSmall, t.fileUploaderTextColorDefault, t.fileUploaderBg);
+        },
+        uploadButton: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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      "], ["\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 (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+        },
+        uploadButtonWithFile: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
+        },
+        uploadButtonIconGapSmall: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
+        },
+        uploadButtonIconGapMedium: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
+        },
+        uploadButtonIconGapLarge: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
+        },
+        dragOver: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "], ["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
+        },
+        windowDragOver: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "], ["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "])), t.fileUploaderBorderRadius, calcPulse(t));
+        },
+        contentInnerSmall: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+        },
+        contentInnerMedium: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+        },
+        contentInnerLarge: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+        },
+        visuallyHidden: function () {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\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        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 () {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        display: inline;\n      "], ["\n        display: inline;\n      "])));
+        },
+        afterLinkText_HasFiles: function () {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "], ["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
+        },
+        warningButton: function (t) {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+        },
+        warningFile: function (t) {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor);
+        },
+        errorButton: function (t) {
+            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+        },
+        errorFile: function (t) {
+            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor);
+        },
+        hovered: function (t) {
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.fileUploaderHoveredBg);
+        },
+        linkHovered: function (t) {
+            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        text-decoration: ", ";\n      "], ["\n        text-decoration: ", ";\n      "])), t.fileUploaderLinkHoverTextDecoration);
+        },
+        disabled: function (t) {
+            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "], ["\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 (t) {
+            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        background: ", ";\n        border: ", ";\n      "], ["\n        background: ", ";\n        border: ", ";\n      "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder);
+        },
+        icon: function (t) {
+            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        display: inline-block;\n        color: ", ";\n      "], ["\n        display: inline-block;\n        color: ", ";\n      "])), t.fileUploaderIconColor);
+        },
+        iconDisabled: function (t) {
+            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
+        },
+        link: function (t) {
+            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "], ["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])), t.fileUploaderLinkColor);
+        },
+        linkDisabled: function (t) {
+            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])), t.fileUploaderDisabledLinkColor);
+        },
+        singleFile: function () {
+            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        width: 100%;\n        height: inherit;\n      "], ["\n        width: 100%;\n        height: inherit;\n      "])));
+        },
+        iconSmall: function (t) {
+            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+        },
+        iconMedium: function (t) {
+            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+        },
+        iconLarge: function (t) {
+            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+        },
+    };
+});
+export var getJsRowStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return {
+        root: function () {
+            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "])));
+        },
+        uploadButtonWithFile: function (t) {
+            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
+        },
+        uploadButton: function () {
+            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        justify-content: space-between;\n      "], ["\n        justify-content: space-between;\n      "])));
+        },
+        uploadButtonWrapper: function () {
+            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        height: inherit;\n        width: 100%;\n      "], ["\n        height: inherit;\n        width: 100%;\n      "])));
+        },
+        uploadButtonIconGapSmall: function (t) {
+            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
+        },
+        uploadButtonIconGapMedium: function (t) {
+            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
+        },
+        uploadButtonIconGapLarge: function (t) {
+            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
+        },
+        sizeSmall: function (t) {
+            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
+        },
+        sizeMedium: function (t) {
+            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
+        },
+        sizeLarge: function (t) {
+            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
+        },
+        content: function () {
+            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "], ["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
+        },
+        contentWithFiles: function () {
+            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n      "], ["\n        display: flex;\n        align-items: center;\n      "])));
+        },
+    };
+});
+export var getJsTileStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return {
+        uploadButton: function () {
+            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "], ["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
+        },
+        uploadButtonWrapper: function () {
+            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        box-sizing: border-box;\n      "], ["\n        box-sizing: border-box;\n      "])));
+        },
+        uploadButtonWrapperSmall: function (t) {
+            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthSmall, t.fileUploaderTileMinHeightSmall);
+        },
+        uploadButtonWrapperMedium: function (t) {
+            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthMedium, t.fileUploaderTileMinHeightMedium);
+        },
+        uploadButtonWrapperLarge: function (t) {
+            return css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthLarge, t.fileUploaderTileMinHeightLarge);
+        },
+        uploadButtonWrapperEmptyFileSmall: function (t) {
+            return css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileMinHeightSmall);
+        },
+        uploadButtonWrapperEmptyFileMedium: function (t) {
+            return css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileMinHeightMedium);
+        },
+        uploadButtonWrapperEmptyFileLarge: function (t) {
+            return css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileMinHeightLarge);
+        },
+        uploadButtonWithFile: function (t) {
+            return css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])), t.fileUploaderBorderWidth);
+        },
+        uploadButtonIconGapSmall: function (t) {
+            return css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapSmall);
+        },
+        uploadButtonIconGapMedium: function (t) {
+            return css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapMedium);
+        },
+        uploadButtonIconGapLarge: function (t) {
+            return css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapLarge);
+        },
+        uploadButtonTileWithFileSmall: function (t) {
+            return css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall);
+        },
+        uploadButtonTileWithFileMedium: function (t) {
+            return css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium);
+        },
+        uploadButtonTileWithFileLarge: function (t) {
+            return css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge);
+        },
+        sizeSmall: function (t) {
+            return css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderTilePaddingSmall, t.fileUploaderTilePaddingSmall));
+        },
+        sizeMedium: function (t) {
+            return css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderTilePaddingMedium, t.fileUploaderTilePaddingMedium));
+        },
+        sizeLarge: function (t) {
+            return css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderTilePaddingLarge, t.fileUploaderTilePaddingLarge));
+        },
+        verticalAlign: function () {
+            return css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n        vertical-align: middle;\n      "], ["\n        vertical-align: middle;\n      "])));
+        },
+        content: function () {
+            return css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\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        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 () {
+            return css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "], ["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
+        },
+    };
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
+//# sourceMappingURL=FileUploader.styles.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["FileUploader.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { fileUploaderSizeMixin } from './FileUploader.mixins.js';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\nexport const getJsStyles = memoizeGetStyles(({ css, keyframes }: Emotion) => {\n const 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 return {\n root(t: Theme) {\n return css`\n display: inline-flex;\n flex-wrap: wrap;\n position: relative;\n border-radius: ${t.fileUploaderBorderRadius};\n line-height: ${t.fileUploaderLineHeightSmall};\n font-size: ${t.fileUploaderFontSizeSmall};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\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: ${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 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 verticalAlign() {\n return css`\n vertical-align: middle;\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"]}

package/components/FileUploader/FileUploaderFile.js CHANGED Viewed

@@ -35,7 +35,7 @@ import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { formatBytes } from '../../lib/utils.js';
 import { Hint } from '../Hint/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.css.js';
+import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.styles.js';
 import { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';
 import { FileUploaderFileTypeIcon } from './FileUploaderFileTypeIcon.js';
 import { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';

package/components/FileUploader/FileUploaderFile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploaderFile.js","sourceRoot":"","sources":["FileUploaderFile.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { type CommonProps, CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { TextWidthHelper } from '../../internal/TextWidthHelper/TextWidthHelper.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { LocaleContext } from '../../lib/locale/LocaleContext.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { truncate } from '../../lib/stringUtils.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { formatBytes } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Hint } from '../Hint/index.js';\nimport { Tooltip } from '../Tooltip/index.js';\nimport { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.css.js';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';\nimport { FileUploaderFileTypeIcon } from './FileUploaderFileTypeIcon.js';\nimport type { FileUploaderAttachedFile, FileUploaderIconType, FileUploaderView } from './fileUtils.js';\nimport { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';\nimport { useFileUploaderSize } from './hooks/useFileUploaderSize.js';\n\nexport interface FileUploaderFileProps extends CommonProps {\n /** Данные файла и статусы из контекста `FileUploader`. /\n file: FileUploaderAttachedFile;\n /* Включает отображение размера файла рядом с именем. /\n showSize?: boolean;\n /* Фон превью в плиточном виде (URL изображения). /\n previewImg?: string;\n /* Включает мультивыбор файлов. /\n multiple?: boolean;\n /* Блокирует строку файла. /\n disabled?: boolean;\n /* Переводит строку файла в состояние \"наведенное\". /\n hovered?: boolean;\n /* Переводит строку файла в состояние \"фокус\". /\n focused?: boolean;\n /* Размер контрола и вложенных элементов.\n * @default small /\n size: SizeProp;\n /* Внешний вид: строка (`row`) или плитка (`tile`).\n * @default row\n /\n view?: FileUploaderView;\n /* Переводит строку файла в состояние ошибки. /\n error?: boolean;\n /* Переводит строку файла в состояние предупреждения. /\n warning?: boolean;\n /* Включает отображение текста валидации во всплывающей подсказке (и в плитке по умолчанию). /\n withValidationTooltip?: boolean;\n /* Расположение тултипа с текстом валидации. /\n validationTooltipPosition?: ShortPopupPositionsType \| PopupPositionsType;\n /* Включает отображение иконки предупреждения (восклицательный знак) при статусе предупреждения у файла. /\n withWarningIcon?: boolean;\n /* Удаляет файл по `id`. /\n onRemove(id: string): void;\n /\n Замена стандартной иконки типа файла.\n /\n fileTypeIcon?: React.ReactElement;\n /\n Включает отображение подсказки с полным именем при обрезке текста (через `Hint`).\n * @default true\n /\n showFilenameHint?: boolean;\n}\n\nconst splitFileNameAndExtension = (filename: string): { name: string; extension: string } => {\n const lastDotIndex = filename.lastIndexOf('.');\n if (lastDotIndex === -1) {\n return { name: filename, extension: '' };\n }\n const name = filename.substring(0, lastDotIndex);\n const extension = filename.substring(lastDotIndex + 1);\n return { name, extension };\n};\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string, isTileView = false) => {\n if (!fileNameWidth && !fileNameElementWidth) {\n return null;\n }\n\n if (fileNameWidth <= fileNameElementWidth) {\n return name;\n }\n\n const charWidth = Math.ceil(fileNameWidth / name.length);\n const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n if (isTileView) {\n const splitFileName = splitFileNameAndExtension(name);\n return `${truncate(splitFileName.name, maxCharsCountInSpan)}.${splitFileName.extension}`;\n }\n\n return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n textHelperRef: React.RefObject<TextWidthHelper \| null>,\n fileNameElementRef: React.RefObject<HTMLSpanElement \| null>,\n name: string,\n isTileView = false,\n) => {\n const fileNameWidth = textHelperRef.current?.getTextWidth() \|\| 0;\n const fileNameElementWidth = isTileView\n ? // даем возможность занять 2 строки с погрешностью в 50%\n getDOMRect(fileNameElementRef.current).width 1.5\n : getDOMRect(fileNameElementRef.current).width;\n\n return getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView);\n};\n\nexport const FileUploaderFileDataTids = {\n file: 'FileUploader__file',\n fileTooltip: 'FileUploader__fileTooltip',\n fileName: 'FileUploader__fileName',\n fileSize: 'FileUploader__fileSize',\n fileIcon: 'FileUploader__fileIcon',\n fileTypeIcon: 'FileUploader__fileTypeIcon',\n} as const;\n\n/*\n `FileUploaderFile` показывает одну строку файла внутри `FileUploader`: имя, тип, размер, статусы и удаление.\n */\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n 'FileUploaderFile',\n (props, ref) => {\n const {\n file,\n showSize = false,\n previewImg,\n error,\n warning,\n multiple,\n disabled = false,\n hovered = false,\n focused = false,\n size,\n view = 'row',\n withValidationTooltip,\n validationTooltipPosition,\n withWarningIcon,\n onRemove,\n showFilenameHint: showFullFilename = true,\n fileTypeIcon,\n ...rest\n } = props;\n const { id, originalFile, status, validationResult } = file;\n const { name, size: fileSize } = originalFile;\n\n const [hoveredFile, setHoveredFile] = useState<boolean>(hovered \|\| false);\n const [focusedByTab, setFocusedByTab] = useState(focused \|\| false);\n const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n const textHelperRef = useRef<TextWidthHelper>(null);\n const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n const { langCode } = useContext(LocaleContext);\n const theme = useContext(ThemeContext);\n const globalObject = useGlobal();\n\n const { cx } = useEmotion();\n const keyListener = useKeyListener();\n const jsStyles = useStyles(getJsStyles);\n const jsRowStyles = useStyles(getJsRowStyles);\n const jsTileStyles = useStyles(getJsTileStyles);\n\n const isLoading = status === FileUploaderFileStatus.Loading;\n const isTileView = view === 'tile';\n const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n const validationTooltipPositionByView = validationTooltipPosition \|\| (isTileView ? 'top center' : 'top left');\n\n const formattedSize = useMemo(() => formatBytes(fileSize, 1, langCode), [fileSize, langCode]);\n\n useEffect(() => {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView);\n\n setTruncatedFileName(truncatedName);\n });\n\n const handleRemove = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.preventDefault();\n event.stopPropagation();\n onRemove(id);\n },\n [id, onRemove],\n );\n\n const { isValid, message } = validationResult;\n\n const isError = file.status === FileUploaderFileStatus.Error \|\| error;\n const isWarning = file.status === FileUploaderFileStatus.Warning \|\| warning;\n const isInvalid = isError \|\| !isValid;\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: jsViewStyles.iconSmall(theme),\n medium: jsViewStyles.iconMedium(theme),\n large: jsViewStyles.iconLarge(theme),\n });\n\n const renderTooltipContent = useCallback((): ReactNode => {\n return !isValid && !error && message ? message : null;\n }, [isValid, error, message]);\n\n const sizeNameBlockClass = useFileUploaderSize(size, {\n small: jsStyles.contentSmall(theme),\n medium: jsStyles.contentMedium(theme),\n large: jsStyles.contentLarge(theme),\n });\n\n const sizeViewNameBlockClass = useFileUploaderSize(size, {\n small: jsViewStyles.contentSmall(theme),\n medium: jsViewStyles.contentMedium(theme),\n large: jsViewStyles.contentLarge(theme),\n });\n\n const validationTextClassName = cx({\n [jsStyles.validationTextWarning(theme)]: isWarning,\n [jsStyles.validationTextError(theme)]: isError,\n });\n\n const contentClassNames = cx(jsStyles.content(), jsViewStyles.content());\n const nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);\n\n const handleMouseEnter = useCallback(() => {\n setHoveredFile(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setHoveredFile(false);\n }, []);\n\n const handleFocus = useCallback(() => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n }, []);\n\n const handleBlur = useCallback(() => {\n setFocusedByTab(false);\n }, []);\n\n const handleIconKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (isKeyEnter(e)) {\n onRemove(id);\n }\n },\n [onRemove, id],\n );\n\n const iconClassNames = cx(jsStyles.icon(theme), {\n [sizeIconClass]: true,\n [jsTileStyles.iconAction(theme)]: isTileView,\n [jsTileStyles.iconActionShow()]: isTileView && !disabled && (hovered \|\| hoveredFile \|\| focused \|\| focusedByTab),\n });\n\n const sizeClassName = useFileUploaderSize(size, {\n small: jsStyles.sizeSmall(theme),\n medium: jsStyles.sizeMedium(theme),\n large: jsStyles.sizeLarge(theme),\n });\n\n const sizeClassNames = cx(\n jsStyles.size(theme),\n sizeClassName,\n jsViewStyles.size(theme),\n isTileView && (disabled \|\| isLoading) && jsTileStyles.sizeDisabled(theme),\n );\n\n const sizeFileTypeIconClass = useFileUploaderSize(size, {\n small: jsViewStyles.fileTypeIconSmall(theme),\n medium: jsViewStyles.fileTypeIconMedium(theme),\n large: jsViewStyles.fileTypeIconLarge(theme),\n });\n\n const isTruncated = truncatedFileName !== name;\n\n const fileTypeIconClassName = cx(\n sizeFileTypeIconClass,\n disabled && jsStyles.disabledFileTypeIconSvg(theme),\n isTileView && {\n [jsTileStyles.fileTypeIcon(theme)]: true,\n [jsTileStyles.fileTypeIconPreview()]: !!previewImg,\n [jsTileStyles.disabledFileTypeIcon(theme)]: disabled,\n [jsTileStyles.warningFileTypeIcon(theme)]: isWarning,\n [jsTileStyles.errorFileTypeIcon(theme)]: isError,\n },\n multiple && jsStyles.fileTypeIconMultiple(),\n );\n\n const nameBlockClassNames = cx(\n sizeNameBlockClass,\n sizeViewNameBlockClass,\n jsStyles.nameBlock(),\n (disabled \|\| isLoading) && jsViewStyles.disabled(theme),\n jsViewStyles.nameBlock(),\n );\n\n const fileType: FileUploaderIconType = getFileUploaderTypeIcon(\n file.originalFile,\n isError,\n isWarning && !!withWarningIcon,\n );\n const icon =\n isTileView && isLoading ? (\n <LoadingIcon size={size} />\n ) : (\n (fileTypeIcon ?? <FileUploaderFileTypeIcon type={fileType} size={size} view={view} />)\n );\n\n const splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);\n\n return (\n <CommonWrapper {...rest}>\n <div\n data-tid={FileUploaderFileDataTids.file}\n className={jsStyles.root()}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n <Tooltip\n data-tid={FileUploaderFileDataTids.fileTooltip}\n pos={validationTooltipPositionByView}\n render={() => (withValidationTooltip \|\| isTileView ? renderTooltipContent() : null)}\n >\n <div className={contentClassNames}>\n {\n <div\n data-tid={FileUploaderFileDataTids.fileTypeIcon}\n className={fileTypeIconClassName}\n style={previewImg ? { backgroundImage: `url(${previewImg})` } : undefined}\n >\n {(!isTileView \|\| !previewImg) && icon}\n </div>\n }\n <div className={nameBlockClassNames}>\n <TextWidthHelper ref={textHelperRef} text={name} />\n <Hint maxWidth={'100%'} text={showFullFilename && isTruncated ? name : null}>\n <span\n data-tid={FileUploaderFileDataTids.fileName}\n ref={fileNameElementRef}\n className={nameTextClassNames}\n >\n {splitTruncatedFileName && (\n <>\n {splitTruncatedFileName.name}\n {splitTruncatedFileName.extension && <span>.{splitTruncatedFileName.extension}</span>}\n </>\n )}\n </span>\n </Hint>\n {!(withValidationTooltip \|\| isTileView) && (\n <span className={validationTextClassName}>{renderTooltipContent()}</span>\n )}\n </div>\n {showSize && formattedSize && (\n <span data-tid={FileUploaderFileDataTids.fileSize} className={sizeClassNames}>\n {formattedSize}\n </span>\n )}\n <div\n className={iconClassNames}\n data-tid={FileUploaderFileDataTids.fileIcon}\n tabIndex={0}\n onClick={handleRemove}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleIconKeyDown}\n >\n <FileUploaderFileStatusIcon\n isTileView={isTileView}\n status={status}\n disabled={disabled}\n hovered={hovered \|\| hoveredFile}\n focusedByTab={focused \|\| focusedByTab}\n isInvalid={isInvalid}\n hasValidation={isError \|\| isWarning}\n size={size}\n />\n </div>\n </div>\n </Tooltip>\n </div>\n </CommonWrapper>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"FileUploaderFile.js","sourceRoot":"","sources":["FileUploaderFile.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { type CommonProps, CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { TextWidthHelper } from '../../internal/TextWidthHelper/TextWidthHelper.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { LocaleContext } from '../../lib/locale/LocaleContext.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { truncate } from '../../lib/stringUtils.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { formatBytes } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Hint } from '../Hint/index.js';\nimport { Tooltip } from '../Tooltip/index.js';\nimport { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.styles.js';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';\nimport { FileUploaderFileTypeIcon } from './FileUploaderFileTypeIcon.js';\nimport type { FileUploaderAttachedFile, FileUploaderIconType, FileUploaderView } from './fileUtils.js';\nimport { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';\nimport { useFileUploaderSize } from './hooks/useFileUploaderSize.js';\n\nexport interface FileUploaderFileProps extends CommonProps {\n /** Данные файла и статусы из контекста `FileUploader`. /\n file: FileUploaderAttachedFile;\n /* Включает отображение размера файла рядом с именем. /\n showSize?: boolean;\n /* Фон превью в плиточном виде (URL изображения). /\n previewImg?: string;\n /* Включает мультивыбор файлов. /\n multiple?: boolean;\n /* Блокирует строку файла. /\n disabled?: boolean;\n /* Переводит строку файла в состояние \"наведенное\". /\n hovered?: boolean;\n /* Переводит строку файла в состояние \"фокус\". /\n focused?: boolean;\n /* Размер контрола и вложенных элементов.\n * @default small /\n size: SizeProp;\n /* Внешний вид: строка (`row`) или плитка (`tile`).\n * @default row\n /\n view?: FileUploaderView;\n /* Переводит строку файла в состояние ошибки. /\n error?: boolean;\n /* Переводит строку файла в состояние предупреждения. /\n warning?: boolean;\n /* Включает отображение текста валидации во всплывающей подсказке (и в плитке по умолчанию). /\n withValidationTooltip?: boolean;\n /* Расположение тултипа с текстом валидации. /\n validationTooltipPosition?: ShortPopupPositionsType \| PopupPositionsType;\n /* Включает отображение иконки предупреждения (восклицательный знак) при статусе предупреждения у файла. /\n withWarningIcon?: boolean;\n /* Удаляет файл по `id`. /\n onRemove(id: string): void;\n /\n Замена стандартной иконки типа файла.\n /\n fileTypeIcon?: React.ReactElement;\n /\n Включает отображение подсказки с полным именем при обрезке текста (через `Hint`).\n * @default true\n /\n showFilenameHint?: boolean;\n}\n\nconst splitFileNameAndExtension = (filename: string): { name: string; extension: string } => {\n const lastDotIndex = filename.lastIndexOf('.');\n if (lastDotIndex === -1) {\n return { name: filename, extension: '' };\n }\n const name = filename.substring(0, lastDotIndex);\n const extension = filename.substring(lastDotIndex + 1);\n return { name, extension };\n};\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string, isTileView = false) => {\n if (!fileNameWidth && !fileNameElementWidth) {\n return null;\n }\n\n if (fileNameWidth <= fileNameElementWidth) {\n return name;\n }\n\n const charWidth = Math.ceil(fileNameWidth / name.length);\n const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n if (isTileView) {\n const splitFileName = splitFileNameAndExtension(name);\n return `${truncate(splitFileName.name, maxCharsCountInSpan)}.${splitFileName.extension}`;\n }\n\n return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n textHelperRef: React.RefObject<TextWidthHelper \| null>,\n fileNameElementRef: React.RefObject<HTMLSpanElement \| null>,\n name: string,\n isTileView = false,\n) => {\n const fileNameWidth = textHelperRef.current?.getTextWidth() \|\| 0;\n const fileNameElementWidth = isTileView\n ? // даем возможность занять 2 строки с погрешностью в 50%\n getDOMRect(fileNameElementRef.current).width 1.5\n : getDOMRect(fileNameElementRef.current).width;\n\n return getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView);\n};\n\nexport const FileUploaderFileDataTids = {\n file: 'FileUploader__file',\n fileTooltip: 'FileUploader__fileTooltip',\n fileName: 'FileUploader__fileName',\n fileSize: 'FileUploader__fileSize',\n fileIcon: 'FileUploader__fileIcon',\n fileTypeIcon: 'FileUploader__fileTypeIcon',\n} as const;\n\n/*\n `FileUploaderFile` показывает одну строку файла внутри `FileUploader`: имя, тип, размер, статусы и удаление.\n */\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n 'FileUploaderFile',\n (props, ref) => {\n const {\n file,\n showSize = false,\n previewImg,\n error,\n warning,\n multiple,\n disabled = false,\n hovered = false,\n focused = false,\n size,\n view = 'row',\n withValidationTooltip,\n validationTooltipPosition,\n withWarningIcon,\n onRemove,\n showFilenameHint: showFullFilename = true,\n fileTypeIcon,\n ...rest\n } = props;\n const { id, originalFile, status, validationResult } = file;\n const { name, size: fileSize } = originalFile;\n\n const [hoveredFile, setHoveredFile] = useState<boolean>(hovered \|\| false);\n const [focusedByTab, setFocusedByTab] = useState(focused \|\| false);\n const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n const textHelperRef = useRef<TextWidthHelper>(null);\n const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n const { langCode } = useContext(LocaleContext);\n const theme = useContext(ThemeContext);\n const globalObject = useGlobal();\n\n const { cx } = useEmotion();\n const keyListener = useKeyListener();\n const jsStyles = useStyles(getJsStyles);\n const jsRowStyles = useStyles(getJsRowStyles);\n const jsTileStyles = useStyles(getJsTileStyles);\n\n const isLoading = status === FileUploaderFileStatus.Loading;\n const isTileView = view === 'tile';\n const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n const validationTooltipPositionByView = validationTooltipPosition \|\| (isTileView ? 'top center' : 'top left');\n\n const formattedSize = useMemo(() => formatBytes(fileSize, 1, langCode), [fileSize, langCode]);\n\n useEffect(() => {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView);\n\n setTruncatedFileName(truncatedName);\n });\n\n const handleRemove = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.preventDefault();\n event.stopPropagation();\n onRemove(id);\n },\n [id, onRemove],\n );\n\n const { isValid, message } = validationResult;\n\n const isError = file.status === FileUploaderFileStatus.Error \|\| error;\n const isWarning = file.status === FileUploaderFileStatus.Warning \|\| warning;\n const isInvalid = isError \|\| !isValid;\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: jsViewStyles.iconSmall(theme),\n medium: jsViewStyles.iconMedium(theme),\n large: jsViewStyles.iconLarge(theme),\n });\n\n const renderTooltipContent = useCallback((): ReactNode => {\n return !isValid && !error && message ? message : null;\n }, [isValid, error, message]);\n\n const sizeNameBlockClass = useFileUploaderSize(size, {\n small: jsStyles.contentSmall(theme),\n medium: jsStyles.contentMedium(theme),\n large: jsStyles.contentLarge(theme),\n });\n\n const sizeViewNameBlockClass = useFileUploaderSize(size, {\n small: jsViewStyles.contentSmall(theme),\n medium: jsViewStyles.contentMedium(theme),\n large: jsViewStyles.contentLarge(theme),\n });\n\n const validationTextClassName = cx({\n [jsStyles.validationTextWarning(theme)]: isWarning,\n [jsStyles.validationTextError(theme)]: isError,\n });\n\n const contentClassNames = cx(jsStyles.content(), jsViewStyles.content());\n const nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);\n\n const handleMouseEnter = useCallback(() => {\n setHoveredFile(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setHoveredFile(false);\n }, []);\n\n const handleFocus = useCallback(() => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n }, []);\n\n const handleBlur = useCallback(() => {\n setFocusedByTab(false);\n }, []);\n\n const handleIconKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (isKeyEnter(e)) {\n onRemove(id);\n }\n },\n [onRemove, id],\n );\n\n const iconClassNames = cx(jsStyles.icon(theme), {\n [sizeIconClass]: true,\n [jsTileStyles.iconAction(theme)]: isTileView,\n [jsTileStyles.iconActionShow()]: isTileView && !disabled && (hovered \|\| hoveredFile \|\| focused \|\| focusedByTab),\n });\n\n const sizeClassName = useFileUploaderSize(size, {\n small: jsStyles.sizeSmall(theme),\n medium: jsStyles.sizeMedium(theme),\n large: jsStyles.sizeLarge(theme),\n });\n\n const sizeClassNames = cx(\n jsStyles.size(theme),\n sizeClassName,\n jsViewStyles.size(theme),\n isTileView && (disabled \|\| isLoading) && jsTileStyles.sizeDisabled(theme),\n );\n\n const sizeFileTypeIconClass = useFileUploaderSize(size, {\n small: jsViewStyles.fileTypeIconSmall(theme),\n medium: jsViewStyles.fileTypeIconMedium(theme),\n large: jsViewStyles.fileTypeIconLarge(theme),\n });\n\n const isTruncated = truncatedFileName !== name;\n\n const fileTypeIconClassName = cx(\n sizeFileTypeIconClass,\n disabled && jsStyles.disabledFileTypeIconSvg(theme),\n isTileView && {\n [jsTileStyles.fileTypeIcon(theme)]: true,\n [jsTileStyles.fileTypeIconPreview()]: !!previewImg,\n [jsTileStyles.disabledFileTypeIcon(theme)]: disabled,\n [jsTileStyles.warningFileTypeIcon(theme)]: isWarning,\n [jsTileStyles.errorFileTypeIcon(theme)]: isError,\n },\n multiple && jsStyles.fileTypeIconMultiple(),\n );\n\n const nameBlockClassNames = cx(\n sizeNameBlockClass,\n sizeViewNameBlockClass,\n jsStyles.nameBlock(),\n (disabled \|\| isLoading) && jsViewStyles.disabled(theme),\n jsViewStyles.nameBlock(),\n );\n\n const fileType: FileUploaderIconType = getFileUploaderTypeIcon(\n file.originalFile,\n isError,\n isWarning && !!withWarningIcon,\n );\n const icon =\n isTileView && isLoading ? (\n <LoadingIcon size={size} />\n ) : (\n (fileTypeIcon ?? <FileUploaderFileTypeIcon type={fileType} size={size} view={view} />)\n );\n\n const splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);\n\n return (\n <CommonWrapper {...rest}>\n <div\n data-tid={FileUploaderFileDataTids.file}\n className={jsStyles.root()}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n <Tooltip\n data-tid={FileUploaderFileDataTids.fileTooltip}\n pos={validationTooltipPositionByView}\n render={() => (withValidationTooltip \|\| isTileView ? renderTooltipContent() : null)}\n >\n <div className={contentClassNames}>\n {\n <div\n data-tid={FileUploaderFileDataTids.fileTypeIcon}\n className={fileTypeIconClassName}\n style={previewImg ? { backgroundImage: `url(${previewImg})` } : undefined}\n >\n {(!isTileView \|\| !previewImg) && icon}\n </div>\n }\n <div className={nameBlockClassNames}>\n <TextWidthHelper ref={textHelperRef} text={name} />\n <Hint maxWidth={'100%'} text={showFullFilename && isTruncated ? name : null}>\n <span\n data-tid={FileUploaderFileDataTids.fileName}\n ref={fileNameElementRef}\n className={nameTextClassNames}\n >\n {splitTruncatedFileName && (\n <>\n {splitTruncatedFileName.name}\n {splitTruncatedFileName.extension && <span>.{splitTruncatedFileName.extension}</span>}\n </>\n )}\n </span>\n </Hint>\n {!(withValidationTooltip \|\| isTileView) && (\n <span className={validationTextClassName}>{renderTooltipContent()}</span>\n )}\n </div>\n {showSize && formattedSize && (\n <span data-tid={FileUploaderFileDataTids.fileSize} className={sizeClassNames}>\n {formattedSize}\n </span>\n )}\n <div\n className={iconClassNames}\n data-tid={FileUploaderFileDataTids.fileIcon}\n tabIndex={0}\n onClick={handleRemove}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleIconKeyDown}\n >\n <FileUploaderFileStatusIcon\n isTileView={isTileView}\n status={status}\n disabled={disabled}\n hovered={hovered \|\| hoveredFile}\n focusedByTab={focused \|\| focusedByTab}\n isInvalid={isInvalid}\n hasValidation={isError \|\| isWarning}\n size={size}\n />\n </div>\n </div>\n </Tooltip>\n </div>\n </CommonWrapper>\n );\n },\n);\n"]}

package/components/FileUploader/{FileUploaderFile.css.d.ts → FileUploaderFile.styles.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getJsStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(): string;
     content(): string;
     validationTextError(t: Theme): string;
@@ -16,7 +16,7 @@ export declare const getJsStyles: import("../../lib/theming/StaticStyles.js").St
     contentMedium(t: Theme): string;
     contentLarge(t: Theme): string;
 }>;
-export declare const getJsRowStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getJsRowStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     content(): string;
     contentSmall(t: Theme): string;
     contentMedium(t: Theme): string;
@@ -33,7 +33,7 @@ export declare const getJsRowStyles: import("../../lib/theming/StaticStyles.js")
     nameBlock(): string;
     disabled(t: Theme): string;
 }>;
-export declare const getJsTileStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getJsTileStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     content(): string;
     iconAction(t: Theme): string;
     iconActionShow(): string;