@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/FileUploader/FileUploader.styles.js

@@ -0,0 +1,218 @@
+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;
+    return {
+        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);
+        },
+        root: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "], ["\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 (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, this.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));
+        },
+        content: function () {
+            return css(templateObject_63 || (templateObject_63 = __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_64 || (templateObject_64 = __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;
+//# sourceMappingURL=FileUploader.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["../../../components/FileUploader/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';\n\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  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"]}

package/components/FileUploader/FileUploaderControlContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';
+import type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+export interface FileUploaderControlContextProps {
+    setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;
+    files: FileUploaderAttachedFile[];
+    setFiles: (files: FileUploaderAttachedFile[]) => void;
+    removeFile: (fileId: string) => void;
+    reset: () => void;
+    setFileValidationResult: (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => void;
+}
+export declare const FileUploaderControlContext: React.Context<FileUploaderControlContextProps>;

package/components/FileUploader/FileUploaderControlContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var FileUploaderControlContext = React.createContext({});
+//# sourceMappingURL=FileUploaderControlContext.js.map

package/components/FileUploader/FileUploaderControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderControlContext.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAC,EAAqC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';\nimport type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport interface FileUploaderControlContextProps {\n  setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;\n  files: FileUploaderAttachedFile[];\n  setFiles: (files: FileUploaderAttachedFile[]) => void;\n  removeFile: (fileId: string) => void;\n  reset: () => void;\n  setFileValidationResult: (\n    fileId: string,\n    validationResult: FileUploaderFileValidationResult,\n    status?: FileUploaderFileStatus,\n  ) => void;\n}\n\nexport const FileUploaderControlContext = React.createContext({} as FileUploaderControlContextProps);\n"]}

package/components/FileUploader/FileUploaderControlProvider.d.ts

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { FileUploaderAttachedFile } from './fileUtils.js';
+export interface FileUploaderControlProviderProps {
+    initialFiles?: File[];
+    onAttach?: (files: FileUploaderAttachedFile[]) => void;
+    onRemove?: (fileId: string) => void;
+    onValueChange?: (files: FileUploaderAttachedFile[]) => void;
+}
+export declare const FileUploaderControlProvider: React.MemoExoticComponent<(props: PropsWithChildren<FileUploaderControlProviderProps & {
+    multiple?: boolean;
+}>) => React.JSX.Element>;

package/components/FileUploader/FileUploaderControlProvider.js

@@ -0,0 +1,86 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useCallback, useState } from 'react';
+import { useMemoObject } from '../../hooks/useMemoObject.js';
+import { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall.js';
+import { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';
+import { FileUploaderControlContext } from './FileUploaderControlContext.js';
+import { useControlLocale } from './hooks/useControlLocale.js';
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+var updateFile = function (files, fileId, getFileUpdatedProps) {
+    var fileIndex = files.findIndex(function (file) { return file.id === fileId; });
+    if (fileIndex === -1) {
+        return files;
+    }
+    var newFiles = __spreadArray([], files, true);
+    var file = files[fileIndex];
+    var updatedProps = getFileUpdatedProps(file);
+    newFiles[fileIndex] = __assign(__assign({}, file), updatedProps);
+    return newFiles;
+};
+export var FileUploaderControlProvider = React.memo(function (props) {
+    var initialFiles = props.initialFiles, multiple = props.multiple, children = props.children, onValueChange = props.onValueChange, onRemove = props.onRemove, onAttach = props.onAttach;
+    var _a = useState(function () {
+        if (initialFiles && initialFiles.length > 0) {
+            var attachedFiles = initialFiles.map(function (item) { return getAttachedFile(item); });
+            return multiple ? attachedFiles : [attachedFiles[0]];
+        }
+        return [];
+    }), files = _a[0], setFiles = _a[1];
+    var locale = useControlLocale();
+    useEffectWithoutInitCall(function () {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(files);
+    }, [files]);
+    var setFileStatus = useCallback(function (fileId, status) {
+        setFiles(function (files) {
+            return updateFile(files, fileId, function (file) { return ({
+                status: status,
+                validationResult: status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning
+                    ? FileUploaderFileValidationResult.error(locale.requestErrorText)
+                    : file.validationResult,
+            }); });
+        });
+    }, [locale]);
+    var handleExternalSetFiles = useCallback(function (files) {
+        onAttach === null || onAttach === void 0 ? void 0 : onAttach(files);
+        setFiles(function (state) { return __spreadArray(__spreadArray([], state, true), files, true); });
+    }, [onAttach]);
+    var removeFile = useCallback(function (fileId) {
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(fileId);
+        setFiles(function (state) { return state.filter(function (file) { return file.id !== fileId; }); });
+    }, [onRemove]);
+    var setFileValidationResult = useCallback(function (fileId, validationResult, status) {
+        setFiles(function (files) { return updateFile(files, fileId, function () { return ({ validationResult: validationResult, status: status }); }); });
+    }, []);
+    var reset = React.useCallback(function () {
+        setFiles(function () { return []; });
+    }, []);
+    return (React.createElement(FileUploaderControlContext.Provider, { value: useMemoObject({
+            setFileStatus: setFileStatus,
+            files: files,
+            setFiles: handleExternalSetFiles,
+            removeFile: removeFile,
+            setFileValidationResult: setFileValidationResult,
+            reset: reset,
+        }) }, children));
+});
+FileUploaderControlProvider.displayName = 'FileUploaderControlProvider';
+//# sourceMappingURL=FileUploaderControlProvider.js.map

package/components/FileUploader/FileUploaderControlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderControlProvider.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderControlProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject.js';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall.js';\n\nimport type { FileUploaderAttachedFile } from './fileUtils.js';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';\nimport { FileUploaderControlContext } from './FileUploaderControlContext.js';\nimport { useControlLocale } from './hooks/useControlLocale.js';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport interface FileUploaderControlProviderProps {\n  initialFiles?: File[];\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  onRemove?: (fileId: string) => void;\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = React.memo(\n  (\n    props: PropsWithChildren<\n      FileUploaderControlProviderProps & {\n        multiple?: boolean;\n      }\n    >,\n  ) => {\n    const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n    const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n      if (initialFiles && initialFiles.length > 0) {\n        const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n        return multiple ? attachedFiles : [attachedFiles[0]];\n      }\n      return [];\n    });\n    const locale = useControlLocale();\n\n    useEffectWithoutInitCall(() => {\n      onValueChange?.(files);\n    }, [files]);\n\n    const setFileStatus = useCallback(\n      (fileId: string, status: FileUploaderFileStatus) => {\n        setFiles((files) =>\n          updateFile(files, fileId, (file) => ({\n            status,\n            validationResult:\n              status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n                ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n                : file.validationResult,\n          })),\n        );\n      },\n      [locale],\n    );\n\n    const handleExternalSetFiles = useCallback(\n      (files: FileUploaderAttachedFile[]) => {\n        onAttach?.(files);\n        setFiles((state) => [...state, ...files]);\n      },\n      [onAttach],\n    );\n\n    const removeFile = useCallback(\n      (fileId: string) => {\n        onRemove?.(fileId);\n        setFiles((state) => state.filter((file) => file.id !== fileId));\n      },\n      [onRemove],\n    );\n\n    const setFileValidationResult = useCallback(\n      (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n        setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n      },\n      [],\n    );\n\n    const reset = React.useCallback(() => {\n      setFiles(() => [] as FileUploaderAttachedFile[]);\n    }, []);\n\n    return (\n      <FileUploaderControlContext.Provider\n        value={useMemoObject({\n          setFileStatus,\n          files,\n          setFiles: handleExternalSetFiles,\n          removeFile,\n          setFileValidationResult,\n          reset,\n        })}\n      >\n        {children}\n      </FileUploaderControlContext.Provider>\n    );\n  },\n);\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"]}

package/components/FileUploader/FileUploaderFile.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { type CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { FileUploaderAttachedFile, FileUploaderView } from './fileUtils.js';
+export interface FileUploaderFileProps extends CommonProps {
+    file: FileUploaderAttachedFile;
+    showSize?: boolean;
+    previewImg?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
+    size: SizeProp;
+    /** Вид контрола
+     *  - `row` — стандартное отображение в виде инпута
+     *  - `tile` — вид карточки/плитки
+     *  @default row
+     */
+    view?: FileUploaderView;
+    /** Состояние ошибки контрола файла */
+    error?: boolean;
+    /** Состояние предупреждения контрола файла */
+    warning?: boolean;
+    /** Валидация с тултипом */
+    withValidationTooltip?: boolean;
+    /** Задает приоритетное расположение подсказки относительно контрола */
+    validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;
+    /** Использовать иконку для ворнинга (восклицательный знак)*/
+    withWarningIcon?: boolean;
+    onRemove(id: string): void;
+    /**
+     * Добавляет иконку типа файла
+     */
+    fileTypeIcon?: React.ReactElement;
+    /**
+     * Задаёт показ подсказки с полным именем файла
+     * @default true
+     */
+    showFilenameHint?: boolean;
+}
+export declare const FileUploaderFileDataTids: {
+    readonly file: "FileUploader__file";
+    readonly fileTooltip: "FileUploader__fileTooltip";
+    readonly fileName: "FileUploader__fileName";
+    readonly fileSize: "FileUploader__fileSize";
+    readonly fileIcon: "FileUploader__fileIcon";
+    readonly fileTypeIcon: "FileUploader__fileTypeIcon";
+};
+/**
+ * Компонент файла `FileUploaderFile` из FileUploader для отрисовки загруженного файла.
+ */
+export declare const FileUploaderFile: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, FileUploaderFileProps> & Record<never, never>;