@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts

@@ -0,0 +1,20 @@
+import type { FileUploaderAttachedFile } from '../fileUtils.js';
+import type { SizeProp } from '../../../lib/types/props.js';
+interface FileUploaderFileProps {
+    file: FileUploaderAttachedFile;
+    showSize?: boolean;
+    multiple?: boolean;
+    size: SizeProp;
+    /** Состояние ошибки контрола файла */
+    error?: boolean;
+    onRemove(id: string): void;
+}
+export declare const FileUploaderFileDataTids: {
+    readonly file: "FileUploader__file";
+    readonly fileTooltip: "FileUploader__fileTooltip";
+    readonly fileName: "FileUploader__fileName";
+    readonly fileSize: "FileUploader__fileSize";
+    readonly fileIcon: "FileUploader__fileIcon";
+};
+export declare const FileUploaderFile: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, FileUploaderFileProps> & Record<never, never>;
+export {};

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js

@@ -0,0 +1,135 @@
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { formatBytes } from '../../../lib/utils.js';
+import { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper.js';
+import { truncate } from '../../../lib/stringUtils.js';
+import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
+import { cx } from '../../../lib/theming/Emotion.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { keyListener } from '../../../lib/events/keyListener.js';
+import { isKeyEnter } from '../../../lib/events/keyboard/identifiers.js';
+import { Hint } from '../../../components/Hint/index.js';
+import { Tooltip } from '../../../components/Tooltip/index.js';
+import { getDOMRect } from '../../../lib/dom/getDOMRect.js';
+import { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';
+import { jsStyles } from './FileUploaderFile.styles.js';
+import { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';
+var getTruncatedName = function (fileNameWidth, fileNameElementWidth, name) {
+    if (!fileNameWidth && !fileNameElementWidth) {
+        return null;
+    }
+    if (fileNameWidth <= fileNameElementWidth) {
+        return name;
+    }
+    var charWidth = Math.ceil(fileNameWidth / name.length);
+    var maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);
+    return truncate(name, maxCharsCountInSpan);
+};
+var calcTruncatedName = function (textHelperRef, fileNameElementRef, name) {
+    var _a;
+    var fileNameWidth = ((_a = textHelperRef.current) === null || _a === void 0 ? void 0 : _a.getTextWidth()) || 0;
+    var fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;
+    return getTruncatedName(fileNameWidth, fileNameElementWidth, name);
+};
+var MIN_CHARS_LENGTH = 3;
+export var FileUploaderFileDataTids = {
+    file: 'FileUploader__file',
+    fileTooltip: 'FileUploader__fileTooltip',
+    fileName: 'FileUploader__fileName',
+    fileSize: 'FileUploader__fileSize',
+    fileIcon: 'FileUploader__fileIcon',
+};
+export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
+    var _a, _b;
+    var file = props.file, showSize = props.showSize, error = props.error, multiple = props.multiple, size = props.size, onRemove = props.onRemove;
+    var id = file.id, originalFile = file.originalFile, status = file.status, validationResult = file.validationResult;
+    var name = originalFile.name, fileSize = originalFile.size;
+    var _c = useState(false), hovered = _c[0], setHovered = _c[1];
+    var _d = useState(false), focusedByTab = _d[0], setFocusedByTab = _d[1];
+    var _e = useState(null), truncatedFileName = _e[0], setTruncatedFileName = _e[1];
+    var textHelperRef = useRef(null);
+    var fileNameElementRef = useRef(null);
+    var _f = useContext(FileUploaderControlContext), removeFile = _f.removeFile, setIsMinLengthReached = _f.setIsMinLengthReached, isMinLengthReached = _f.isMinLengthReached;
+    var theme = useContext(ThemeContext);
+    var formattedSize = useMemo(function () { return formatBytes(fileSize, 1); }, [fileSize]);
+    useEffect(function () {
+        var _a;
+        if (setIsMinLengthReached) {
+            var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);
+            setIsMinLengthReached(((_a = truncatedName === null || truncatedName === void 0 ? void 0 : truncatedName.length) !== null && _a !== void 0 ? _a : 0) <= MIN_CHARS_LENGTH);
+        }
+    }, [name, isMinLengthReached]);
+    useEffect(function () {
+        var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);
+        setTruncatedFileName(truncatedName);
+    });
+    var removeUploadFile = useCallback(function () {
+        removeFile(id);
+        onRemove(id);
+    }, [removeFile, id, onRemove]);
+    var handleRemove = useCallback(function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        removeUploadFile();
+    }, [removeUploadFile]);
+    var isValid = validationResult.isValid, message = validationResult.message;
+    var isInvalid = error || !isValid;
+    var sizeIconClass = useFileUploaderSize(size, {
+        small: jsStyles.iconSmall(),
+        medium: jsStyles.iconMedium(),
+        large: jsStyles.iconLarge(),
+    });
+    var renderTooltipContent = useCallback(function () {
+        return !isValid && !error && message ? message : null;
+    }, [isValid, error, message]);
+    var sizeContentClass = useFileUploaderSize(size, {
+        small: jsStyles.contentSmall(theme),
+        medium: jsStyles.contentMedium(theme),
+        large: jsStyles.contentLarge(theme),
+    });
+    var contentClassNames = cx(jsStyles.content(), (_a = {},
+        _a[sizeContentClass] = true,
+        _a[jsStyles.error(theme)] = isInvalid,
+        _a));
+    var handleMouseEnter = useCallback(function () {
+        setHovered(true);
+    }, []);
+    var handleMouseLeave = useCallback(function () {
+        setHovered(false);
+    }, []);
+    var handleFocus = useCallback(function () {
+        var _a;
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        (_a = globalObject.requestAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(globalObject, function () {
+            if (keyListener.isTabPressed) {
+                setFocusedByTab(true);
+            }
+        });
+    }, []);
+    var handleBlur = useCallback(function () {
+        setFocusedByTab(false);
+    }, []);
+    var handleIconKeyDown = useCallback(function (e) {
+        if (isKeyEnter(e)) {
+            removeUploadFile();
+        }
+    }, [removeUploadFile]);
+    var iconClassNames = cx(jsStyles.icon(theme), (_b = {},
+        _b[jsStyles.focusedIcon(theme)] = focusedByTab,
+        _b[sizeIconClass] = true,
+        _b[jsStyles.iconMultiple()] = multiple,
+        _b));
+    var isTruncated = truncatedFileName !== name;
+    return (React.createElement("div", { "data-tid": FileUploaderFileDataTids.file, className: jsStyles.root(), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref },
+        React.createElement(Tooltip, { "data-tid": FileUploaderFileDataTids.fileTooltip, pos: "right middle", render: renderTooltipContent },
+            React.createElement("div", { className: contentClassNames },
+                React.createElement(TextWidthHelper, { ref: textHelperRef, text: name }),
+                React.createElement(Hint, { maxWidth: '100%', text: isTruncated ? name : null },
+                    React.createElement("span", { "data-tid": FileUploaderFileDataTids.fileName, ref: fileNameElementRef, className: jsStyles.name() }, truncatedFileName)),
+                !!showSize && formattedSize && (React.createElement("span", { "data-tid": FileUploaderFileDataTids.fileSize, className: jsStyles.size() }, formattedSize)),
+                React.createElement("div", { className: iconClassNames, "data-tid": FileUploaderFileDataTids.fileIcon, tabIndex: 0, onClick: handleRemove, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleIconKeyDown },
+                    React.createElement(FileUploaderFileStatusIcon, { status: status, hovered: hovered, focusedByTab: focusedByTab, isInvalid: isInvalid, size: size }))))));
+});
+//# sourceMappingURL=FileUploaderFile.js.map

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.tsx"],"names":[],"mappings":"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"}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts

@@ -0,0 +1,18 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const jsStyles: {
+    root(): string;
+    content(): string;
+    error(t: Theme): string;
+    name(): string;
+    size(): string;
+    icon(t: Theme): string;
+    iconSmall(): string;
+    iconMedium(): string;
+    iconLarge(): string;
+    iconMultiple(): string;
+    contentSmall(t: Theme): string;
+    contentMedium(t: Theme): string;
+    contentLarge(t: Theme): string;
+    deleteIcon(t: Theme): string;
+    focusedIcon(t: Theme): string;
+};

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js

@@ -0,0 +1,55 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css, memoizeStyle } from '../../../lib/theming/Emotion.js';
+var styles = {
+    root: function () {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+    },
+    content: function () {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n    "], ["\n      display: flex;\n      width: 100%;\n      align-items: center;\n    "])));
+    },
+    error: function (t) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
+    },
+    name: function () {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "], ["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
+    },
+    size: function () {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      margin-left: 28px;\n      flex: 1 0 auto;\n    "], ["\n      margin-left: 28px;\n      flex: 1 0 auto;\n    "])));
+    },
+    icon: function (t) {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ", ";\n      text-align: right;\n      outline: none;\n    "], ["\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ", ";\n      text-align: right;\n      outline: none;\n    "])), t.fileUploaderIconSize);
+    },
+    iconSmall: function () {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-left: 4px;\n    "], ["\n      margin-left: 4px;\n    "])));
+    },
+    iconMedium: function () {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      margin-left: 6px;\n      width: 18px;\n    "], ["\n      margin-left: 6px;\n      width: 18px;\n    "])));
+    },
+    iconLarge: function () {
+        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      margin-left: 6px;\n      width: 20px;\n    "], ["\n      margin-left: 6px;\n      width: 20px;\n    "])));
+    },
+    iconMultiple: function () {
+        return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      position: static;\n    "], ["\n      position: static;\n    "])));
+    },
+    contentSmall: function (t) {
+        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeSmall);
+    },
+    contentMedium: function (t) {
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeMedium);
+    },
+    contentLarge: function (t) {
+        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeLarge);
+    },
+    deleteIcon: function (t) {
+        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
+    },
+    focusedIcon: function (t) {
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      outline: 1px solid ", ";\n    "], ["\n      outline: 1px solid ", ";\n    "])), t.borderColorFocus);
+    },
+};
+export var jsStyles = memoizeStyle(styles);
+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;
+//# sourceMappingURL=FileUploaderFile.styles.js.map

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.styles.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGpE,IAAM,MAAM,GAAG;IACb,IAAI;QACF,OAAO,GAAG,+FAAA,4BAET,KAAC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,GAAG,iJAAA,8EAIT,KAAC;IACJ,CAAC;IAED,KAAK,YAAC,CAAQ;QACZ,OAAO,GAAG,+FAAA,iBACC,EAA8B,SACxC,KADU,CAAC,CAAC,4BAA4B,EACvC;IACJ,CAAC;IAED,IAAI;QACF,OAAO,GAAG,2HAAA,wDAGT,KAAC;IACJ,CAAC;IAED,IAAI;QACF,OAAO,GAAG,4HAAA,yDAGT,KAAC;IACJ,CAAC;IAED,IAAI,YAAC,CAAQ;QACX,OAAO,GAAG,sNAAA,wFAIK,EAAsB,yDAGpC,KAHc,CAAC,CAAC,oBAAoB,EAGnC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,GAAG,oGAAA,iCAET,KAAC;IACJ,CAAC;IAED,UAAU;QACR,OAAO,GAAG,wHAAA,qDAGT,KAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,GAAG,wHAAA,qDAGT,KAAC;IACJ,CAAC;IAED,YAAY;QACV,OAAO,GAAG,sGAAA,iCAET,KAAC;IACJ,CAAC;IAED,YAAY,YAAC,CAAQ;QACnB,OAAO,GAAG,qGAAA,qBACK,EAA2B,SACzC,KADc,CAAC,CAAC,yBAAyB,EACxC;IACJ,CAAC;IAED,aAAa,YAAC,CAAQ;QACpB,OAAO,GAAG,qGAAA,qBACK,EAA4B,SAC1C,KADc,CAAC,CAAC,0BAA0B,EACzC;IACJ,CAAC;IAED,YAAY,YAAC,CAAQ;QACnB,OAAO,GAAG,qGAAA,qBACK,EAA2B,SACzC,KADc,CAAC,CAAC,yBAAyB,EACxC;IACJ,CAAC;IAED,UAAU,YAAC,CAAQ;QACjB,OAAO,GAAG,iJAAA,iBACC,EAAuB,qCAErB,EAA4B,kBAExC,KAJU,CAAC,CAAC,qBAAqB,EAErB,CAAC,CAAC,0BAA0B,EAEvC;IACJ,CAAC;IAED,WAAW,YAAC,CAAQ;QAClB,OAAO,GAAG,6GAAA,6BACa,EAAkB,SACxC,KADsB,CAAC,CAAC,gBAAgB,EACvC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC"}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FileUploaderFileStatus } from '../fileUtils.js';
+import type { SizeProp } from '../../../lib/types/props.js';
+interface FileUploaderFileStatusIconProps {
+    hovered: boolean;
+    focusedByTab: boolean;
+    isInvalid: boolean;
+    status: FileUploaderFileStatus;
+    size: SizeProp;
+}
+export declare const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps>;
+export {};

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js

@@ -0,0 +1,30 @@
+import React, { useContext } from 'react';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { FileUploaderFileStatus } from '../fileUtils.js';
+import { LoadingIcon } from '../../icons2022/LoadingIcon.js';
+import { DeleteIcon } from './DeleteIcon.js';
+import { ErrorIcon } from './ErrorIcon.js';
+import { OkIcon } from './OkIcon.js';
+import { jsStyles } from './FileUploaderFile.styles.js';
+export var FileUploaderFileStatusIcon = function (_a) {
+    var hovered = _a.hovered, focusedByTab = _a.focusedByTab, isInvalid = _a.isInvalid, status = _a.status, size = _a.size;
+    var theme = useContext(ThemeContext);
+    var IconDelete = React.createElement(DeleteIcon, { size: size, className: jsStyles.deleteIcon(theme) });
+    var IconError = React.createElement(ErrorIcon, { size: size });
+    var IconOk = React.createElement(OkIcon, { size: size, color: theme.fileUploaderIconColor });
+    if (hovered || focusedByTab) {
+        return IconDelete;
+    }
+    if (isInvalid) {
+        return IconError;
+    }
+    switch (status) {
+        case FileUploaderFileStatus.Loading:
+            return React.createElement(LoadingIcon, { size: size });
+        case FileUploaderFileStatus.Uploaded:
+            return IconOk;
+        default:
+            return IconDelete;
+    }
+};
+//# sourceMappingURL=FileUploaderFileStatusIcon.js.map

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFileStatusIcon.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAUxD,MAAM,CAAC,IAAM,0BAA0B,GAA6D,UAAC,EAMpG;QALC,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA;IAEJ,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,UAAU,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI,CAAC;IACrF,IAAM,SAAS,GAAG,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC5C,IAAM,MAAM,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,qBAAqB,GAAI,CAAC;IAE1E,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QAC5B,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,sBAAsB,CAAC,OAAO;YACjC,OAAO,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACrC,KAAK,sBAAsB,CAAC,QAAQ;YAClC,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,UAAU,CAAC;IACtB,CAAC;AACH,CAAC,CAAC"}

package/internal/FileUploaderControl/FileUploaderFile/OkIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const OkIcon: import("../../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../icons2022/BaseIcon.js").IconProps["size"] | import("../../icons2022/iconConstants.js").IconSizeAliases;
+}>;

package/internal/FileUploaderControl/FileUploaderFile/OkIcon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { iconSizer } from '../../icons2022/iconSizer.js';
+import { CheckAIcon16Light } from '../../icons2022/CheckAIcon/CheckAIcon16Light.js';
+import { CheckAIcon20Light } from '../../icons2022/CheckAIcon/CheckAIcon20Light.js';
+import { CheckAIcon24Regular } from '../../icons2022/CheckAIcon/CheckAIcon24Regular.js';
+export var OkIcon = iconSizer({
+    small: function () { return React.createElement(CheckAIcon16Light, null); },
+    medium: function () { return React.createElement(CheckAIcon20Light, null); },
+    large: function () { return React.createElement(CheckAIcon24Regular, null); },
+}, 'OkIcon');
+//# sourceMappingURL=OkIcon.js.map

package/internal/FileUploaderControl/FileUploaderFile/OkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OkIcon.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/OkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAExF,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAC7B;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,iBAAiB,OAAG,EAArB,CAAqB;IAClC,MAAM,EAAE,cAAM,OAAA,oBAAC,iBAAiB,OAAG,EAArB,CAAqB;IACnC,KAAK,EAAE,cAAM,OAAA,oBAAC,mBAAmB,OAAG,EAAvB,CAAuB;CACrC,EACD,QAAQ,CACT,CAAC"}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FileUploaderAttachedFile } from '../fileUtils.js';
+import type { SizeProp } from '../../../lib/types/props.js';
+interface FileUploaderFileListProps {
+    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+    size: SizeProp;
+    onRemove(fileId: string): void;
+}
+export declare const FileUploaderFileDataTids: {
+    readonly fileList: "FileUploader__fileList";
+};
+export declare const FileUploaderFileList: {
+    (props: FileUploaderFileListProps): React.JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};
+export {};

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile.js';
+import { cx } from '../../../lib/theming/Emotion.js';
+import { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';
+import { jsStyles } from './FileUploaderFileList.styles.js';
+export var FileUploaderFileDataTids = {
+    fileList: 'FileUploader__fileList',
+};
+export var FileUploaderFileList = function (props) {
+    var renderFile = props.renderFile, size = props.size, onRemove = props.onRemove;
+    var files = useContext(FileUploaderControlContext).files;
+    var theme = useContext(ThemeContext);
+    var fileWrapperClass = useFileUploaderSize(size, {
+        small: jsStyles.fileWrapperSmall(theme),
+        medium: jsStyles.fileWrapperMedium(theme),
+        large: jsStyles.fileWrapperLarge(theme),
+    });
+    return (React.createElement("div", { "data-tid": FileUploaderFileDataTids.fileList }, files.map(function (file) { return (React.createElement("div", { key: file.id, className: cx(jsStyles.fileWrapper(), fileWrapperClass) },
+        React.createElement("div", { className: jsStyles.file() }, renderFile(file, React.createElement(FileUploaderFile, { file: file, showSize: true, multiple: true, size: size, onRemove: onRemove }))))); })));
+};
+FileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';
+FileUploaderFileList.displayName = 'FileUploaderFileList';
+//# sourceMappingURL=FileUploaderFileList.js.map

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFileList.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAQ5D,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,QAAQ,EAAE,wBAAwB;CAC1B,CAAC;AAEX,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAgC;IAC3D,IAAA,UAAU,GAAqB,KAAK,WAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACrC,IAAA,KAAK,GAAK,UAAU,CAAC,0BAA0B,CAAC,MAA3C,CAA4C;IACzD,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,EAAE;QACjD,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACvC,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC;QACzC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,yCAAe,wBAAwB,CAAC,QAAQ,IAC7C,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC;QACxE,6BAAK,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,IAC5B,UAAU,CAAC,IAAI,EAAE,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,QAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CACjG,CACF,CACP,EANoB,CAMpB,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,mBAAmB,GAAG,sBAAsB,CAAC;AAClE,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const jsStyles: {
+    file(): string;
+    fileWrapper(): string;
+    fileWrapperSmall(t: Theme): string;
+    fileWrapperMedium(t: Theme): string;
+    fileWrapperLarge(t: Theme): string;
+};

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css, memoizeStyle } from '../../../lib/theming/Emotion.js';
+var styles = {
+    file: function () {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+    },
+    fileWrapper: function () {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    "], ["\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    "])));
+    },
+    fileWrapperSmall: function (t) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      padding: ", " ", ";\n    "], ["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    },
+    fileWrapperMedium: function (t) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      padding: ", " ", ";\n    "], ["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    },
+    fileWrapperLarge: function (t) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding: ", " ", ";\n    "], ["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    },
+};
+export var jsStyles = memoizeStyle(styles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=FileUploaderFileList.styles.js.map

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFileList.styles.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGpE,IAAM,MAAM,GAAG;IACb,IAAI;QACF,OAAO,GAAG,+FAAA,4BAET,KAAC;IACJ,CAAC;IACD,WAAW;QACT,OAAO,GAAG,qMAAA,kIAMT,KAAC;IACJ,CAAC;IAED,gBAAgB,YAAC,CAAQ;QACvB,OAAO,GAAG,sGAAA,mBACG,EAA2B,GAAI,EAA2B,SACtE,KADY,CAAC,CAAC,yBAAyB,EAAI,CAAC,CAAC,yBAAyB,EACrE;IACJ,CAAC;IAED,iBAAiB,YAAC,CAAQ;QACxB,OAAO,GAAG,sGAAA,mBACG,EAA4B,GAAI,EAA4B,SACxE,KADY,CAAC,CAAC,0BAA0B,EAAI,CAAC,CAAC,0BAA0B,EACvE;IACJ,CAAC;IAED,gBAAgB,YAAC,CAAQ;QACvB,OAAO,GAAG,sGAAA,mBACG,EAA2B,GAAI,EAA2B,SACtE,KADY,CAAC,CAAC,yBAAyB,EAAI,CAAC,CAAC,yBAAyB,EACrE;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC"}

package/internal/FileUploaderControl/FileUploaderFileValidationResult.d.ts

@@ -0,0 +1,7 @@
+export declare class FileUploaderFileValidationResult {
+    readonly isValid: boolean;
+    readonly message?: string;
+    constructor(isValid: boolean, message?: string);
+    static error(message: string): FileUploaderFileValidationResult;
+    static ok(): FileUploaderFileValidationResult;
+}

package/internal/FileUploaderControl/FileUploaderFileValidationResult.js

@@ -0,0 +1,15 @@
+var FileUploaderFileValidationResult = /** @class */ (function () {
+    function FileUploaderFileValidationResult(isValid, message) {
+        this.isValid = isValid;
+        this.message = message;
+    }
+    FileUploaderFileValidationResult.error = function (message) {
+        return new FileUploaderFileValidationResult(false, message);
+    };
+    FileUploaderFileValidationResult.ok = function () {
+        return new FileUploaderFileValidationResult(true);
+    };
+    return FileUploaderFileValidationResult;
+}());
+export { FileUploaderFileValidationResult };
+//# sourceMappingURL=FileUploaderFileValidationResult.js.map

package/internal/FileUploaderControl/FileUploaderFileValidationResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFileValidationResult.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/FileUploaderFileValidationResult.ts"],"names":[],"mappings":"AAAA;IAIE,0CAAY,OAAgB,EAAE,OAAgB;QAC5C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAEM,sCAAK,GAAZ,UAAa,OAAe;QAC1B,OAAO,IAAI,gCAAgC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAEM,mCAAE,GAAT;QACE,OAAO,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IACH,uCAAC;AAAD,CAAC,AAhBD,IAgBC"}

package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.d.mts

@@ -0,0 +1 @@
+export {};

package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mjs

@@ -0,0 +1,73 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { story, kind, test } from 'creevey';
+kind('FileUploaderFile', function () {
+    story('FileUploaderFileWithValidationError', function (_a) {
+        var setStoryParameters = _a.setStoryParameters;
+        setStoryParameters({
+            skip: {
+                'story-skip-0': {
+                    in: /^(?!\b(chrome2022)\b)/,
+                },
+            },
+        });
+        test('hover', function (context) { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, context.webdriver
+                            .actions({
+                            bridge: true,
+                        })
+                            .move({
+                            origin: context.webdriver.findElement({ css: '[data-tid="FileUploader__fileName"]' }),
+                        })
+                            .perform()];
+                    case 1:
+                        _c.sent();
+                        _b = (_a = context).matchImage;
+                        return [4 /*yield*/, context.takeScreenshot()];
+                    case 2: return [4 /*yield*/, _b.apply(_a, [_c.sent(), 'hover'])];
+                    case 3:
+                        _c.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+//# sourceMappingURL=FileUploaderFile.creevey.mjs.map

package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.creevey.mjs","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5C,IAAI,CAAC,kBAAkB,EAAE;IACvB,KAAK,CAAC,qCAAqC,EAAE,UAAC,EAAsB;YAApB,kBAAkB,wBAAA;QAChE,kBAAkB,CAAC;YACjB,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,EAAE,EAAE,uBAAuB;iBAC5B;aACF;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE,UAAO,OAAO;;;;4BAC1B,qBAAM,OAAO,CAAC,SAAS;6BACpB,OAAO,CAAC;4BACP,MAAM,EAAE,IAAI;yBACb,CAAC;6BACD,IAAI,CAAC;4BACJ,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,qCAAqC,EAAE,CAAC;yBACtF,CAAC;6BACD,OAAO,EAAE,EAAA;;wBAPZ,SAOY,CAAC;wBACP,KAAA,CAAA,KAAA,OAAO,CAAA,CAAC,UAAU,CAAA;wBAAC,qBAAM,OAAO,CAAC,cAAc,EAAE,EAAA;4BAAvD,qBAAM,cAAmB,SAA8B,EAAE,OAAO,EAAC,EAAA;;wBAAjE,SAAiE,CAAC;;;;aACnE,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/internal/FileUploaderControl/__stories__/FileUploaderFile.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Story } from '../../../typings/stories.js';
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: () => JSX.Element) => React.JSX.Element)[];
+};
+export default _default;
+export declare const FileUploaderFileWithValidationError: Story;

package/internal/FileUploaderControl/__stories__/FileUploaderFile.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile.js';
+import { FileUploaderFileStatus } from '../fileUtils.js';
+export default {
+    title: 'FileUploaderFile',
+    decorators: [
+        function (storyFn) {
+            return React.createElement("div", { style: { padding: '30px', width: '250px' } }, storyFn());
+        },
+    ],
+};
+export var FileUploaderFileWithValidationError = function () {
+    return (React.createElement("div", { style: { width: '50px' } },
+        React.createElement(FileUploaderFile, { file: {
+                id: '',
+                originalFile: new File(['test content'], 'test', { type: 'text/plain' }),
+                status: FileUploaderFileStatus.Error,
+                validationResult: { isValid: false, message: 'Валидация не прошла' },
+            }, size: "small", onRemove: action('onRemove') })));
+};
+//# sourceMappingURL=FileUploaderFile.stories.js.map

package/internal/FileUploaderControl/__stories__/FileUploaderFile.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.stories.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/__stories__/FileUploaderFile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE;QACV,UAAC,OAA0B;YACzB,OAAO,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAG,OAAO,EAAE,CAAO,CAAC;QAC5E,CAAC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,mCAAmC,GAAU;IACxD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,oBAAC,gBAAgB,IACf,IAAI,EAAE;gBACJ,EAAE,EAAE,EAAE;gBACN,YAAY,EAAE,IAAI,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;gBACxE,MAAM,EAAE,sBAAsB,CAAC,KAAK;gBACpC,gBAAgB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,qBAAqB,EAAE;aACrE,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/internal/FileUploaderControl/fileUtils.d.ts

@@ -0,0 +1,14 @@
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+export declare enum FileUploaderFileStatus {
+    Attached = "Attached",
+    Loading = "Loading",
+    Uploaded = "Uploaded",
+    Error = "Error"
+}
+export interface FileUploaderAttachedFile {
+    id: string;
+    originalFile: File;
+    status: FileUploaderFileStatus;
+    validationResult: FileUploaderFileValidationResult;
+}
+export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;

package/internal/FileUploaderControl/fileUtils.js

@@ -0,0 +1,18 @@
+import { getUid } from '../../lib/uidUtils.js';
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+export var FileUploaderFileStatus;
+(function (FileUploaderFileStatus) {
+    FileUploaderFileStatus["Attached"] = "Attached";
+    FileUploaderFileStatus["Loading"] = "Loading";
+    FileUploaderFileStatus["Uploaded"] = "Uploaded";
+    FileUploaderFileStatus["Error"] = "Error";
+})(FileUploaderFileStatus || (FileUploaderFileStatus = {}));
+export var getAttachedFile = function (file) {
+    return {
+        id: getUid(),
+        originalFile: file,
+        status: FileUploaderFileStatus.Attached,
+        validationResult: FileUploaderFileValidationResult.ok(),
+    };
+};
+//# sourceMappingURL=fileUtils.js.map

package/internal/FileUploaderControl/fileUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileUtils.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/fileUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,MAAM,CAAN,IAAY,sBAKX;AALD,WAAY,sBAAsB;IAChC,+CAAqB,CAAA;IACrB,6CAAmB,CAAA;IACnB,+CAAqB,CAAA;IACrB,yCAAe,CAAA;AACjB,CAAC,EALW,sBAAsB,KAAtB,sBAAsB,QAKjC;AASD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAU;IACxC,OAAO;QACL,EAAE,EAAE,MAAM,EAAE;QACZ,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,sBAAsB,CAAC,QAAQ;QACvC,gBAAgB,EAAE,gCAAgC,CAAC,EAAE,EAAE;KACxD,CAAC;AACJ,CAAC,CAAC"}

package/internal/FileUploaderControl/hooks/useControlLocale.d.ts

@@ -0,0 +1 @@
+export declare const useControlLocale: () => import("../../../components/FileUploader/locale/types.js").FileUploaderLocale;

package/internal/FileUploaderControl/hooks/useControlLocale.js

@@ -0,0 +1,4 @@
+import { useLocaleForControl } from '../../../lib/locale/useLocaleForControl.js';
+import { FileUploaderLocaleHelper } from '../../../components/FileUploader/locale/index.js';
+export var useControlLocale = function () { return useLocaleForControl('FileUploader', FileUploaderLocaleHelper); };
+//# sourceMappingURL=useControlLocale.js.map

package/internal/FileUploaderControl/hooks/useControlLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlLocale.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/hooks/useControlLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAE5F,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,mBAAmB,CAAC,cAAc,EAAE,wBAAwB,CAAC,EAA7D,CAA6D,CAAC"}