@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/components/FileUploader/FileUploader.styles.d.ts

@@ -2,35 +2,73 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     afterLinkText: string;
 };
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
     calcPulse(t: Theme): string;
     root(t: Theme): string;
     uploadButton(t: Theme): string;
     uploadButtonFocus(t: Theme): string;
+    uploadButtonWithFile(t: Theme): string;
+    uploadButtonIconGapSmall(t: Theme): string;
+    uploadButtonIconGapMedium(t: Theme): string;
+    uploadButtonIconGapLarge(t: Theme): string;
     dragOver(t: Theme): string;
     windowDragOver(t: Theme): string;
-    content(): string;
-    contentWithFiles(): string;
     contentInnerSmall(t: Theme): string;
     contentInnerMedium(t: Theme): string;
     contentInnerLarge(t: Theme): string;
     visuallyHidden(): string;
-    afterLinkText(t: Theme): string;
-    afterLinkText_HasFiles(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
+    afterLinkText(): string;
+    afterLinkText_HasFiles(): string;
+    warningButton(t: Theme): string;
+    warningFile(t: Theme): string;
+    errorButton(t: Theme): string;
+    errorFile(t: Theme): string;
     hovered(t: Theme): string;
     linkHovered(t: Theme): string;
     disabled(t: Theme): string;
+    disabledBackground(t: Theme): string;
     icon(t: Theme): string;
     iconDisabled(t: Theme): string;
     link(t: Theme): string;
     linkDisabled(t: Theme): string;
     singleFile(): string;
-    sizeSmall(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeLarge(t: Theme): string;
     iconSmall(t: Theme): string;
     iconMedium(t: Theme): string;
     iconLarge(t: Theme): string;
-};
+}>;
+export declare const getJsRowStyles: import("../../lib/theming/Emotion").StylesGetter<{
+    root(): string;
+    uploadButtonWithFile(t: Theme): string;
+    uploadButton(): string;
+    uploadButtonWrapper(): string;
+    uploadButtonIconGapSmall(t: Theme): string;
+    uploadButtonIconGapMedium(t: Theme): string;
+    uploadButtonIconGapLarge(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+}>;
+export declare const getJsTileStyles: import("../../lib/theming/Emotion").StylesGetter<{
+    uploadButton(): string;
+    uploadButtonWrapper(): string;
+    uploadButtonWrapperSmall(t: Theme): string;
+    uploadButtonWrapperMedium(t: Theme): string;
+    uploadButtonWrapperLarge(t: Theme): string;
+    uploadButtonWrapperEmptyFileSmall(t: Theme): string;
+    uploadButtonWrapperEmptyFileMedium(t: Theme): string;
+    uploadButtonWrapperEmptyFileLarge(t: Theme): string;
+    uploadButtonWithFile(t: Theme): string;
+    uploadButtonIconGapSmall(t: Theme): string;
+    uploadButtonIconGapMedium(t: Theme): string;
+    uploadButtonIconGapLarge(t: Theme): string;
+    uploadButtonTileWithFileSmall(t: Theme): string;
+    uploadButtonTileWithFileMedium(t: Theme): string;
+    uploadButtonTileWithFileLarge(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+}>;

package/components/FileUploader/FileUploaderFile/FileUploaderFile.js

@@ -0,0 +1,295 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["file", "showSize", "previewImg", "error", "warning", "multiple", "disabled", "hovered", "focused", "size", "view", "withValidationTooltip", "validationTooltipPosition", "withWarningIcon", "onRemove", "showFilenameHint", "fileTypeIcon"];
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useEmotion, useGlobal, useStyles } from "../../../lib/renderEnvironment";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { FileUploaderFileStatus, getFileUploaderTypeIcon } from "../../../internal/FileUploaderControl/fileUtils";
+import { formatBytes } from "../../../lib/utils";
+import { TextWidthHelper } from "../../../internal/TextWidthHelper/TextWidthHelper";
+import { truncate } from "../../../lib/stringUtils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { useKeyListener } from "../../../lib/events/keyListener";
+import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
+import { Hint } from "../../Hint";
+import { Tooltip } from "../../Tooltip";
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { useFileUploaderSize } from "../../../internal/FileUploaderControl/hooks/useFileUploaderSize";
+import { FileUploaderFileStatusIcon } from "../../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileStatusIcon";
+import { FileUploaderFileTypeIcon } from "../../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileTypeIcon";
+import { getJsStyles, getJsRowStyles, getJsTileStyles } from "../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles";
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+var splitFileNameAndExtension = function splitFileNameAndExtension(filename) {
+  var lastDotIndex = filename.lastIndexOf('.');
+  if (lastDotIndex === -1) {
+    return {
+      name: filename,
+      extension: ''
+    };
+  }
+  var name = filename.substring(0, lastDotIndex);
+  var extension = filename.substring(lastDotIndex + 1);
+  return {
+    name: name,
+    extension: extension
+  };
+};
+var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView) {
+  if (isTileView === void 0) {
+    isTileView = false;
+  }
+  if (!fileNameWidth && !fileNameElementWidth) {
+    return null;
+  }
+  if (fileNameWidth <= fileNameElementWidth) {
+    return name;
+  }
+  var charWidth = Math.ceil(fileNameWidth / name.length);
+  var maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);
+  if (isTileView) {
+    var splitFileName = splitFileNameAndExtension(name);
+    return truncate(splitFileName.name, maxCharsCountInSpan) + "." + splitFileName.extension;
+  }
+  return truncate(name, maxCharsCountInSpan);
+};
+var calcTruncatedName = function calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView) {
+  var _textHelperRef$curren;
+  if (isTileView === void 0) {
+    isTileView = false;
+  }
+  var fileNameWidth = ((_textHelperRef$curren = textHelperRef.current) == null ? void 0 : _textHelperRef$curren.getTextWidth()) || 0;
+  var fileNameElementWidth = isTileView ?
+  // даем возможность занять 2 строки с погрешностью в 50%
+  getDOMRect(fileNameElementRef.current).width * 1.5 : getDOMRect(fileNameElementRef.current).width;
+  return getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView);
+};
+export var FileUploaderFileDataTids = {
+  file: 'FileUploader__file',
+  fileTooltip: 'FileUploader__fileTooltip',
+  fileName: 'FileUploader__fileName',
+  fileSize: 'FileUploader__fileSize',
+  fileIcon: 'FileUploader__fileIcon',
+  fileTypeIcon: 'FileUploader__fileTypeIcon'
+};
+
+/**
+ * Компонент файла `FileUploaderFile` из FileUploader для отрисовки загруженного файла.
+ */
+export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
+  var _cx, _cx2, _ref;
+  var file = props.file,
+    _props$showSize = props.showSize,
+    showSize = _props$showSize === void 0 ? false : _props$showSize,
+    previewImg = props.previewImg,
+    error = props.error,
+    warning = props.warning,
+    multiple = props.multiple,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$hovered = props.hovered,
+    hovered = _props$hovered === void 0 ? false : _props$hovered,
+    _props$focused = props.focused,
+    focused = _props$focused === void 0 ? false : _props$focused,
+    size = props.size,
+    _props$view = props.view,
+    view = _props$view === void 0 ? 'row' : _props$view,
+    withValidationTooltip = props.withValidationTooltip,
+    validationTooltipPosition = props.validationTooltipPosition,
+    withWarningIcon = props.withWarningIcon,
+    onRemove = props.onRemove,
+    _props$showFilenameHi = props.showFilenameHint,
+    showFullFilename = _props$showFilenameHi === void 0 ? true : _props$showFilenameHi,
+    fileTypeIcon = props.fileTypeIcon,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var id = file.id,
+    originalFile = file.originalFile,
+    status = file.status,
+    validationResult = file.validationResult;
+  var name = originalFile.name,
+    fileSize = originalFile.size;
+  var _useState = useState(hovered || false),
+    hoveredFile = _useState[0],
+    setHoveredFile = _useState[1];
+  var _useState2 = useState(focused || false),
+    focusedByTab = _useState2[0],
+    setFocusedByTab = _useState2[1];
+  var _useState3 = useState(null),
+    truncatedFileName = _useState3[0],
+    setTruncatedFileName = _useState3[1];
+  var textHelperRef = useRef(null);
+  var fileNameElementRef = useRef(null);
+  var theme = useContext(ThemeContext);
+  var globalObject = useGlobal();
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var keyListener = useKeyListener();
+  var jsStyles = useStyles(getJsStyles);
+  var jsRowStyles = useStyles(getJsRowStyles);
+  var jsTileStyles = useStyles(getJsTileStyles);
+  var isLoading = status === FileUploaderFileStatus.Loading;
+  var isTileView = view === 'tile';
+  var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
+  var validationTooltipPositionByView = validationTooltipPosition || (isTileView ? 'top center' : 'top left');
+  var formattedSize = useMemo(function () {
+    return formatBytes(fileSize, 1);
+  }, [fileSize]);
+  useEffect(function () {
+    var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView);
+    setTruncatedFileName(truncatedName);
+  });
+  var handleRemove = useCallback(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onRemove(id);
+  }, [id, onRemove]);
+  var isValid = validationResult.isValid,
+    message = validationResult.message;
+  var isError = file.status === FileUploaderFileStatus.Error || error;
+  var isWarning = file.status === FileUploaderFileStatus.Warning || warning;
+  var isInvalid = isError || !isValid;
+  var sizeIconClass = useFileUploaderSize(size, {
+    small: jsViewStyles.iconSmall(theme),
+    medium: jsViewStyles.iconMedium(theme),
+    large: jsViewStyles.iconLarge(theme)
+  });
+  var renderTooltipContent = useCallback(function () {
+    return !isValid && !error && message ? message : null;
+  }, [isValid, error, message]);
+  var sizeNameBlockClass = useFileUploaderSize(size, {
+    small: jsStyles.contentSmall(theme),
+    medium: jsStyles.contentMedium(theme),
+    large: jsStyles.contentLarge(theme)
+  });
+  var sizeViewNameBlockClass = useFileUploaderSize(size, {
+    small: jsViewStyles.contentSmall(theme),
+    medium: jsViewStyles.contentMedium(theme),
+    large: jsViewStyles.contentLarge(theme)
+  });
+  var validationTextClassName = cx((_cx = {}, _cx[jsStyles.validationTextWarning(theme)] = isWarning, _cx[jsStyles.validationTextError(theme)] = isError, _cx));
+  var contentClassNames = cx(jsStyles.content(), jsViewStyles.content());
+  var nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);
+  var handleMouseEnter = useCallback(function () {
+    setHoveredFile(true);
+  }, []);
+  var handleMouseLeave = useCallback(function () {
+    setHoveredFile(false);
+  }, []);
+  var handleFocus = useCallback(function () {
+    // focus event fires before keyDown eventlistener
+    // so we should check tabPressed in async way
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  }, []);
+  var handleBlur = useCallback(function () {
+    setFocusedByTab(false);
+  }, []);
+  var handleIconKeyDown = useCallback(function (e) {
+    if (isKeyEnter(e)) {
+      onRemove(id);
+    }
+  }, [onRemove, id]);
+  var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[sizeIconClass] = true, _cx2[jsTileStyles.iconAction(theme)] = isTileView, _cx2[jsTileStyles.iconActionShow()] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab), _cx2));
+  var sizeClassName = useFileUploaderSize(size, {
+    small: jsStyles.sizeSmall(theme),
+    medium: jsStyles.sizeMedium(theme),
+    large: jsStyles.sizeLarge(theme)
+  });
+  var sizeClassNames = cx(jsStyles.size(theme), sizeClassName, jsViewStyles.size(theme), isTileView && disabled && jsTileStyles.sizeDisabled(theme));
+  var sizeFileTypeIconClass = useFileUploaderSize(size, {
+    small: jsViewStyles.fileTypeIconSmall(theme),
+    medium: jsViewStyles.fileTypeIconMedium(theme),
+    large: jsViewStyles.fileTypeIconLarge(theme)
+  });
+  var isTruncated = truncatedFileName !== name;
+  var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(theme), isTileView && (_ref = {}, _ref[jsTileStyles.fileTypeIcon(theme)] = true, _ref[jsTileStyles.fileTypeIconPreview()] = !!previewImg, _ref[jsTileStyles.disabledFileTypeIcon(theme)] = disabled, _ref[jsTileStyles.warningFileTypeIcon(theme)] = isWarning, _ref[jsTileStyles.errorFileTypeIcon(theme)] = isError, _ref), 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 ? /*#__PURE__*/
+  React.createElement(LoadingIcon, {
+    size: size
+  }) : fileTypeIcon != null ? fileTypeIcon : /*#__PURE__*/React.createElement(FileUploaderFileTypeIcon, {
+    type: fileType,
+    size: size,
+    view: view
+  });
+  var splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);
+  return /*#__PURE__*/(
+    React.createElement(CommonWrapper, rest, /*#__PURE__*/
+    React.createElement("div", {
+      "data-tid": FileUploaderFileDataTids.file,
+      className: jsStyles.root(),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      ref: ref
+    }, /*#__PURE__*/
+
+    React.createElement(Tooltip, {
+      "data-tid": FileUploaderFileDataTids.fileTooltip,
+      pos: validationTooltipPositionByView,
+      render: function render() {
+        return withValidationTooltip || isTileView ? renderTooltipContent() : null;
+      }
+    }, /*#__PURE__*/
+
+    React.createElement("div", {
+      className: contentClassNames
+    }, /*#__PURE__*/
+
+    React.createElement("div", {
+      "data-tid": FileUploaderFileDataTids.fileTypeIcon,
+      className: fileTypeIconClassName,
+      style: previewImg ? {
+        backgroundImage: "url(" + previewImg + ")"
+      } : undefined
+    }, (!isTileView || !previewImg) && icon), /*#__PURE__*/
+
+    React.createElement("div", {
+      className: nameBlockClassNames
+    }, /*#__PURE__*/
+    React.createElement(TextWidthHelper, {
+      ref: textHelperRef,
+      text: name
+    }), /*#__PURE__*/
+    React.createElement(Hint, {
+      maxWidth: '100%',
+      text: showFullFilename && isTruncated ? name : null
+    }, /*#__PURE__*/
+    React.createElement("span", {
+      "data-tid": FileUploaderFileDataTids.fileName,
+      ref: fileNameElementRef,
+      className: nameTextClassNames
+    }, splitTruncatedFileName && /*#__PURE__*/
+    React.createElement(React.Fragment, null, splitTruncatedFileName.name, splitTruncatedFileName.extension && /*#__PURE__*/React.createElement("span", null, ".", splitTruncatedFileName.extension)))), !(withValidationTooltip || isTileView) && /*#__PURE__*/
+    React.createElement("span", {
+      className: validationTextClassName
+    }, renderTooltipContent())), showSize && formattedSize && /*#__PURE__*/
+    React.createElement("span", {
+      "data-tid": FileUploaderFileDataTids.fileSize,
+      className: sizeClassNames
+    }, formattedSize), /*#__PURE__*/
+
+    React.createElement("div", {
+      className: iconClassNames,
+      "data-tid": FileUploaderFileDataTids.fileIcon,
+      tabIndex: 0,
+      onClick: handleRemove,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onKeyDown: handleIconKeyDown
+    }, /*#__PURE__*/
+
+    React.createElement(FileUploaderFileStatusIcon, {
+      isTileView: isTileView,
+      status: status,
+      disabled: disabled,
+      hovered: hovered || hoveredFile,
+      focusedByTab: focused || focusedByTab,
+      isInvalid: isInvalid,
+      hasValidation: isError || isWarning,
+      size: size
+    }))))))
+  );
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","useEmotion","useGlobal","useStyles","CommonWrapper","forwardRefAndName","FileUploaderFileStatus","getFileUploaderTypeIcon","formatBytes","TextWidthHelper","truncate","ThemeContext","useKeyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","FileUploaderFileStatusIcon","FileUploaderFileTypeIcon","getJsStyles","getJsRowStyles","getJsTileStyles","LoadingIcon","splitFileNameAndExtension","filename","lastDotIndex","lastIndexOf","name","extension","substring","getTruncatedName","fileNameWidth","fileNameElementWidth","isTileView","charWidth","Math","ceil","length","maxCharsCountInSpan","splitFileName","calcTruncatedName","textHelperRef","fileNameElementRef","_textHelperRef$curren","current","getTextWidth","width","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","fileTypeIcon","FileUploaderFile","props","ref","_cx","_cx2","_ref","_props$showSize","showSize","previewImg","error","warning","multiple","_props$disabled","disabled","_props$hovered","hovered","_props$focused","focused","size","_props$view","view","withValidationTooltip","validationTooltipPosition","withWarningIcon","onRemove","_props$showFilenameHi","showFilenameHint","showFullFilename","rest","_objectWithoutPropertiesLoose","_excluded","id","originalFile","status","validationResult","_useState","hoveredFile","setHoveredFile","_useState2","focusedByTab","setFocusedByTab","_useState3","truncatedFileName","setTruncatedFileName","theme","globalObject","_useEmotion","cx","keyListener","jsStyles","jsRowStyles","jsTileStyles","isLoading","Loading","jsViewStyles","validationTooltipPositionByView","formattedSize","truncatedName","handleRemove","event","preventDefault","stopPropagation","isValid","message","isError","Error","isWarning","Warning","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeNameBlockClass","contentSmall","contentMedium","contentLarge","sizeViewNameBlockClass","validationTextClassName","validationTextWarning","validationTextError","contentClassNames","content","nameTextClassNames","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","iconAction","iconActionShow","sizeClassName","sizeSmall","sizeMedium","sizeLarge","sizeClassNames","sizeDisabled","sizeFileTypeIconClass","fileTypeIconSmall","fileTypeIconMedium","fileTypeIconLarge","isTruncated","fileTypeIconClassName","disabledFileTypeIconSvg","fileTypeIconPreview","disabledFileTypeIcon","warningFileTypeIcon","errorFileTypeIcon","fileTypeIconMultiple","nameBlockClassNames","nameBlock","fileType","createElement","type","splitTruncatedFileName","className","root","onMouseEnter","onMouseLeave","pos","render","style","backgroundImage","undefined","text","maxWidth","Fragment","tabIndex","onClick","onFocus","onBlur","onKeyDown","hasValidation"],"sources":["FileUploaderFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment';\nimport { CommonWrapper, type CommonProps } from '../../internal/CommonWrapper';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type {\n  FileUploaderAttachedFile,\n  FileUploaderIconType,\n  FileUploaderView,\n} from '../../internal/FileUploaderControl/fileUtils';\nimport { FileUploaderFileStatus, getFileUploaderTypeIcon } from '../../internal/FileUploaderControl/fileUtils';\nimport { formatBytes } from '../../lib/utils';\nimport { TextWidthHelper } from '../../internal/TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../lib/stringUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport type { Nullable } from '../../typings/utility-types';\nimport { Hint } from '../Hint';\nimport { Tooltip } from '../Tooltip';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FileUploaderFileStatusIcon } from '../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileStatusIcon';\nimport { FileUploaderFileTypeIcon } from '../../internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileTypeIcon';\nimport {\n  getJsStyles,\n  getJsRowStyles,\n  getJsTileStyles,\n} from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\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>,\n  fileNameElementRef: React.RefObject<HTMLSpanElement>,\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"],"mappings":"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","ignoreList":[]}

package/components/FileUploader/FileUploaderFile/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FileUploader/FileUploaderFile.js",
+  "module": "FileUploaderFile",
+  "types": "../FileUploaderFile.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/FileUploaderFile.d.ts

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

package/components/FileUploader/UploadIcon/UploadIcon.js

@@ -1,16 +1,13 @@
 import React from 'react';
-import { iconSizer } from "../../../internal/icons2022/iconSizer";
-import { NetUploadIcon16Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light";
-import { NetUploadIcon20Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light";
-import { NetUploadIcon24Regular } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
-export var UploadIcon = iconSizer({
-  small: function small() {
-    return /*#__PURE__*/React.createElement(NetUploadIcon16Light, null);
-  },
-  medium: function medium() {
-    return /*#__PURE__*/React.createElement(NetUploadIcon20Light, null);
-  },
-  large: function large() {
-    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
-  }
-}, 'UploadIcon');
+import { UploadIcon as TileUploadIcon } from "../icons/TileUploadIcon";
+import { UploadIcon as RowUploadIcon } from "../icons/RowUploadIcon";
+export var UploadIcon = function UploadIcon(props) {
+  var size = props.size,
+    _props$view = props.view,
+    view = _props$view === void 0 ? 'row' : _props$view;
+  return view === 'row' ? /*#__PURE__*/React.createElement(RowUploadIcon, {
+    size: size
+  }) : /*#__PURE__*/React.createElement(TileUploadIcon, {
+    size: size
+  });
+};

package/components/FileUploader/UploadIcon/UploadIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","iconSizer","NetUploadIcon16Light","NetUploadIcon20Light","NetUploadIcon24Regular","UploadIcon","small","createElement","medium","large"],"sources":["UploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light';\nimport { NetUploadIcon24Regular } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon16Light />,\n    medium: () => <NetUploadIcon20Light />,\n    large: () => <NetUploadIcon24Regular />,\n  },\n  'UploadIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,oBAAoB,QAAQ,6DAA6D;AAClG,SAASC,oBAAoB,QAAQ,6DAA6D;AAClG,SAASC,sBAAsB,QAAQ,+DAA+D;;AAEtG,OAAO,IAAMC,UAAU,GAAGJ,SAAS;EACjC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,oBAAoB,MAAE,CAAC;IACrCM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,oBAAoB,MAAE,CAAC;IACtCM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,sBAAsB,MAAE,CAAC;EACzC,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","UploadIcon","TileUploadIcon","RowUploadIcon","props","size","_props$view","view","createElement"],"sources":["UploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { FileUploaderView } from '../../internal/FileUploaderControl/fileUtils';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { UploadIcon as TileUploadIcon } from './icons/TileUploadIcon';\nimport { UploadIcon as RowUploadIcon } from './icons/RowUploadIcon';\n\ninterface UploadIconProps {\n  size: SizeProp;\n  view?: FileUploaderView;\n}\n\nexport const UploadIcon = (props: UploadIconProps) => {\n  const { size, view = 'row' } = props;\n\n  return view === 'row' ? <RowUploadIcon size={size} /> : <TileUploadIcon size={size} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;AAKzB,SAASC,UAAU,IAAIC,cAAc,QAAQ,wBAAwB;AACrE,SAASD,UAAU,IAAIE,aAAa,QAAQ,uBAAuB;;;;;;;AAOnE,OAAO,IAAMF,UAAU,GAAG,SAAbA,UAAUA,CAAIG,KAAsB,EAAK;EACpD,IAAQC,IAAI,GAAmBD,KAAK,CAA5BC,IAAI,CAAAC,WAAA,GAAmBF,KAAK,CAAtBG,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;;EAE1B,OAAOC,IAAI,KAAK,KAAK,gBAAGP,KAAA,CAAAQ,aAAA,CAACL,aAAa,IAACE,IAAI,EAAEA,IAAK,EAAE,CAAC,gBAAGL,KAAA,CAAAQ,aAAA,CAACN,cAAc,IAACG,IAAI,EAAEA,IAAK,EAAE,CAAC;AACxF,CAAC","ignoreList":[]}

package/components/FileUploader/UploadIcon.d.ts

@@ -1,3 +1,9 @@
-export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+import React from 'react';
+import type { FileUploaderView } from '../../internal/FileUploaderControl/fileUtils';
+import type { SizeProp } from '../../lib/types/props';
+interface UploadIconProps {
+    size: SizeProp;
+    view?: FileUploaderView;
+}
+export declare const UploadIcon: (props: UploadIconProps) => React.JSX.Element;
+export {};

package/components/FileUploader/icons/RowUploadIcon/RowUploadIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../internal/icons2022/iconSizer";
+import { NetUploadIcon16Light } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light";
+import { NetUploadIcon20Regular } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Regular";
+import { NetUploadIcon24Regular } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
+export var UploadIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon20Regular, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
+  }
+}, 'UploadIcon');

package/components/FileUploader/icons/RowUploadIcon/RowUploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","NetUploadIcon16Light","NetUploadIcon20Regular","NetUploadIcon24Regular","UploadIcon","small","createElement","medium","large"],"sources":["RowUploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Regular } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Regular';\nimport { NetUploadIcon24Regular } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon16Light />,\n    medium: () => <NetUploadIcon20Regular />,\n    large: () => <NetUploadIcon24Regular />,\n  },\n  'UploadIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,uCAAuC;AACjE,SAASC,oBAAoB,QAAQ,gEAAgE;AACrG,SAASC,sBAAsB,QAAQ,kEAAkE;AACzG,SAASC,sBAAsB,QAAQ,kEAAkE;;AAEzG,OAAO,IAAMC,UAAU,GAAGJ,SAAS;EACjC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,oBAAoB,MAAE,CAAC;IACrCM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,sBAAsB,MAAE,CAAC;IACxCM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,sBAAsB,MAAE,CAAC;EACzC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/FileUploader/icons/RowUploadIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/FileUploader/icons/RowUploadIcon.js",
+  "module": "RowUploadIcon",
+  "types": "../RowUploadIcon.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/icons/RowUploadIcon.d.ts

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

package/components/FileUploader/icons/TileUploadIcon/TileUploadIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../internal/icons2022/iconSizer";
+import { NetUploadIcon20Regular } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Regular";
+import { NetUploadIcon24Regular } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
+import { NetUploadIcon32Regular } from "../../../../internal/icons2022/NetUploadIcon/NetUploadIcon32Regular";
+export var UploadIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon20Regular, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon32Regular, null);
+  }
+}, 'UploadIcon');

package/components/FileUploader/icons/TileUploadIcon/TileUploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","NetUploadIcon20Regular","NetUploadIcon24Regular","NetUploadIcon32Regular","UploadIcon","small","createElement","medium","large"],"sources":["TileUploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../internal/icons2022/iconSizer';\nimport { NetUploadIcon20Regular } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Regular';\nimport { NetUploadIcon24Regular } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\nimport { NetUploadIcon32Regular } from '../../../internal/icons2022/NetUploadIcon/NetUploadIcon32Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon20Regular />,\n    medium: () => <NetUploadIcon24Regular />,\n    large: () => <NetUploadIcon32Regular />,\n  },\n  'UploadIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,uCAAuC;AACjE,SAASC,sBAAsB,QAAQ,kEAAkE;AACzG,SAASC,sBAAsB,QAAQ,kEAAkE;AACzG,SAASC,sBAAsB,QAAQ,kEAAkE;;AAEzG,OAAO,IAAMC,UAAU,GAAGJ,SAAS;EACjC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,sBAAsB,MAAE,CAAC;IACvCM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,sBAAsB,MAAE,CAAC;IACxCM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,sBAAsB,MAAE,CAAC;EACzC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/FileUploader/icons/TileUploadIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/FileUploader/icons/TileUploadIcon.js",
+  "module": "TileUploadIcon",
+  "types": "../TileUploadIcon.d.ts",
+  "sideEffects": false
+}