@skbkontur/react-ui 6.0.2 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploader.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins.js';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\nexport const getJsStyles = memoizeGetStyles(({ css, keyframes }: Emotion) => {\n  return {\n    calcPulse(t: Theme) {\n      return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${t.inputBlinkColor};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n    `;\n    },\n\n    root(t: Theme) {\n      return css`\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ${t.fileUploaderBorderRadius};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        font-size: ${t.fileUploaderFontSizeSmall};\n        color: ${t.fileUploaderTextColorDefault};\n        background-color: ${t.fileUploaderBg};\n      `;\n    },\n    uploadButton(t: Theme) {\n      return css`\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n          border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        background-color: ${t.fileUploaderUploadButtonBg};\n      `;\n    },\n\n    uploadButtonFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    dragOver(t: Theme) {\n      return css`\n        border: 1px solid ${t.fileUploaderDragOverBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-shadow: ${t.fileUploaderDragOverShadow};\n      `;\n    },\n\n    windowDragOver(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        animation: ${this.calcPulse(t)} 1.5s infinite;\n      `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n      `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n      `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n      `;\n    },\n\n    visuallyHidden() {\n      return css`\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      `;\n    },\n\n    afterLinkText() {\n      return css`\n        display: inline;\n      `;\n    },\n\n    afterLinkText_HasFiles() {\n      return css`\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      `;\n    },\n\n    warningButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n        }\n      `;\n    },\n\n    errorButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n        }\n      `;\n    },\n\n    hovered(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n      `;\n    },\n\n    linkHovered(t: Theme) {\n      return css`\n        text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n        box-shadow: none;\n        background-clip: ${t.fileUploaderDisabledBgClip};\n\n        .${globalClasses.afterLinkText} {\n          color: ${t.fileUploaderDisabledTextColor};\n        }\n      `;\n    },\n\n    disabledBackground(t: Theme) {\n      return css`\n        background: ${t.fileUploaderDisabledBg};\n        border: ${t.fileUploaderDisabledBorder};\n      `;\n    },\n\n    icon(t: Theme) {\n      return css`\n        display: inline-block;\n        color: ${t.fileUploaderIconColor};\n      `;\n    },\n\n    iconDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    link(t: Theme) {\n      return css`\n        outline: none;\n        text-decoration: none;\n        color: ${t.fileUploaderLinkColor};\n      `;\n    },\n\n    linkDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledLinkColor};\n        &:hover {\n          text-decoration: none;\n        }\n      `;\n    },\n\n    singleFile() {\n      return css`\n        width: 100%;\n        height: inherit;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    root() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButton() {\n      return css`\n        justify-content: space-between;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        height: inherit;\n        width: 100%;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderPaddingXSmall,\n          t.fileUploaderPaddingYSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderPaddingXMedium,\n          t.fileUploaderPaddingYMedium,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderPaddingXLarge,\n          t.fileUploaderPaddingYLarge,\n        )};\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: center;\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    uploadButton() {\n      return css`\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        box-sizing: border-box;\n      `;\n    },\n\n    uploadButtonWrapperSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthSmall};\n        min-height: ${t.fileUploaderTileMinHeightSmall};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthMedium};\n        min-height: ${t.fileUploaderTileMinHeightMedium};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthLarge};\n        min-height: ${t.fileUploaderTileMinHeightLarge};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        height: ${t.fileUploaderTileMinHeightSmall};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        height: ${t.fileUploaderTileMinHeightMedium};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        height: ${t.fileUploaderTileMinHeightLarge};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n        justify-content: start;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapLarge};\n      `;\n    },\n\n    uploadButtonTileWithFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n      `;\n    },\n\n    uploadButtonTileWithFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n      `;\n    },\n\n    uploadButtonTileWithFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderTilePaddingSmall,\n          t.fileUploaderTilePaddingSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderTilePaddingMedium,\n          t.fileUploaderTilePaddingMedium,\n        )};\n      `;\n    },\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderTilePaddingLarge,\n          t.fileUploaderTilePaddingLarge,\n        )};\n      `;\n    },\n\n    verticalAlign() {\n      return css`\n        vertical-align: middle;\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploader.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { fileUploaderSizeMixin } from './FileUploader.mixins.js';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\nexport const getJsStyles = memoizeGetStyles(({ css, keyframes }: Emotion) => {\n  return {\n    calcPulse(t: Theme) {\n      return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${t.inputBlinkColor};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n    `;\n    },\n\n    root(t: Theme) {\n      return css`\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ${t.fileUploaderBorderRadius};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        font-size: ${t.fileUploaderFontSizeSmall};\n        color: ${t.fileUploaderTextColorDefault};\n        background-color: ${t.fileUploaderBg};\n      `;\n    },\n    uploadButton(t: Theme) {\n      return css`\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n          border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        background-color: ${t.fileUploaderUploadButtonBg};\n      `;\n    },\n\n    uploadButtonFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    dragOver(t: Theme) {\n      return css`\n        border: 1px solid ${t.fileUploaderDragOverBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-shadow: ${t.fileUploaderDragOverShadow};\n      `;\n    },\n\n    windowDragOver(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        animation: ${this.calcPulse(t)} 1.5s infinite;\n      `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n      `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n      `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n      `;\n    },\n\n    visuallyHidden() {\n      return css`\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      `;\n    },\n\n    afterLinkText() {\n      return css`\n        display: inline;\n      `;\n    },\n\n    afterLinkText_HasFiles() {\n      return css`\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      `;\n    },\n\n    warningButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n        }\n      `;\n    },\n\n    errorButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n        }\n      `;\n    },\n\n    hovered(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n      `;\n    },\n\n    linkHovered(t: Theme) {\n      return css`\n        text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n        box-shadow: none;\n        background-clip: ${t.fileUploaderDisabledBgClip};\n\n        .${globalClasses.afterLinkText} {\n          color: ${t.fileUploaderDisabledTextColor};\n        }\n      `;\n    },\n\n    disabledBackground(t: Theme) {\n      return css`\n        background: ${t.fileUploaderDisabledBg};\n        border: ${t.fileUploaderDisabledBorder};\n      `;\n    },\n\n    icon(t: Theme) {\n      return css`\n        display: inline-block;\n        color: ${t.fileUploaderIconColor};\n      `;\n    },\n\n    iconDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    link(t: Theme) {\n      return css`\n        outline: none;\n        text-decoration: none;\n        color: ${t.fileUploaderLinkColor};\n      `;\n    },\n\n    linkDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledLinkColor};\n        &:hover {\n          text-decoration: none;\n        }\n      `;\n    },\n\n    singleFile() {\n      return css`\n        width: 100%;\n        height: inherit;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    root() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButton() {\n      return css`\n        justify-content: space-between;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        height: inherit;\n        width: 100%;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderPaddingXSmall,\n          t.fileUploaderPaddingYSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderPaddingXMedium,\n          t.fileUploaderPaddingYMedium,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderPaddingXLarge,\n          t.fileUploaderPaddingYLarge,\n        )};\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: center;\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    uploadButton() {\n      return css`\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        box-sizing: border-box;\n      `;\n    },\n\n    uploadButtonWrapperSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthSmall};\n        min-height: ${t.fileUploaderTileMinHeightSmall};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthMedium};\n        min-height: ${t.fileUploaderTileMinHeightMedium};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthLarge};\n        min-height: ${t.fileUploaderTileMinHeightLarge};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        height: ${t.fileUploaderTileMinHeightSmall};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        height: ${t.fileUploaderTileMinHeightMedium};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        height: ${t.fileUploaderTileMinHeightLarge};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n        justify-content: start;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapLarge};\n      `;\n    },\n\n    uploadButtonTileWithFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n      `;\n    },\n\n    uploadButtonTileWithFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n      `;\n    },\n\n    uploadButtonTileWithFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderTilePaddingSmall,\n          t.fileUploaderTilePaddingSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderTilePaddingMedium,\n          t.fileUploaderTilePaddingMedium,\n        )};\n      `;\n    },\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderTilePaddingLarge,\n          t.fileUploaderTilePaddingLarge,\n        )};\n      `;\n    },\n\n    verticalAlign() {\n      return css`\n        vertical-align: middle;\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      `;\n    },\n  };\n});\n"]}

package/components/FileUploader/FileUploaderControlContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';
 import type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+import type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';
 export interface FileUploaderControlContextProps {
     setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;
     files: FileUploaderAttachedFile[];

package/components/FileUploader/FileUploaderControlContext.js.map

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

package/components/FileUploader/FileUploaderControlProvider.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { FileUploaderAttachedFile } from './fileUtils.js';
 export interface FileUploaderControlProviderProps {
     initialFiles?: File[];

package/components/FileUploader/FileUploaderControlProvider.js

@@ -19,12 +19,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { useCallback, useState } from 'react';
-import { useMemoObject } from '../../hooks/useMemoObject.js';
 import { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall.js';
-import { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';
+import { useMemoObject } from '../../hooks/useMemoObject.js';
 import { FileUploaderControlContext } from './FileUploaderControlContext.js';
-import { useControlLocale } from './hooks/useControlLocale.js';
 import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+import { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';
+import { useControlLocale } from './hooks/useControlLocale.js';
 var updateFile = function (files, fileId, getFileUpdatedProps) {
     var fileIndex = files.findIndex(function (file) { return file.id === fileId; });
     if (fileIndex === -1) {

package/components/FileUploader/FileUploaderControlProvider.js.map

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

package/components/FileUploader/FileUploaderFile.js

@@ -21,24 +21,24 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { formatBytes } from '../../lib/utils.js';
+import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
 import { TextWidthHelper } from '../../internal/TextWidthHelper/TextWidthHelper.js';
+import { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';
+import { useKeyListener } from '../../lib/events/keyListener.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
 import { truncate } from '../../lib/stringUtils.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { useKeyListener } from '../../lib/events/keyListener.js';
-import { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';
+import { formatBytes } from '../../lib/utils.js';
 import { Hint } from '../Hint/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-import { getDOMRect } from '../../lib/dom/getDOMRect.js';
-import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
-import { useFileUploaderSize } from './hooks/useFileUploaderSize.js';
-import { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';
+import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.styles.js';
 import { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';
 import { FileUploaderFileTypeIcon } from './FileUploaderFileTypeIcon.js';
-import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.styles.js';
+import { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';
+import { useFileUploaderSize } from './hooks/useFileUploaderSize.js';
 var splitFileNameAndExtension = function (filename) {
     var lastDotIndex = filename.lastIndexOf('.');
     if (lastDotIndex === -1) {
@@ -194,7 +194,7 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
         _c), multiple && jsStyles.fileTypeIconMultiple());
     var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock(), disabled && jsViewStyles.disabled(theme), jsViewStyles.nameBlock());
     var fileType = getFileUploaderTypeIcon(file.originalFile, isError, isWarning && !!withWarningIcon);
-    var icon = isTileView && isLoading ? (React.createElement(LoadingIcon, { size: size })) : (fileTypeIcon !== null && fileTypeIcon !== void 0 ? fileTypeIcon : React.createElement(FileUploaderFileTypeIcon, { type: fileType, size: size, view: view }));
+    var icon = isTileView && isLoading ? (React.createElement(LoadingIcon, { size: size })) : ((fileTypeIcon !== null && fileTypeIcon !== void 0 ? fileTypeIcon : React.createElement(FileUploaderFileTypeIcon, { type: fileType, size: size, view: view })));
     var splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);
     return (React.createElement(CommonWrapper, __assign({}, rest),
         React.createElement("div", { "data-tid": FileUploaderFileDataTids.file, className: jsStyles.root(), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref },

package/components/FileUploader/FileUploaderFile.js.map

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

package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { SizeProp } from '../../../lib/types/props.js';
 import type { PopupPositionsType, ShortPopupPositionsType } from '../../../internal/Popup/index.js';
+import type { SizeProp } from '../../../lib/types/props.js';
 import type { FileUploaderFileProps } from '../FileUploaderFile.js';
 import { type FileUploaderValidationSummary, type FileUploaderView } from '../fileUtils.js';
 interface FileUploaderFileListProps {

package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js

@@ -18,16 +18,16 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useContext, useState, useRef } from 'react';
+import React, { useContext, useRef, useState } from 'react';
+import { LocaleContext } from '../../../lib/locale/index.js';
+import { pluralize } from '../../../lib/pluralize.js';
 import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
-import { pluralize } from '../../../lib/pluralize.js';
-import { LocaleContext } from '../../../lib/locale/index.js';
 import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
 import { FileUploaderFileStatus } from '../fileUtils.js';
-import { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';
 import { useControlLocale } from '../hooks/useControlLocale.js';
-import { getJsStyles, getJsTileStyles, getJsRowStyles } from './FileUploaderFileList.styles.js';
+import { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';
+import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFileList.styles.js';
 export var FileUploaderFileDataTids = {
     fileList: 'FileUploader__fileList',
 };

package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderFileList.js","sourceRoot":"","sources":["../../../../components/FileUploader/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 { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../../internal/Popup/index.js';\nimport { pluralize } from '../../../lib/pluralize.js';\nimport { LocaleContext } from '../../../lib/locale/index.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\nimport type { FileUploaderFileProps } from '../FileUploaderFile.js';\nimport { FileUploaderFileStatus, type FileUploaderValidationSummary, type FileUploaderView } from '../fileUtils.js';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';\nimport { useControlLocale } from '../hooks/useControlLocale.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  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): React.ReactElement => {\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      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"]}
+{"version":3,"file":"FileUploaderFileList.js","sourceRoot":"","sources":["../../../../components/FileUploader/FileUploaderFileList/FileUploaderFileList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useRef, useState } from 'react';\n\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../../internal/Popup/index.js';\nimport { LocaleContext } from '../../../lib/locale/index.js';\nimport { pluralize } from '../../../lib/pluralize.js';\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\nimport type { FileUploaderFileProps } from '../FileUploaderFile.js';\nimport { FileUploaderFileStatus, type FileUploaderValidationSummary, type FileUploaderView } from '../fileUtils.js';\nimport { useControlLocale } from '../hooks/useControlLocale.js';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';\nimport { getJsRowStyles, getJsStyles, getJsTileStyles } 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  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): React.ReactElement => {\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      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/components/FileUploader/FileUploaderFileStatusIcon.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
+import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
 import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
-import { FileUploaderFileStatus } from './fileUtils.js';
+import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { getJsRowStyles, getJsTileStyles } from './FileUploaderFile.styles.js';
+import { FileUploaderFileStatus } from './fileUtils.js';
 import { DeleteIcon } from './icons/DeleteIcon.js';
 export var FileUploaderFileStatusIcon = function (_a) {
     var hovered = _a.hovered, isTileView = _a.isTileView, disabled = _a.disabled, focusedByTab = _a.focusedByTab, isInvalid = _a.isInvalid, status = _a.status, size = _a.size, hasValidation = _a.hasValidation;

package/components/FileUploader/FileUploaderFileStatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderFileStatusIcon.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderFileStatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAGtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAanD,MAAM,CAAC,IAAM,0BAA0B,GAA6D,UAAC,EASpG;QARC,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEL,IAAA,QAAQ,GAAK,mBAAmB,EAAE,SAA1B,CAA2B;IAC3C,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAChD,IAAM,WAAW,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAE9C,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACjG,IAAM,UAAU,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAI,CAAC;IAEzE,IAAI,MAAM,KAAK,sBAAsB,CAAC,OAAO,EAAE,CAAC;QAC9C,OAAO,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC1E,CAAC;IACD,IAAI,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;QACzD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;QAC/B,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,2FAA2F;IAC3F,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\nimport type { SizeProp } from '../../lib/types/props.js';\n\nimport { FileUploaderFileStatus } from './fileUtils.js';\nimport { getJsRowStyles, getJsTileStyles } from './FileUploaderFile.styles.js';\nimport { DeleteIcon } from './icons/DeleteIcon.js';\n\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  isTileView?: boolean;\n  disabled?: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: SizeProp;\n  hasValidation?: boolean;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  isTileView,\n  disabled,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n  hasValidation,\n}) => {\n  const { isMobile } = useResponsiveLayout();\n  const theme = useContext(ThemeContext);\n  const jsTileStyles = useStyles(getJsTileStyles);\n  const jsRowStyles = useStyles(getJsRowStyles);\n\n  const iconClassNames = isTileView ? jsTileStyles.iconColor(theme) : jsRowStyles.iconColor(theme);\n  const iconDelete = <DeleteIcon size={size} className={iconClassNames} />;\n\n  if (status === FileUploaderFileStatus.Loading) {\n    return hovered || isTileView ? iconDelete : <LoadingIcon size={size} />;\n  }\n  if (disabled || (!isMobile && !hovered && !focusedByTab)) {\n    return null;\n  }\n  if (isInvalid || hasValidation) {\n    return iconDelete;\n  }\n  // TODO - IF-2270 - добавить логику для действий по наведению и клику, пока только удаление\n  return iconDelete;\n};\n"]}
+{"version":3,"file":"FileUploaderFileStatusIcon.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderFileStatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAanD,MAAM,CAAC,IAAM,0BAA0B,GAA6D,UAAC,EASpG;QARC,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEL,IAAA,QAAQ,GAAK,mBAAmB,EAAE,SAA1B,CAA2B;IAC3C,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAChD,IAAM,WAAW,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAE9C,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACjG,IAAM,UAAU,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAI,CAAC;IAEzE,IAAI,MAAM,KAAK,sBAAsB,CAAC,OAAO,EAAE,CAAC;QAC9C,OAAO,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC1E,CAAC;IACD,IAAI,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;QACzD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;QAC/B,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,2FAA2F;IAC3F,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { getJsRowStyles, getJsTileStyles } from './FileUploaderFile.styles.js';\nimport { FileUploaderFileStatus } from './fileUtils.js';\nimport { DeleteIcon } from './icons/DeleteIcon.js';\n\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  isTileView?: boolean;\n  disabled?: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: SizeProp;\n  hasValidation?: boolean;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  isTileView,\n  disabled,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n  hasValidation,\n}) => {\n  const { isMobile } = useResponsiveLayout();\n  const theme = useContext(ThemeContext);\n  const jsTileStyles = useStyles(getJsTileStyles);\n  const jsRowStyles = useStyles(getJsRowStyles);\n\n  const iconClassNames = isTileView ? jsTileStyles.iconColor(theme) : jsRowStyles.iconColor(theme);\n  const iconDelete = <DeleteIcon size={size} className={iconClassNames} />;\n\n  if (status === FileUploaderFileStatus.Loading) {\n    return hovered || isTileView ? iconDelete : <LoadingIcon size={size} />;\n  }\n  if (disabled || (!isMobile && !hovered && !focusedByTab)) {\n    return null;\n  }\n  if (isInvalid || hasValidation) {\n    return iconDelete;\n  }\n  // TODO - IF-2270 - добавить логику для действий по наведению и клику, пока только удаление\n  return iconDelete;\n};\n"]}

package/components/FileUploader/FileUploaderFileTypeIcon.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useTheme } from '../../lib/theming/useTheme.js';
 import { ArchiveIcon as RowViewArchiveIcon } from './icons/row/ArchiveIcon.js';
+import { DocTextIcon as RowViewDocTextIcon } from './icons/row/DocTextIcon.js';
 import { FolderIcon as RowViewFolderIcon } from './icons/row/FolderIcon.js';
 import { MarkupIcon as RowViewMarkupIcon } from './icons/row/MarkupIcon.js';
 import { PdfIcon as RowViewPdfIcon } from './icons/row/PdfIcon.js';
@@ -8,8 +9,10 @@ import { PictureIcon as RowViewPictureIcon } from './icons/row/PictureIcon.js';
 import { PresentationIcon as RowViewPresentationIcon } from './icons/row/PresentationIcon.js';
 import { TableIcon as RowViewTableIcon } from './icons/row/TableIcon.js';
 import { TextIcon as RowViewTextIcon } from './icons/row/TextIcon.js';
-import { DocTextIcon as RowViewDocTextIcon } from './icons/row/DocTextIcon.js';
+import { ValidationErrorIcon as RowValidationErrorIcon } from './icons/row/ValidationErrorIcon.js';
+import { ValidationWarningIcon as RowValidationWarningIcon } from './icons/row/ValidationWarningIcon.js';
 import { ArchiveIcon as TileViewArchiveIcon } from './icons/tile/ArchiveIcon.js';
+import { DocTextIcon as TileViewDocTextIcon } from './icons/tile/DocTextIcon.js';
 import { FolderIcon as TileViewFolderIcon } from './icons/tile/FolderIcon.js';
 import { MarkupIcon as TileViewMarkupIcon } from './icons/tile/MarkupIcon.js';
 import { PdfIcon as TileViewPdfIcon } from './icons/tile/PdfIcon.js';
@@ -17,9 +20,6 @@ import { PictureIcon as TileViewPictureIcon } from './icons/tile/PictureIcon.js'
 import { PresentationIcon as TileViewPresentationIcon } from './icons/tile/PresentationIcon.js';
 import { TableIcon as TileViewTableIcon } from './icons/tile/TableIcon.js';
 import { TextIcon as TileViewTextIcon } from './icons/tile/TextIcon.js';
-import { DocTextIcon as TileViewDocTextIcon } from './icons/tile/DocTextIcon.js';
-import { ValidationErrorIcon as RowValidationErrorIcon } from './icons/row/ValidationErrorIcon.js';
-import { ValidationWarningIcon as RowValidationWarningIcon } from './icons/row/ValidationWarningIcon.js';
 import { ValidationErrorIcon as TileValidationErrorIcon } from './icons/tile/ValidationErrorIcon.js';
 import { ValidationWarningIcon as TileValidationWarningIcon } from './icons/tile/ValidationWarningIcon.js';
 export var FileUploaderFileTypeIcon = function (_a) {

package/components/FileUploader/FileUploaderFileTypeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderFileTypeIcon.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderFileTypeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGzD,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACnG,OAAO,EAAE,qBAAqB,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AACzG,OAAO,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACrG,OAAO,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAQ3G,MAAM,CAAC,IAAM,wBAAwB,GAA2D,UAAC,EAIhG;QAHC,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA;IAEZ,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GAAG,IAAI,KAAK,MAAM,CAAC;IAEnC,IAAI,UAAU,EAAE,CAAC;QACf,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,kCAAkC,GAAI,CAAC;YAClG,KAAK,SAAS;gBACZ,OAAO,oBAAC,yBAAyB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;YACtG,KAAK,KAAK;gBACR,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,gCAAgC,GAAI,CAAC;YACxF,KAAK,MAAM;gBACT,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,iCAAiC,GAAI,CAAC;YAC5F,KAAK,SAAS;gBACZ,OAAO,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;YAChG,KAAK,cAAc;gBACjB,OAAO,oBAAC,wBAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,yCAAyC,GAAI,CAAC;YAC1G,KAAK,OAAO;gBACV,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,kCAAkC,GAAI,CAAC;YAC5F,KAAK,MAAM;gBACT,OAAO,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,iCAAiC,GAAI,CAAC;YAC1F,KAAK,SAAS;gBACZ,OAAO,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;YAChG,KAAK,QAAQ;gBACX,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,mCAAmC,GAAI,CAAC;YAC9F;gBACE,OAAO,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;QAClG,CAAC;IACH,CAAC;IACD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,kCAAkC,GAAI,CAAC;QACjG,KAAK,SAAS;YACZ,OAAO,oBAAC,wBAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;QACrG,KAAK,KAAK;YACR,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,gCAAgC,GAAI,CAAC;QACvF,KAAK,MAAM;YACT,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,iCAAiC,GAAI,CAAC;QAC3F,KAAK,SAAS;YACZ,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;QAC/F,KAAK,cAAc;YACjB,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,yCAAyC,GAAI,CAAC;QACzG,KAAK,OAAO;YACV,OAAO,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,kCAAkC,GAAI,CAAC;QAC3F,KAAK,MAAM;YACT,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,iCAAiC,GAAI,CAAC;QACzF,KAAK,SAAS;YACZ,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;QAC/F,KAAK,QAAQ;YACX,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,mCAAmC,GAAI,CAAC;QAC7F;YACE,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,oCAAoC,GAAI,CAAC;IACjG,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { type SizeProp } from '../../lib/types/props.js';\nimport { useTheme } from '../../lib/theming/useTheme.js';\n\nimport type { FileUploaderIconType, FileUploaderView } from './fileUtils.js';\nimport { ArchiveIcon as RowViewArchiveIcon } from './icons/row/ArchiveIcon.js';\nimport { FolderIcon as RowViewFolderIcon } from './icons/row/FolderIcon.js';\nimport { MarkupIcon as RowViewMarkupIcon } from './icons/row/MarkupIcon.js';\nimport { PdfIcon as RowViewPdfIcon } from './icons/row/PdfIcon.js';\nimport { PictureIcon as RowViewPictureIcon } from './icons/row/PictureIcon.js';\nimport { PresentationIcon as RowViewPresentationIcon } from './icons/row/PresentationIcon.js';\nimport { TableIcon as RowViewTableIcon } from './icons/row/TableIcon.js';\nimport { TextIcon as RowViewTextIcon } from './icons/row/TextIcon.js';\nimport { DocTextIcon as RowViewDocTextIcon } from './icons/row/DocTextIcon.js';\nimport { ArchiveIcon as TileViewArchiveIcon } from './icons/tile/ArchiveIcon.js';\nimport { FolderIcon as TileViewFolderIcon } from './icons/tile/FolderIcon.js';\nimport { MarkupIcon as TileViewMarkupIcon } from './icons/tile/MarkupIcon.js';\nimport { PdfIcon as TileViewPdfIcon } from './icons/tile/PdfIcon.js';\nimport { PictureIcon as TileViewPictureIcon } from './icons/tile/PictureIcon.js';\nimport { PresentationIcon as TileViewPresentationIcon } from './icons/tile/PresentationIcon.js';\nimport { TableIcon as TileViewTableIcon } from './icons/tile/TableIcon.js';\nimport { TextIcon as TileViewTextIcon } from './icons/tile/TextIcon.js';\nimport { DocTextIcon as TileViewDocTextIcon } from './icons/tile/DocTextIcon.js';\nimport { ValidationErrorIcon as RowValidationErrorIcon } from './icons/row/ValidationErrorIcon.js';\nimport { ValidationWarningIcon as RowValidationWarningIcon } from './icons/row/ValidationWarningIcon.js';\nimport { ValidationErrorIcon as TileValidationErrorIcon } from './icons/tile/ValidationErrorIcon.js';\nimport { ValidationWarningIcon as TileValidationWarningIcon } from './icons/tile/ValidationWarningIcon.js';\n\ninterface FileUploaderFileTypeIconProps {\n  size: SizeProp;\n  type: FileUploaderIconType;\n  view?: FileUploaderView;\n}\n\nexport const FileUploaderFileTypeIcon: React.FunctionComponent<FileUploaderFileTypeIconProps> = ({\n  size,\n  type,\n  view = 'row',\n}) => {\n  const theme = useTheme();\n  const isTileView = view === 'tile';\n\n  if (isTileView) {\n    switch (type) {\n      case 'error':\n        return <TileValidationErrorIcon size={size} color={theme.fileUploaderFileTypeErrorIconColor} />;\n      case 'warning':\n        return <TileValidationWarningIcon size={size} color={theme.fileUploaderFileTypeWarningIconColor} />;\n      case 'pdf':\n        return <TileViewPdfIcon size={size} color={theme.fileUploaderFileTypePdfIconColor} />;\n      case 'code':\n        return <TileViewMarkupIcon size={size} color={theme.fileUploaderFileTypeCodeIconColor} />;\n      case 'picture':\n        return <TileViewPictureIcon size={size} color={theme.fileUploaderFileTypePictureIconColor} />;\n      case 'presentation':\n        return <TileViewPresentationIcon size={size} color={theme.fileUploaderFileTypePresentationIconColor} />;\n      case 'table':\n        return <TileViewTableIcon size={size} color={theme.fileUploaderFileTypeTableIconColor} />;\n      case 'text':\n        return <TileViewTextIcon size={size} color={theme.fileUploaderFileTypeTextIconColor} />;\n      case 'archive':\n        return <TileViewArchiveIcon size={size} color={theme.fileUploaderFileTypeArchiveIconColor} />;\n      case 'folder':\n        return <TileViewFolderIcon size={size} color={theme.fileUploaderFileTypeFolderIconColor} />;\n      default:\n        return <TileViewDocTextIcon size={size} color={theme.fileUploaderFileTypeUnknownIconColor} />;\n    }\n  }\n  switch (type) {\n    case 'error':\n      return <RowValidationErrorIcon size={size} color={theme.fileUploaderFileTypeErrorIconColor} />;\n    case 'warning':\n      return <RowValidationWarningIcon size={size} color={theme.fileUploaderFileTypeWarningIconColor} />;\n    case 'pdf':\n      return <RowViewPdfIcon size={size} color={theme.fileUploaderFileTypePdfIconColor} />;\n    case 'code':\n      return <RowViewMarkupIcon size={size} color={theme.fileUploaderFileTypeCodeIconColor} />;\n    case 'picture':\n      return <RowViewPictureIcon size={size} color={theme.fileUploaderFileTypePictureIconColor} />;\n    case 'presentation':\n      return <RowViewPresentationIcon size={size} color={theme.fileUploaderFileTypePresentationIconColor} />;\n    case 'table':\n      return <RowViewTableIcon size={size} color={theme.fileUploaderFileTypeTableIconColor} />;\n    case 'text':\n      return <RowViewTextIcon size={size} color={theme.fileUploaderFileTypeTextIconColor} />;\n    case 'archive':\n      return <RowViewArchiveIcon size={size} color={theme.fileUploaderFileTypeArchiveIconColor} />;\n    case 'folder':\n      return <RowViewFolderIcon size={size} color={theme.fileUploaderFileTypeFolderIconColor} />;\n    default:\n      return <RowViewDocTextIcon size={size} color={theme.fileUploaderFileTypeUnknownIconColor} />;\n  }\n};\n"]}
+{"version":3,"file":"FileUploaderFileTypeIcon.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploaderFileTypeIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../lib/theming/useTheme.js';\nimport { type SizeProp } from '../../lib/types/props.js';\nimport type { FileUploaderIconType, FileUploaderView } from './fileUtils.js';\nimport { ArchiveIcon as RowViewArchiveIcon } from './icons/row/ArchiveIcon.js';\nimport { DocTextIcon as RowViewDocTextIcon } from './icons/row/DocTextIcon.js';\nimport { FolderIcon as RowViewFolderIcon } from './icons/row/FolderIcon.js';\nimport { MarkupIcon as RowViewMarkupIcon } from './icons/row/MarkupIcon.js';\nimport { PdfIcon as RowViewPdfIcon } from './icons/row/PdfIcon.js';\nimport { PictureIcon as RowViewPictureIcon } from './icons/row/PictureIcon.js';\nimport { PresentationIcon as RowViewPresentationIcon } from './icons/row/PresentationIcon.js';\nimport { TableIcon as RowViewTableIcon } from './icons/row/TableIcon.js';\nimport { TextIcon as RowViewTextIcon } from './icons/row/TextIcon.js';\nimport { ValidationErrorIcon as RowValidationErrorIcon } from './icons/row/ValidationErrorIcon.js';\nimport { ValidationWarningIcon as RowValidationWarningIcon } from './icons/row/ValidationWarningIcon.js';\nimport { ArchiveIcon as TileViewArchiveIcon } from './icons/tile/ArchiveIcon.js';\nimport { DocTextIcon as TileViewDocTextIcon } from './icons/tile/DocTextIcon.js';\nimport { FolderIcon as TileViewFolderIcon } from './icons/tile/FolderIcon.js';\nimport { MarkupIcon as TileViewMarkupIcon } from './icons/tile/MarkupIcon.js';\nimport { PdfIcon as TileViewPdfIcon } from './icons/tile/PdfIcon.js';\nimport { PictureIcon as TileViewPictureIcon } from './icons/tile/PictureIcon.js';\nimport { PresentationIcon as TileViewPresentationIcon } from './icons/tile/PresentationIcon.js';\nimport { TableIcon as TileViewTableIcon } from './icons/tile/TableIcon.js';\nimport { TextIcon as TileViewTextIcon } from './icons/tile/TextIcon.js';\nimport { ValidationErrorIcon as TileValidationErrorIcon } from './icons/tile/ValidationErrorIcon.js';\nimport { ValidationWarningIcon as TileValidationWarningIcon } from './icons/tile/ValidationWarningIcon.js';\n\ninterface FileUploaderFileTypeIconProps {\n  size: SizeProp;\n  type: FileUploaderIconType;\n  view?: FileUploaderView;\n}\n\nexport const FileUploaderFileTypeIcon: React.FunctionComponent<FileUploaderFileTypeIconProps> = ({\n  size,\n  type,\n  view = 'row',\n}) => {\n  const theme = useTheme();\n  const isTileView = view === 'tile';\n\n  if (isTileView) {\n    switch (type) {\n      case 'error':\n        return <TileValidationErrorIcon size={size} color={theme.fileUploaderFileTypeErrorIconColor} />;\n      case 'warning':\n        return <TileValidationWarningIcon size={size} color={theme.fileUploaderFileTypeWarningIconColor} />;\n      case 'pdf':\n        return <TileViewPdfIcon size={size} color={theme.fileUploaderFileTypePdfIconColor} />;\n      case 'code':\n        return <TileViewMarkupIcon size={size} color={theme.fileUploaderFileTypeCodeIconColor} />;\n      case 'picture':\n        return <TileViewPictureIcon size={size} color={theme.fileUploaderFileTypePictureIconColor} />;\n      case 'presentation':\n        return <TileViewPresentationIcon size={size} color={theme.fileUploaderFileTypePresentationIconColor} />;\n      case 'table':\n        return <TileViewTableIcon size={size} color={theme.fileUploaderFileTypeTableIconColor} />;\n      case 'text':\n        return <TileViewTextIcon size={size} color={theme.fileUploaderFileTypeTextIconColor} />;\n      case 'archive':\n        return <TileViewArchiveIcon size={size} color={theme.fileUploaderFileTypeArchiveIconColor} />;\n      case 'folder':\n        return <TileViewFolderIcon size={size} color={theme.fileUploaderFileTypeFolderIconColor} />;\n      default:\n        return <TileViewDocTextIcon size={size} color={theme.fileUploaderFileTypeUnknownIconColor} />;\n    }\n  }\n  switch (type) {\n    case 'error':\n      return <RowValidationErrorIcon size={size} color={theme.fileUploaderFileTypeErrorIconColor} />;\n    case 'warning':\n      return <RowValidationWarningIcon size={size} color={theme.fileUploaderFileTypeWarningIconColor} />;\n    case 'pdf':\n      return <RowViewPdfIcon size={size} color={theme.fileUploaderFileTypePdfIconColor} />;\n    case 'code':\n      return <RowViewMarkupIcon size={size} color={theme.fileUploaderFileTypeCodeIconColor} />;\n    case 'picture':\n      return <RowViewPictureIcon size={size} color={theme.fileUploaderFileTypePictureIconColor} />;\n    case 'presentation':\n      return <RowViewPresentationIcon size={size} color={theme.fileUploaderFileTypePresentationIconColor} />;\n    case 'table':\n      return <RowViewTableIcon size={size} color={theme.fileUploaderFileTypeTableIconColor} />;\n    case 'text':\n      return <RowViewTextIcon size={size} color={theme.fileUploaderFileTypeTextIconColor} />;\n    case 'archive':\n      return <RowViewArchiveIcon size={size} color={theme.fileUploaderFileTypeArchiveIconColor} />;\n    case 'folder':\n      return <RowViewFolderIcon size={size} color={theme.fileUploaderFileTypeFolderIconColor} />;\n    default:\n      return <RowViewDocTextIcon size={size} color={theme.fileUploaderFileTypeUnknownIconColor} />;\n  }\n};\n"]}