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

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js

@@ -0,0 +1,146 @@
+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, { useContext, useState, useRef } from 'react';
+import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
+import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { FileUploaderFileStatus } from '../fileUtils.js';
+import { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';
+import { useControlLocale } from '../hooks/useControlLocale.js';
+import { pluralize } from '../../../lib/pluralize.js';
+import { LocaleContext } from '../../../lib/locale/index.js';
+import { getJsStyles, getJsTileStyles, getJsRowStyles } from './FileUploaderFileList.styles.js';
+export var FileUploaderFileDataTids = {
+    fileList: 'FileUploader__fileList',
+};
+export var FileUploaderFileList = function (props) {
+    var renderFile = props.renderFile, size = props.size, _a = props.view, view = _a === void 0 ? 'row' : _a, _b = props.validationSummary, validationSummary = _b === void 0 ? 'auto' : _b, _c = props.validationSummaryStart, validationSummaryStart = _c === void 0 ? 5 : _c, withValidationTooltip = props.withValidationTooltip, validationTooltipPosition = props.validationTooltipPosition, withWarningIcon = props.withWarningIcon, _d = props.disabled, disabled = _d === void 0 ? false : _d, onRemove = props.onRemove;
+    var files = useContext(FileUploaderControlContext).files;
+    var cx = useEmotion().cx;
+    var jsStyles = useStyles(getJsStyles);
+    var jsRowStyles = useStyles(getJsRowStyles);
+    var jsTileStyles = useStyles(getJsTileStyles);
+    var theme = useContext(ThemeContext);
+    var locale = useControlLocale();
+    var langCode = useContext(LocaleContext).langCode;
+    var _e = useState(null), focusedByTab = _e[0], setFocusedByTab = _e[1];
+    var _f = useState(null), hovered = _f[0], setHovered = _f[1];
+    var mouseIsOverRef = useRef(false);
+    var handleMouseEnter = function (index) {
+        setHovered(index);
+        mouseIsOverRef.current = true;
+    };
+    var handleMouseLeave = function () {
+        setHovered(null);
+        mouseIsOverRef.current = false;
+    };
+    var handleRemoveItem = function (index) {
+        onRemove(index);
+        if (hovered === index && mouseIsOverRef.current) {
+            // Если текущий элемент был наведен, переключаемся на следующий элемент
+            var currentIndex = files.findIndex(function (file) { return file.id === index; });
+            if (currentIndex !== -1 && files[currentIndex + 1]) {
+                setHovered(files[currentIndex + 1].id);
+            }
+            else {
+                setHovered(null);
+            }
+        }
+    };
+    var isTileView = view === 'tile';
+    var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
+    var fileWrapperClass = useFileUploaderSize(size, {
+        small: jsViewStyles.fileWrapperSmall(theme),
+        medium: jsViewStyles.fileWrapperMedium(theme),
+        large: jsViewStyles.fileWrapperLarge(theme),
+    });
+    var summaryClass = useFileUploaderSize(size, {
+        small: jsStyles.summarySmall(theme),
+        medium: jsStyles.summaryMedium(theme),
+        large: jsStyles.summaryLarge(theme),
+    });
+    var renderSummary = function () {
+        if (validationSummary === 'disabled') {
+            return null;
+        }
+        var warningLength = files.filter(function (file) { return file.status === FileUploaderFileStatus.Warning; }).length;
+        var errorLength = files.filter(function (file) { return file.status === FileUploaderFileStatus.Error; }).length;
+        if (validationSummary === 'auto' && files.length < validationSummaryStart) {
+            return null;
+        }
+        if (!(warningLength + errorLength)) {
+            return null;
+        }
+        return (React.createElement("div", { className: cx(jsStyles.summary(theme), summaryClass) },
+            errorLength > 0 && (React.createElement("span", { className: jsStyles.summaryErrorText(theme) },
+                errorLength,
+                "\u00A0",
+                pluralize.apply(void 0, __spreadArray([langCode, errorLength], locale.errors, false)))),
+            warningLength > 0 && (React.createElement("span", { className: jsStyles.summaryWarningText(theme) },
+                warningLength,
+                "\u00A0",
+                pluralize.apply(void 0, __spreadArray([langCode, warningLength], locale.warnings, false))))));
+    };
+    return (React.createElement("div", { "data-tid": FileUploaderFileDataTids.fileList, className: jsViewStyles.fileListWrapper(theme) },
+        renderSummary(),
+        files.map(function (file, idx) {
+            var _a, _b, _c, _d, _e;
+            var _f, _g, _h, _j;
+            var hasFocus = focusedByTab === file.id;
+            var hasHover = hovered === file.id;
+            var hasError = file.status === FileUploaderFileStatus.Error;
+            var hasWarning = file.status === FileUploaderFileStatus.Warning;
+            var fileWrapperClassNames = cx(jsStyles.fileWrapper(theme), fileWrapperClass, __assign(__assign(__assign(__assign((_a = {}, _a[jsStyles.fileWrapperFocus(theme)] = hasFocus, _a[jsStyles.fileWrapperHover(theme)] = hasHover, _a), (hasError && (_b = {},
+                _b[jsStyles.errorFile(theme)] = !isTileView || hasHover,
+                _b[jsViewStyles.errorFileFocus(theme)] = hasFocus,
+                _b))), (!isTileView &&
+                hasError && (_c = {},
+                _c[jsStyles.removeBorderTopRadius()] = ((_f = files[idx - 1]) === null || _f === void 0 ? void 0 : _f.status) === FileUploaderFileStatus.Error,
+                _c[jsStyles.removeBorderBottomRadius()] = ((_g = files[idx + 1]) === null || _g === void 0 ? void 0 : _g.status) === FileUploaderFileStatus.Error,
+                _c))), (hasWarning && (_d = {},
+                _d[jsStyles.warningFile(theme)] = !isTileView || hasHover,
+                _d[jsViewStyles.warningFileFocus(theme)] = hasFocus,
+                _d))), (!isTileView &&
+                hasWarning && (_e = {},
+                _e[jsStyles.removeBorderTopRadius()] = ((_h = files[idx - 1]) === null || _h === void 0 ? void 0 : _h.status) === FileUploaderFileStatus.Warning,
+                _e[jsStyles.removeBorderBottomRadius()] = ((_j = files[idx + 1]) === null || _j === void 0 ? void 0 : _j.status) === FileUploaderFileStatus.Warning,
+                _e))));
+            var fileProps = {
+                file: file,
+                multiple: true,
+                size: size,
+                view: view,
+                disabled: disabled,
+                hovered: hasHover,
+                focused: hasFocus,
+                onRemove: handleRemoveItem,
+                withValidationTooltip: withValidationTooltip,
+                validationTooltipPosition: validationTooltipPosition,
+                withWarningIcon: withWarningIcon,
+            };
+            var fileElement = renderFile(fileProps);
+            return (React.createElement("div", { key: file.id, className: fileWrapperClassNames, onMouseEnter: function () { return handleMouseEnter(file.id); }, onMouseLeave: function () { return handleMouseLeave(); }, onFocus: function () { return setFocusedByTab(file.id); }, onBlur: function () { return setFocusedByTab(null); } },
+                React.createElement("div", { className: jsViewStyles.file() }, fileElement)));
+        })));
+};
+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":"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","sourcesContent":["import React, { useContext, useState, useRef } from 'react';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { FileUploaderFileProps } from '../FileUploaderFile/FileUploaderFile.js';\nimport { FileUploaderFileStatus, type FileUploaderValidationSummary, type FileUploaderView } from '../fileUtils.js';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../Popup/index.js';\nimport { useControlLocale } from '../hooks/useControlLocale.js';\nimport { pluralize } from '../../../lib/pluralize.js';\nimport { LocaleContext } from '../../../lib/locale/index.js';\n\nimport { getJsStyles, getJsTileStyles, getJsRowStyles } from './FileUploaderFileList.styles.js';\n\ninterface FileUploaderFileListProps {\n  renderFile: (props: FileUploaderFileProps) => React.ReactNode;\n  size: SizeProp;\n  view?: FileUploaderView;\n  validationSummary?: FileUploaderValidationSummary;\n  validationSummaryStart?: number;\n  onRemove(fileId: string): void;\n  withValidationTooltip?: boolean;\n  /** Задает приоритетное расположение подсказки относительно контрола\n   * @default 'top left' */\n  validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;\n  withWarningIcon?: boolean;\n  disabled?: boolean;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const {\n    renderFile,\n    size,\n    view = 'row',\n    validationSummary = 'auto',\n    validationSummaryStart = 5,\n    withValidationTooltip,\n    validationTooltipPosition,\n    withWarningIcon,\n    disabled = false,\n    onRemove,\n  } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const { cx } = useEmotion();\n  const jsStyles = useStyles(getJsStyles);\n  const jsRowStyles = useStyles(getJsRowStyles);\n  const jsTileStyles = useStyles(getJsTileStyles);\n  const theme = useContext(ThemeContext);\n  const locale = useControlLocale();\n  const { langCode } = useContext(LocaleContext);\n\n  const [focusedByTab, setFocusedByTab] = useState<string | null>(null);\n  const [hovered, setHovered] = useState<string | null>(null);\n  const mouseIsOverRef = useRef(false);\n\n  const handleMouseEnter = (index: string | null) => {\n    setHovered(index);\n    mouseIsOverRef.current = true;\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(null);\n    mouseIsOverRef.current = false;\n  };\n\n  const handleRemoveItem = (index: string) => {\n    onRemove(index);\n    if (hovered === index && mouseIsOverRef.current) {\n      // Если текущий элемент был наведен, переключаемся на следующий элемент\n      const currentIndex = files.findIndex((file) => file.id === index);\n      if (currentIndex !== -1 && files[currentIndex + 1]) {\n        setHovered(files[currentIndex + 1].id);\n      } else {\n        setHovered(null);\n      }\n    }\n  };\n\n  const isTileView = view === 'tile';\n  const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsViewStyles.fileWrapperSmall(theme),\n    medium: jsViewStyles.fileWrapperMedium(theme),\n    large: jsViewStyles.fileWrapperLarge(theme),\n  });\n\n  const summaryClass = useFileUploaderSize(size, {\n    small: jsStyles.summarySmall(theme),\n    medium: jsStyles.summaryMedium(theme),\n    large: jsStyles.summaryLarge(theme),\n  });\n\n  const renderSummary = () => {\n    if (validationSummary === 'disabled') {\n      return null;\n    }\n\n    const warningLength = files.filter((file) => file.status === FileUploaderFileStatus.Warning).length;\n    const errorLength = files.filter((file) => file.status === FileUploaderFileStatus.Error).length;\n\n    if (validationSummary === 'auto' && files.length < validationSummaryStart) {\n      return null;\n    }\n\n    if (!(warningLength + errorLength)) {\n      return null;\n    }\n\n    return (\n      <div className={cx(jsStyles.summary(theme), summaryClass)}>\n        {errorLength > 0 && (\n          <span className={jsStyles.summaryErrorText(theme)}>\n            {errorLength}&nbsp;{pluralize(langCode, errorLength, ...locale.errors)}\n          </span>\n        )}\n        {warningLength > 0 && (\n          <span className={jsStyles.summaryWarningText(theme)}>\n            {warningLength}&nbsp;{pluralize(langCode, warningLength, ...locale.warnings)}\n          </span>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList} className={jsViewStyles.fileListWrapper(theme)}>\n      {renderSummary()}\n      {files.map((file, idx) => {\n        const hasFocus = focusedByTab === file.id;\n        const hasHover = hovered === file.id;\n        const hasError = file.status === FileUploaderFileStatus.Error;\n        const hasWarning = file.status === FileUploaderFileStatus.Warning;\n\n        const fileWrapperClassNames = cx(jsStyles.fileWrapper(theme), fileWrapperClass, {\n          [jsStyles.fileWrapperFocus(theme)]: hasFocus,\n          [jsStyles.fileWrapperHover(theme)]: hasHover,\n          ...(hasError && {\n            [jsStyles.errorFile(theme)]: !isTileView || hasHover,\n            [jsViewStyles.errorFileFocus(theme)]: hasFocus,\n          }),\n          ...(!isTileView &&\n            hasError && {\n              [jsStyles.removeBorderTopRadius()]: files[idx - 1]?.status === FileUploaderFileStatus.Error,\n              [jsStyles.removeBorderBottomRadius()]: files[idx + 1]?.status === FileUploaderFileStatus.Error,\n            }),\n          ...(hasWarning && {\n            [jsStyles.warningFile(theme)]: !isTileView || hasHover,\n            [jsViewStyles.warningFileFocus(theme)]: hasFocus,\n          }),\n          ...(!isTileView &&\n            hasWarning && {\n              [jsStyles.removeBorderTopRadius()]: files[idx - 1]?.status === FileUploaderFileStatus.Warning,\n              [jsStyles.removeBorderBottomRadius()]: files[idx + 1]?.status === FileUploaderFileStatus.Warning,\n            }),\n        });\n\n        const fileProps: FileUploaderFileProps = {\n          file,\n          multiple: true,\n          size,\n          view,\n          disabled,\n          hovered: hasHover,\n          focused: hasFocus,\n          onRemove: handleRemoveItem,\n          withValidationTooltip,\n          validationTooltipPosition,\n          withWarningIcon,\n        };\n\n        const fileElement = renderFile(fileProps);\n\n        return (\n          <div\n            key={file.id}\n            className={fileWrapperClassNames}\n            onMouseEnter={() => handleMouseEnter(file.id)}\n            onMouseLeave={() => handleMouseLeave()}\n            onFocus={() => setFocusedByTab(file.id)}\n            onBlur={() => setFocusedByTab(null)}\n          >\n            <div className={jsViewStyles.file()}>{fileElement}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

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

@@ -1,5 +1,5 @@
-import type { Theme } from '../../../lib/theming/Theme';
-export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     fileWrapper(t: Theme): string;
     fileWrapperFocus(t: Theme): string;
     fileWrapperHover(t: Theme): string;
@@ -14,7 +14,7 @@ export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesG
     summaryMedium(t: Theme): string;
     summaryLarge(t: Theme): string;
 }>;
-export declare const getJsRowStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsRowStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     file(): string;
     fileListWrapper(t: Theme): string;
     fileWrapperSmall(t: Theme): string;
@@ -23,7 +23,7 @@ export declare const getJsRowStyles: import("../../../lib/theming/Emotion").Styl
     errorFileFocus(t: Theme): string;
     warningFileFocus(t: Theme): string;
 }>;
-export declare const getJsTileStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsTileStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     file(): string;
     fileListWrapper(): string;
     fileWrapperSmall(t: Theme): string;

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

@@ -0,0 +1,103 @@
+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 } from '../../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return {
+        fileWrapper: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ", ";\n        border: ", " solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ", ";\n          border: ", " solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      "], ["\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ", ";\n        border: ", " solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ", ";\n          border: ", " solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      "])), t.fileUploaderBorderRadius, t.fileUploaderBorderWidth, t.fileUploaderBorderRadius, t.fileUploaderBorderWidth);
+        },
+        fileWrapperFocus: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+        },
+        fileWrapperHover: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background: ", ";\n        border-color: ", ";\n      "], ["\n        background: ", ";\n        border-color: ", ";\n      "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
+        },
+        warningFile: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderWarningBgColor);
+        },
+        errorFile: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderErrorBgColor);
+        },
+        removeBorderTopRadius: function () {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      "], ["\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      "])));
+        },
+        removeBorderBottomRadius: function () {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      "], ["\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      "])));
+        },
+        summary: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        display: flex;\n        border-bottom: 1px solid ", ";\n        margin-bottom: ", ";\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      "], ["\n        display: flex;\n        border-bottom: 1px solid ", ";\n        margin-bottom: ", ";\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      "])), t.tabColorHover, t.fileUploaderListGap);
+        },
+        summaryErrorText: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        color: ", ";\n        margin-right: ", ";\n      "], ["\n        color: ", ";\n        margin-right: ", ";\n      "])), t.fileUploaderErrorTextColor, t.fileUploaderListSummaryTextGap);
+        },
+        summaryWarningText: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderWarningTextColor);
+        },
+        summarySmall: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+        },
+        summaryMedium: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+        },
+        summaryLarge: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+        },
+    };
+});
+export var getJsRowStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return {
+        file: function () {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "])));
+        },
+        fileListWrapper: function (t) {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        margin-top: ", ";\n      "], ["\n        display: block;\n        width: 100%;\n        margin-top: ", ";\n      "])), t.fileUploaderListGap);
+        },
+        fileWrapperSmall: function (t) {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        padding: ", " ", ";\n      "], ["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+        },
+        fileWrapperMedium: function (t) {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        padding: ", " ", ";\n      "], ["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+        },
+        fileWrapperLarge: function (t) {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        padding: ", " ", ";\n      "], ["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+        },
+        errorFileFocus: function (t) {
+            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "], ["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
+        },
+        warningFileFocus: function (t) {
+            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "], ["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
+        },
+    };
+});
+export var getJsTileStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return {
+        file: function () {
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        width: 100%;\n        height: 100%;\n      "], ["\n        width: 100%;\n        height: 100%;\n      "])));
+        },
+        fileListWrapper: function () {
+            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        display: contents;\n      "], ["\n        display: contents;\n      "])));
+        },
+        fileWrapperSmall: function (t) {
+            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        padding: ", ";\n        width: ", ";\n      "], ["\n        padding: ", ";\n        width: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileWidthSmall);
+        },
+        fileWrapperMedium: function (t) {
+            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileWidthMedium, t.fileUploaderTileHeightMedium);
+        },
+        fileWrapperLarge: function (t) {
+            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileWidthLarge, t.fileUploaderTileHeightLarge);
+        },
+        errorFileFocus: function (t) {
+            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
+        },
+        warningFileFocus: function (t) {
+            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
+        },
+    };
+});
+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;
+//# 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":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    fileWrapper(t: Theme) {\n      return css`\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ${t.fileUploaderBorderRadius};\n          border: ${t.fileUploaderBorderWidth} solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      `;\n    },\n\n    fileWrapperFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    fileWrapperHover(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n        border-color: ${t.fileUploaderHoveredBorderColor};\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          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderWarningBgColor};\n        }\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          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderErrorBgColor};\n        }\n      `;\n    },\n\n    removeBorderTopRadius() {\n      return css`\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      `;\n    },\n\n    removeBorderBottomRadius() {\n      return css`\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      `;\n    },\n\n    summary(t: Theme) {\n      return css`\n        display: flex;\n        border-bottom: 1px solid ${t.tabColorHover};\n        margin-bottom: ${t.fileUploaderListGap};\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      `;\n    },\n\n    summaryErrorText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderErrorTextColor};\n        margin-right: ${t.fileUploaderListSummaryTextGap};\n      `;\n    },\n\n    summaryWarningText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderWarningTextColor};\n      `;\n    },\n\n    summarySmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    summaryMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    summaryLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    fileListWrapper(t: Theme) {\n      return css`\n        display: block;\n        width: 100%;\n        margin-top: ${t.fileUploaderListGap};\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n        height: 100%;\n      `;\n    },\n\n    fileListWrapper() {\n      return css`\n        display: contents;\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        width: ${t.fileUploaderTileWidthSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        width: ${t.fileUploaderTileWidthMedium};\n        height: ${t.fileUploaderTileHeightMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        width: ${t.fileUploaderTileWidthLarge};\n        height: ${t.fileUploaderTileHeightLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n"]}

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","sourcesContent":["export class FileUploaderFileValidationResult {\n  readonly isValid: boolean;\n  readonly message?: string;\n\n  constructor(isValid: boolean, message?: string) {\n    this.isValid = isValid;\n    this.message = message;\n  }\n\n  static error(message: string): FileUploaderFileValidationResult {\n    return new FileUploaderFileValidationResult(false, message);\n  }\n\n  static ok(): FileUploaderFileValidationResult {\n    return new FileUploaderFileValidationResult(true);\n  }\n}\n"]}

package/internal/FileUploaderControl/fileUtils.d.ts

@@ -1,4 +1,4 @@
-import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
 export type FileUploaderView = 'row' | 'tile';
 export type FileUploaderUploadButtonPosition = 'start' | 'end';
 export type FileUploaderValidationSummary = 'auto' | 'enabled' | 'disabled';

package/internal/FileUploaderControl/fileUtils.js

@@ -0,0 +1,70 @@
+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["Warning"] = "Warning";
+})(FileUploaderFileStatus || (FileUploaderFileStatus = {}));
+export var getAttachedFile = function (file) {
+    return {
+        id: getUid(),
+        originalFile: file,
+        status: FileUploaderFileStatus.Attached,
+        validationResult: FileUploaderFileValidationResult.ok(),
+    };
+};
+export var codeFileExtensions = ['xml', 'html', 'json'];
+export var pictureFileExtensions = ['jpg', 'png'];
+export var presentationFileExtensions = ['pptx', 'ppt', 'odp'];
+export var tableFileExtensions = ['xls', 'xlsx', 'ods'];
+export var textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];
+export var archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];
+function getFileExtension(file) {
+    var name = file.name;
+    var match = /\.([^.]+)$/.exec(name);
+    return match ? match[1] : '';
+}
+function getFileType(file) {
+    var extension = getFileExtension(file);
+    if (extension === '' && file.type === '') {
+        return 'folder';
+    }
+    switch (true) {
+        case extension === 'pdf':
+            return 'pdf';
+        case codeFileExtensions.includes(extension):
+            return 'code';
+        case pictureFileExtensions.includes(extension):
+            return 'picture';
+        case presentationFileExtensions.includes(extension):
+            return 'presentation';
+        case tableFileExtensions.includes(extension):
+            return 'table';
+        case textFileExtensions.includes(extension):
+            return 'text';
+        case archiveFileExtensions.includes(extension):
+            return 'archive';
+        default:
+            return 'unknown';
+    }
+}
+export function createFile(filename, content, type) {
+    if (content === void 0) { content = 'content'; }
+    if (type === void 0) { type = 'text/plain'; }
+    return new File([content], filename, { type: type });
+}
+export function getFileUploaderTypeIcon(file, error, warning) {
+    if (error === void 0) { error = false; }
+    if (warning === void 0) { warning = false; }
+    if (error) {
+        return 'error';
+    }
+    if (warning) {
+        return 'warning';
+    }
+    return getFileType(file);
+}
+//# 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":"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","sourcesContent":["import { getUid } from '../../lib/uidUtils.js';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport type FileUploaderView = 'row' | 'tile';\n\nexport type FileUploaderUploadButtonPosition = 'start' | 'end';\n\nexport type FileUploaderValidationSummary = 'auto' | 'enabled' | 'disabled';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n  Warning = 'Warning',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport type FileType =\n  | 'pdf'\n  | 'code'\n  | 'picture'\n  | 'presentation'\n  | 'table'\n  | 'text'\n  | 'archive'\n  | 'folder'\n  | 'unknown';\n\nexport type FileUploaderIconType = FileType | 'error' | 'warning';\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n\nexport const codeFileExtensions = ['xml', 'html', 'json'];\nexport const pictureFileExtensions = ['jpg', 'png'];\nexport const presentationFileExtensions = ['pptx', 'ppt', 'odp'];\nexport const tableFileExtensions = ['xls', 'xlsx', 'ods'];\nexport const textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];\nexport const archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];\n\nfunction getFileExtension(file: File) {\n  const name = file.name;\n  const match = /\\.([^.]+)$/.exec(name);\n\n  return match ? match[1] : '';\n}\n\nfunction getFileType(file: File): FileType {\n  const extension = getFileExtension(file);\n\n  if (extension === '' && file.type === '') {\n    return 'folder';\n  }\n\n  switch (true) {\n    case extension === 'pdf':\n      return 'pdf';\n    case codeFileExtensions.includes(extension):\n      return 'code';\n    case pictureFileExtensions.includes(extension):\n      return 'picture';\n    case presentationFileExtensions.includes(extension):\n      return 'presentation';\n    case tableFileExtensions.includes(extension):\n      return 'table';\n    case textFileExtensions.includes(extension):\n      return 'text';\n    case archiveFileExtensions.includes(extension):\n      return 'archive';\n\n    default:\n      return 'unknown';\n  }\n}\n\nexport function createFile(filename: string, content = 'content', type = 'text/plain'): File {\n  return new File([content], filename, { type });\n}\n\nexport function getFileUploaderTypeIcon(file: File, error = false, warning = false): FileUploaderIconType {\n  if (error) {\n    return 'error';\n  }\n\n  if (warning) {\n    return 'warning';\n  }\n\n  return getFileType(file);\n}\n"]}

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

@@ -1 +1 @@
-export declare const useControlLocale: () => import("../../../components/FileUploader/locale").FileUploaderLocale;
+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","sourcesContent":["import { useLocaleForControl } from '../../../lib/locale/useLocaleForControl.js';\nimport { FileUploaderLocaleHelper } from '../../../components/FileUploader/locale/index.js';\n\nexport const useControlLocale = () => useLocaleForControl('FileUploader', FileUploaderLocaleHelper);\n"]}

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

@@ -1,2 +1,2 @@
-import type { SizeProp } from '../../../lib/types/props';
+import type { SizeProp } from '../../../lib/types/props.js';
 export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;

package/internal/FileUploaderControl/hooks/useFileUploaderSize.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+export function useFileUploaderSize(size, _a) {
+    var small = _a.small, medium = _a.medium, large = _a.large;
+    return useMemo(function () {
+        switch (size) {
+            case 'large':
+                return large;
+            case 'medium':
+                return medium;
+            case 'small':
+                return small;
+            default:
+                return small;
+        }
+    }, [size]);
+}
+//# sourceMappingURL=useFileUploaderSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderSize.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/hooks/useFileUploaderSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,UAAU,mBAAmB,CAAI,IAAc,EAAE,EAA6C;QAA3C,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAC3E,OAAO,OAAO,CAAC;QACb,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf;gBACE,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport type { SizeProp } from '../../../lib/types/props.js';\n\nexport function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}

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

@@ -1,3 +1,3 @@
-import type { Nullable } from '../../../typings/utility-types';
-import type { FileUploaderAttachedFile } from '../fileUtils';
+import type { Nullable } from '../../../typings/utility-types.js';
+import type { FileUploaderAttachedFile } from '../fileUtils.js';
 export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;

package/internal/FileUploaderControl/hooks/useUpload.js

@@ -0,0 +1,80 @@
+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 { useCallback, useContext } from 'react';
+import ReactDOM from 'react-dom';
+import { FileUploaderFileStatus } from '../fileUtils.js';
+import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
+export var useUpload = function (request, onRequestSuccess, onRequestError) {
+    var setFileStatus = useContext(FileUploaderControlContext).setFileStatus;
+    var switchToLoading = useCallback(function (fileId) {
+        setFileStatus(fileId, FileUploaderFileStatus.Loading);
+    }, [setFileStatus]);
+    var switchToSuccess = useCallback(function (fileId) {
+        setFileStatus(fileId, FileUploaderFileStatus.Uploaded);
+        onRequestSuccess === null || onRequestSuccess === void 0 ? void 0 : onRequestSuccess(fileId);
+    }, [setFileStatus, onRequestSuccess]);
+    var switchToError = useCallback(function (fileId) {
+        setFileStatus(fileId, FileUploaderFileStatus.Error);
+        onRequestError === null || onRequestError === void 0 ? void 0 : onRequestError(fileId);
+    }, [setFileStatus, onRequestError]);
+    return useCallback(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+        var id, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    id = file.id;
+                    ReactDOM.flushSync(function () {
+                        switchToLoading(id);
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (request === null || request === void 0 ? void 0 : request(file))];
+                case 2:
+                    _b.sent();
+                    switchToSuccess(id);
+                    return [3 /*break*/, 4];
+                case 3:
+                    _a = _b.sent();
+                    switchToError(id);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [request, switchToSuccess, switchToLoading, switchToError]);
+};
+//# sourceMappingURL=useUpload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/hooks/useUpload.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAE9E,MAAM,CAAC,IAAM,SAAS,GAAG,UACvB,OAAoE,EACpE,gBAAqD,EACrD,cAAmD;IAE3C,IAAA,aAAa,GAAK,UAAU,CAAC,0BAA0B,CAAC,cAA3C,CAA4C;IAEjE,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,MAAc;QACb,aAAa,CAAC,MAAM,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,MAAc;QACb,aAAa,CAAC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACvD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAClC,CAAC;IAEF,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,MAAc;QACb,aAAa,CAAC,MAAM,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACpD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAM,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,OAAO,WAAW,CAChB,UAAO,IAA8B;;;;;oBAC3B,EAAE,GAAK,IAAI,GAAT,CAAU;oBACpB,QAAQ,CAAC,SAAS,CAAC;wBACjB,eAAe,CAAC,EAAE,CAAC,CAAC;oBACtB,CAAC,CAAC,CAAC;;;;oBAED,qBAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAA,EAAA;;oBAArB,SAAqB,CAAC;oBACtB,eAAe,CAAC,EAAE,CAAC,CAAC;;;;oBAEpB,aAAa,CAAC,EAAE,CAAC,CAAC;;;;;SAErB,EACD,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,CAAC,CAC3D,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useContext } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../../typings/utility-types.js';\nimport type { FileUploaderAttachedFile } from '../fileUtils.js';\nimport { FileUploaderFileStatus } from '../fileUtils.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\n\nexport const useUpload = (\n  request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>,\n  onRequestSuccess?: Nullable<(fileId: string) => void>,\n  onRequestError?: Nullable<(fileId: string) => void>,\n) => {\n  const { setFileStatus } = useContext(FileUploaderControlContext);\n\n  const switchToLoading = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Loading);\n    },\n    [setFileStatus],\n  );\n\n  const switchToSuccess = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Uploaded);\n      onRequestSuccess?.(fileId);\n    },\n    [setFileStatus, onRequestSuccess],\n  );\n\n  const switchToError = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Error);\n      onRequestError?.(fileId);\n    },\n    [setFileStatus, onRequestError],\n  );\n\n  return useCallback(\n    async (file: FileUploaderAttachedFile) => {\n      const { id } = file;\n      ReactDOM.flushSync(() => {\n        switchToLoading(id);\n      });\n      try {\n        await request?.(file);\n        switchToSuccess(id);\n      } catch {\n        switchToError(id);\n      }\n    },\n    [request, switchToSuccess, switchToLoading, switchToError],\n  );\n};\n"]}

package/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -1,4 +1,4 @@
 import type { ComponentType } from 'react';
 import React from 'react';
-import type { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
+import type { FileUploaderControlProviderProps } from './FileUploaderControlProvider.js';
 export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: ComponentType<Omit<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps>, "onAttach" | "onRemove" | "onValueChange" | "initialFiles">>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>;