npm - @skbkontur/react-ui - Versions diffs - 5.6.7 → 5.6.9-5e213.0 - Mend

@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2374) hide show

package/components/FileUploader/FileUploaderFile/FileUploaderFile.js CHANGED Viewed

@@ -1,4 +1,6 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 { globalObject } from '@skbkontur/global-object';
@@ -36,10 +38,8 @@ var splitFileNameAndExtension = function splitFileNameAndExtension(filename) {
     extension: extension
   };
 };
-var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name, isTileView) {
-  if (isTileView === void 0) {
-    isTileView = false;
-  }
+var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name) {
+  var isTileView = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (!fileNameWidth && !fileNameElementWidth) {
     return null;
   }
@@ -50,16 +50,14 @@ var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementW
   var maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);
   if (isTileView) {
     var splitFileName = splitFileNameAndExtension(name);
-    return truncate(splitFileName.name, maxCharsCountInSpan) + "." + splitFileName.extension;
+    return "".concat(truncate(splitFileName.name, maxCharsCountInSpan), ".").concat(splitFileName.extension);
   }
   return truncate(name, maxCharsCountInSpan);
 };
-var calcTruncatedName = function calcTruncatedName(textHelperRef, fileNameElementRef, name, isTileView) {
+var calcTruncatedName = function calcTruncatedName(textHelperRef, fileNameElementRef, name) {
   var _textHelperRef$curren;
-  if (isTileView === void 0) {
-    isTileView = false;
-  }
-  var fileNameWidth = ((_textHelperRef$curren = textHelperRef.current) == null ? void 0 : _textHelperRef$curren.getTextWidth()) || 0;
+  var isTileView = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var fileNameWidth = ((_textHelperRef$curren = textHelperRef.current) === null || _textHelperRef$curren === void 0 ? void 0 : _textHelperRef$curren.getTextWidth()) || 0;
   var fileNameElementWidth = isTileView ?
   // даем возможность занять 2 строки с погрешностью в 50%
   getDOMRect(fileNameElementRef.current).width * 1.5 : getDOMRect(fileNameElementRef.current).width;
@@ -78,7 +76,6 @@ export var FileUploaderFileDataTids = {
  * Компонент файла `FileUploaderFile` из FileUploader для отрисовки загруженного файла.
  */
 export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
-  var _cx, _cx2, _ref, _ref2;
   var file = props.file,
     _props$showSize = props.showSize,
     showSize = _props$showSize === void 0 ? false : _props$showSize,
@@ -102,7 +99,7 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     _props$showFilenameHi = props.showFilenameHint,
     showFullFilename = _props$showFilenameHi === void 0 ? true : _props$showFilenameHi,
     fileTypeIcon = props.fileTypeIcon,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    rest = _objectWithoutProperties(props, _excluded);
   var id = file.id,
     originalFile = file.originalFile,
     status = file.status,
@@ -110,14 +107,17 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
   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];
+    _useState2 = _slicedToArray(_useState, 2),
+    hoveredFile = _useState2[0],
+    setHoveredFile = _useState2[1];
+  var _useState3 = useState(focused || false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    focusedByTab = _useState4[0],
+    setFocusedByTab = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    truncatedFileName = _useState6[0],
+    setTruncatedFileName = _useState6[1];
   var textHelperRef = useRef(null);
   var fileNameElementRef = useRef(null);
   var theme = useContext(ThemeContext);
@@ -161,7 +161,7 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     medium: jsViewStyles.contentMedium(theme),
     large: jsViewStyles.contentLarge(theme)
   });
-  var validationTextClassName = cx((_cx = {}, _cx[jsStyles.validationTextWarning(theme)] = isWarning, _cx[jsStyles.validationTextError(theme)] = isError, _cx));
+  var validationTextClassName = cx(_defineProperty(_defineProperty({}, jsStyles.validationTextWarning(theme), isWarning), jsStyles.validationTextError(theme), isError));
   var contentClassNames = cx(jsStyles.content(), jsViewStyles.content(), !versionGTE5_5 && (error || !isValid) && jsStyles.error(theme));
   var nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);
   var handleMouseEnter = useCallback(function () {
@@ -171,9 +171,10 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     setHoveredFile(false);
   }, []);
   var handleFocus = useCallback(function () {
+    var _globalObject$request;
     // focus event fires before keyDown eventlistener
     // so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+    (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
       if (keyListener.isTabPressed) {
         setFocusedByTab(true);
       }
@@ -187,26 +188,26 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
       onRemove(id);
     }
   }, [onRemove, id]);
-  var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[jsStyles.icon5_5(theme)] = versionGTE5_5, _cx2[jsStyles.iconMultiple()] = !versionGTE5_5 && multiple, _cx2[sizeIconClass] = versionGTE5_5, _cx2[jsTileStyles.iconAction(theme)] = isTileView, _cx2[jsTileStyles.iconActionShow()] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab), _cx2));
+  var iconClassNames = cx(jsStyles.icon(theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, jsStyles.icon5_5(theme), versionGTE5_5), jsStyles.iconMultiple(), !versionGTE5_5 && multiple), sizeIconClass, versionGTE5_5), jsTileStyles.iconAction(theme), isTileView), jsTileStyles.iconActionShow(), isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab)));
   var sizeClassName = useFileUploaderSize(size, {
     small: jsStyles.sizeSmall(theme),
     medium: jsStyles.sizeMedium(theme),
     large: jsStyles.sizeLarge(theme)
   });
-  var sizeClassNames = cx(jsStyles.size(theme), versionGTE5_5 && (_ref = {}, _ref[sizeClassName] = true, _ref[jsViewStyles.size(theme)] = true, _ref[jsTileStyles.sizeDisabled(theme)] = isTileView && disabled, _ref));
+  var sizeClassNames = cx(jsStyles.size(theme), versionGTE5_5 && _defineProperty(_defineProperty(_defineProperty({}, sizeClassName, true), jsViewStyles.size(theme), true), jsTileStyles.sizeDisabled(theme), isTileView && disabled));
   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 && (_ref2 = {}, _ref2[jsTileStyles.fileTypeIcon(theme)] = true, _ref2[jsTileStyles.fileTypeIconPreview()] = !!previewImg, _ref2[jsTileStyles.disabledFileTypeIcon(theme)] = disabled, _ref2[jsTileStyles.warningFileTypeIcon(theme)] = isWarning, _ref2[jsTileStyles.errorFileTypeIcon(theme)] = isError, _ref2), multiple && jsStyles.fileTypeIconMultiple());
+  var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(theme), isTileView && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, jsTileStyles.fileTypeIcon(theme), true), jsTileStyles.fileTypeIconPreview(), !!previewImg), jsTileStyles.disabledFileTypeIcon(theme), disabled), jsTileStyles.warningFileTypeIcon(theme), isWarning), jsTileStyles.errorFileTypeIcon(theme), isError), multiple && jsStyles.fileTypeIconMultiple());
   var nameBlockClassNames = cx(sizeNameBlockClass, versionGTE5_5 && 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, {
+  }) : fileTypeIcon !== null && fileTypeIcon !== void 0 ? fileTypeIcon : /*#__PURE__*/React.createElement(FileUploaderFileTypeIcon, {
     type: fileType,
     size: size,
     view: view
@@ -237,7 +238,7 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
       "data-tid": FileUploaderFileDataTids.fileTypeIcon,
       className: fileTypeIconClassName,
       style: previewImg ? {
-        backgroundImage: "url(" + previewImg + ")"
+        backgroundImage: "url(".concat(previewImg, ")")
       } : undefined
     }, (!isTileView || !previewImg) && icon), /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","CommonWrapper","isThemeGTE","forwardRefAndName","FileUploaderFileStatus","getFileUploaderTypeIcon","formatBytes","TextWidthHelper","truncate","cx","ThemeContext","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","FileUploaderFileStatusIcon","FileUploaderFileTypeIcon","jsStyles","jsRowStyles","jsTileStyles","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","_ref2","_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","versionGTE5_5","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","icon5_5","iconMultiple","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';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { CommonWrapper, type CommonProps } from '../../internal/CommonWrapper';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\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 { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { keyListener } 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 jsStyles,\n jsRowStyles,\n jsTileStyles,\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\n const versionGTE5_5 = isThemeGTE(theme, '5.5');\n\n const isLoading = status === FileUploaderFileStatus.Loading;\n const isTileView = versionGTE5_5 && 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(\n jsStyles.content(),\n jsViewStyles.content(),\n !versionGTE5_5 && (error \|\| !isValid) && jsStyles.error(theme),\n );\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 [jsStyles.icon5_5(theme)]: versionGTE5_5,\n [jsStyles.iconMultiple()]: !versionGTE5_5 && multiple,\n [sizeIconClass]: versionGTE5_5,\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 versionGTE5_5 && {\n [sizeClassName]: true,\n [jsViewStyles.size(theme)]: true,\n [jsTileStyles.sizeDisabled(theme)]: isTileView && disabled,\n },\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 versionGTE5_5 && 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={versionGTE5_5 ? validationTooltipPositionByView : 'right middle'}\n render={() => (withValidationTooltip \|\| isTileView \|\| !versionGTE5_5 ? renderTooltipContent() : null)}\n >\n <div className={contentClassNames}>\n {versionGTE5_5 && (\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) && versionGTE5_5 && (\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":";AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5F,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,aAAa,QAA0B,8BAA8B;;AAE9E,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,iBAAiB,QAAQ,6BAA6B;;;;;;AAM/D,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,8CAA8C;AAC9G,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,eAAe,QAAQ,gDAAgD;AAChF,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,UAAU,QAAQ,uCAAuC;;AAElE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,mBAAmB,QAAQ,8DAA8D;;AAElG,SAASC,0BAA0B,QAAQ,sFAAsF;AACjI,SAASC,wBAAwB,QAAQ,oFAAoF;AAC7H;EACEC,QAAQ;EACRC,WAAW;EACXC,YAAY;AACP,6EAA6E;AACpF,SAASC,WAAW,QAAQ,sCAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuClE,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,QAAgB,EAA0C;EAC3F,IAAMC,YAAY,GAAGD,QAAQ,CAACE,WAAW,CAAC,GAAG,CAAC;EAC9C,IAAID,YAAY,KAAK,CAAC,CAAC,EAAE;IACvB,OAAO,EAAEE,IAAI,EAAEH,QAAQ,EAAEI,SAAS,EAAE,EAAE,CAAC,CAAC;EAC1C;EACA,IAAMD,IAAI,GAAGH,QAAQ,CAACK,SAAS,CAAC,CAAC,EAAEJ,YAAY,CAAC;EAChD,IAAMG,SAAS,GAAGJ,QAAQ,CAACK,SAAS,CAACJ,YAAY,GAAG,CAAC,CAAC;EACtD,OAAO,EAAEE,IAAI,EAAJA,IAAI,EAAEC,SAAS,EAATA,SAAS,CAAC,CAAC;AAC5B,CAAC;;AAED,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,aAAqB,EAAEC,oBAA4B,EAAEL,IAAY,EAAEM,UAAU,EAAa,KAAvBA,UAAU,cAAVA,UAAU,GAAG,KAAK;EAC7G,IAAI,CAACF,aAAa,IAAI,CAACC,oBAAoB,EAAE;IAC3C,OAAO,IAAI;EACb;;EAEA,IAAID,aAAa,IAAIC,oBAAoB,EAAE;IACzC,OAAOL,IAAI;EACb;;EAEA,IAAMO,SAAS,GAAGC,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGJ,IAAI,CAACU,MAAM,CAAC;EACxD,IAAMC,mBAAmB,GAAGH,IAAI,CAACC,IAAI,CAACJ,oBAAoB,GAAGE,SAAS,CAAC;;EAEvE,IAAID,UAAU,EAAE;IACd,IAAMM,aAAa,GAAGhB,yBAAyB,CAACI,IAAI,CAAC;IACrD,OAAUnB,QAAQ,CAAC+B,aAAa,CAACZ,IAAI,EAAEW,mBAAmB,CAAC,SAAIC,aAAa,CAACX,SAAS;EACxF;;EAEA,OAAOpB,QAAQ,CAACmB,IAAI,EAAEW,mBAAmB,CAAC;AAC5C,CAAC;;AAED,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA;AACrBC,aAA+C;AAC/CC,kBAAoD;AACpDf,IAAY;AACZM,UAAU;AACP,KAAAU,qBAAA,KADHV,UAAU,cAAVA,UAAU,GAAG,KAAK;EAElB,IAAMF,aAAa,GAAG,EAAAY,qBAAA,GAAAF,aAAa,CAACG,OAAO,qBAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC,KAAI,CAAC;EAChE,IAAMb,oBAAoB,GAAGC,UAAU;EACnC;EACAlB,UAAU,CAAC2B,kBAAkB,CAACE,OAAO,CAAC,CAACE,KAAK,GAAG,GAAG;EAClD/B,UAAU,CAAC2B,kBAAkB,CAACE,OAAO,CAAC,CAACE,KAAK;;EAEhD,OAAOhB,gBAAgB,CAACC,aAAa,EAAEC,oBAAoB,EAAEL,IAAI,EAAEM,UAAU,CAAC;AAChF,CAAC;;AAED,OAAO,IAAMc,wBAAwB,GAAG;EACtCC,IAAI,EAAE,oBAAoB;EAC1BC,WAAW,EAAE,2BAA2B;EACxCC,QAAQ,EAAE,wBAAwB;EAClCC,QAAQ,EAAE,wBAAwB;EAClCC,QAAQ,EAAE,wBAAwB;EAClCC,YAAY,EAAE;AAChB,CAAU;;AAEV;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,GAAGnD,iBAAiB;EAC/C,kBAAkB;EAClB,UAACoD,KAAK,EAAEC,GAAG,EAAK,KAAAC,GAAA,EAAAC,IAAA,EAAAC,IAAA,EAAAC,KAAA;IACd;MACEZ,IAAI;;;;;;;;;;;;;;;;;;MAkBFO,KAAK,CAlBPP,IAAI,CAAAa,eAAA,GAkBFN,KAAK,CAjBPO,QAAQ,CAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA,CAChBE,UAAU,GAgBRR,KAAK,CAhBPQ,UAAU,CACVC,KAAK,GAeHT,KAAK,CAfPS,KAAK,CACLC,OAAO,GAcLV,KAAK,CAdPU,OAAO,CACPC,QAAQ,GAaNX,KAAK,CAbPW,QAAQ,CAAAC,eAAA,GAaNZ,KAAK,CAZPa,QAAQ,CAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA,CAAAE,cAAA,GAYdd,KAAK,CAXPe,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAAE,cAAA,GAWbhB,KAAK,CAVPiB,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CACfE,IAAI,GASFlB,KAAK,CATPkB,IAAI,CAAAC,WAAA,GASFnB,KAAK,CARPoB,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA,CACZE,qBAAqB,GAOnBrB,KAAK,CAPPqB,qBAAqB,CACrBC,yBAAyB,GAMvBtB,KAAK,CANPsB,yBAAyB,CACzBC,eAAe,GAKbvB,KAAK,CALPuB,eAAe,CACfC,QAAQ,GAINxB,KAAK,CAJPwB,QAAQ,CAAAC,qBAAA,GAINzB,KAAK,CAHP0B,gBAAgB,CAAEC,gBAAgB,GAAAF,qBAAA,cAAG,IAAI,GAAAA,qBAAA,CACzC3B,YAAY,GAEVE,KAAK,CAFPF,YAAY,CACT8B,IAAI,GAAAC,6BAAA,CACL7B,KAAK,EAAA8B,SAAA;IACT,IAAQC,EAAE,GAA6CtC,IAAI,CAAnDsC,EAAE,CAAEC,YAAY,GAA+BvC,IAAI,CAA/CuC,YAAY,CAAEC,MAAM,GAAuBxC,IAAI,CAAjCwC,MAAM,CAAEC,gBAAgB,GAAKzC,IAAI,CAAzByC,gBAAgB;IAClD,IAAQ9D,IAAI,GAAqB4D,YAAY,CAArC5D,IAAI,CAAQwB,QAAQ,GAAKoC,YAAY,CAA/Bd,IAAI;;IAElB,IAAAiB,SAAA,GAAsC3F,QAAQ,CAAUuE,OAAO,IAAI,KAAK,CAAC,CAAlEqB,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;IAClC,IAAAG,UAAA,GAAwC9F,QAAQ,CAACyE,OAAO,IAAI,KAAK,CAAC,CAA3DsB,YAAY,GAAAD,UAAA,IAAEE,eAAe,GAAAF,UAAA;IACpC,IAAAG,UAAA,GAAkDjG,QAAQ,CAAmB,IAAI,CAAC,CAA3EkG,iBAAiB,GAAAD,UAAA,IAAEE,oBAAoB,GAAAF,UAAA;;IAE9C,IAAMvD,aAAa,GAAG3C,MAAM,CAAkB,IAAI,CAAC;IACnD,IAAM4C,kBAAkB,GAAG5C,MAAM,CAAkB,IAAI,CAAC;;IAExD,IAAMqG,KAAK,GAAGxG,UAAU,CAACe,YAAY,CAAC;;IAEtC,IAAM0F,aAAa,GAAGlG,UAAU,CAACiG,KAAK,EAAE,KAAK,CAAC;;IAE9C,IAAME,SAAS,GAAGb,MAAM,KAAKpF,sBAAsB,CAACkG,OAAO;IAC3D,IAAMrE,UAAU,GAAGmE,aAAa,IAAIzB,IAAI,KAAK,MAAM;IACnD,IAAM4B,YAAY,GAAGtE,UAAU,GAAGZ,YAAY,GAAGD,WAAW;IAC5D,IAAMoF,+BAA+B,GAAG3B,yBAAyB,KAAK5C,UAAU,GAAG,YAAY,GAAG,UAAU,CAAC;;IAE7G,IAAMwE,aAAa,GAAG5G,OAAO,CAAC,oBAAMS,WAAW,CAAC6C,QAAQ,EAAE,CAAC,CAAC,IAAE,CAACA,QAAQ,CAAC,CAAC;;IAEzEvD,SAAS,CAAC,YAAM;MACd,IAAM8G,aAAa,GAAGlE,iBAAiB,CAACC,aAAa,EAAEC,kBAAkB,EAAEf,IAAI,EAAEM,UAAU,CAAC;;MAE5FiE,oBAAoB,CAACQ,aAAa,CAAC;IACrC,CAAC,CAAC;;IAEF,IAAMC,YAAY,GAAGjH,WAAW;MAC9B,UAACkH,KAAoC,EAAK;QACxCA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;QACvB/B,QAAQ,CAACO,EAAE,CAAC;MACd,CAAC;MACD,CAACA,EAAE,EAAEP,QAAQ;IACf,CAAC;;IAED,IAAQgC,OAAO,GAActB,gBAAgB,CAArCsB,OAAO,CAAEC,OAAO,GAAKvB,gBAAgB,CAA5BuB,OAAO;;IAExB,IAAMC,OAAO,GAAGjE,IAAI,CAACwC,MAAM,KAAKpF,sBAAsB,CAAC8G,KAAK,IAAIlD,KAAK;IACrE,IAAMmD,SAAS,GAAGnE,IAAI,CAACwC,MAAM,KAAKpF,sBAAsB,CAACgH,OAAO,IAAInD,OAAO;IAC3E,IAAMoD,SAAS,GAAGJ,OAAO,IAAI,CAACF,OAAO;;IAErC,IAAMO,aAAa,GAAGtG,mBAAmB,CAACyD,IAAI,EAAE;MAC9C8C,KAAK,EAAEhB,YAAY,CAACiB,SAAS,CAACrB,KAAK,CAAC;MACpCsB,MAAM,EAAElB,YAAY,CAACmB,UAAU,CAACvB,KAAK,CAAC;MACtCwB,KAAK,EAAEpB,YAAY,CAACqB,SAAS,CAACzB,KAAK;IACrC,CAAC,CAAC;;IAEF,IAAM0B,oBAAoB,GAAGnI,WAAW,CAAC,YAAiB;MACxD,OAAO,CAACqH,OAAO,IAAI,CAAC/C,KAAK,IAAIgD,OAAO,GAAGA,OAAO,GAAG,IAAI;IACvD,CAAC,EAAE,CAACD,OAAO,EAAE/C,KAAK,EAAEgD,OAAO,CAAC,CAAC;;IAE7B,IAAMc,kBAAkB,GAAG9G,mBAAmB,CAACyD,IAAI,EAAE;MACnD8C,KAAK,EAAEpG,QAAQ,CAAC4G,YAAY,CAAC5B,KAAK,CAAC;MACnCsB,MAAM,EAAEtG,QAAQ,CAAC6G,aAAa,CAAC7B,KAAK,CAAC;MACrCwB,KAAK,EAAExG,QAAQ,CAAC8G,YAAY,CAAC9B,KAAK;IACpC,CAAC,CAAC;;IAEF,IAAM+B,sBAAsB,GAAGlH,mBAAmB,CAACyD,IAAI,EAAE;MACvD8C,KAAK,EAAEhB,YAAY,CAACwB,YAAY,CAAC5B,KAAK,CAAC;MACvCsB,MAAM,EAAElB,YAAY,CAACyB,aAAa,CAAC7B,KAAK,CAAC;MACzCwB,KAAK,EAAEpB,YAAY,CAAC0B,YAAY,CAAC9B,KAAK;IACxC,CAAC,CAAC;;IAEF,IAAMgC,uBAAuB,GAAG1H,EAAE,EAAAgD,GAAA,OAAAA,GAAA;IAC/BtC,QAAQ,CAACiH,qBAAqB,CAACjC,KAAK,CAAC,IAAGgB,SAAS,EAAA1D,GAAA;IACjDtC,QAAQ,CAACkH,mBAAmB,CAAClC,KAAK,CAAC,IAAGc,OAAO,EAAAxD,GAAA;IAC/C,CAAC;;IAEF,IAAM6E,iBAAiB,GAAG7H,EAAE;MAC1BU,QAAQ,CAACoH,OAAO,CAAC,CAAC;MAClBhC,YAAY,CAACgC,OAAO,CAAC,CAAC;MACtB,CAACnC,aAAa,KAAKpC,KAAK,IAAI,CAAC+C,OAAO,CAAC,IAAI5F,QAAQ,CAAC6C,KAAK,CAACmC,KAAK;IAC/D,CAAC;IACD,IAAMqC,kBAAkB,GAAG/H,EAAE,CAAC8F,YAAY,CAAC5E,IAAI,CAAC,CAAC,EAAEM,UAAU,IAAI,CAACmC,QAAQ,IAAI+D,uBAAuB,CAAC;;IAEtG,IAAMM,gBAAgB,GAAG/I,WAAW,CAAC,YAAM;MACzCkG,cAAc,CAAC,IAAI,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM8C,gBAAgB,GAAGhJ,WAAW,CAAC,YAAM;MACzCkG,cAAc,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM+C,WAAW,GAAGjJ,WAAW,CAAC,YAAM;MACpC;MACA;MACAM,YAAY,CAAC4I,qBAAqB,YAAlC5I,YAAY,CAAC4I,qBAAqB,CAAG,YAAM;QACzC,IAAIjI,WAAW,CAACkI,YAAY,EAAE;UAC5B9C,eAAe,CAAC,IAAI,CAAC;QACvB;MACF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM+C,UAAU,GAAGpJ,WAAW,CAAC,YAAM;MACnCqG,eAAe,CAAC,KAAK,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAMgD,iBAAiB,GAAGrJ,WAAW;MACnC,UAACsJ,CAAmC,EAAK;QACvC,IAAIpI,UAAU,CAACoI,CAAC,CAAC,EAAE;UACjBjE,QAAQ,CAACO,EAAE,CAAC;QACd;MACF,CAAC;MACD,CAACP,QAAQ,EAAEO,EAAE;IACf,CAAC;;IAED,IAAM2D,cAAc,GAAGxI,EAAE,CAACU,QAAQ,CAAC+H,IAAI,CAAC/C,KAAK,CAAC,GAAAzC,IAAA,OAAAA,IAAA;IAC3CvC,QAAQ,CAACgI,OAAO,CAAChD,KAAK,CAAC,IAAGC,aAAa,EAAA1C,IAAA;IACvCvC,QAAQ,CAACiI,YAAY,CAAC,CAAC,IAAG,CAAChD,aAAa,IAAIlC,QAAQ,EAAAR,IAAA;IACpD4D,aAAa,IAAGlB,aAAa,EAAA1C,IAAA;IAC7BrC,YAAY,CAACgI,UAAU,CAAClD,KAAK,CAAC,IAAGlE,UAAU,EAAAyB,IAAA;IAC3CrC,YAAY,CAACiI,cAAc,CAAC,CAAC,IAAGrH,UAAU,IAAI,CAACmC,QAAQ,KAAKE,OAAO,IAAIqB,WAAW,IAAInB,OAAO,IAAIsB,YAAY,CAAC,EAAApC,IAAA;IAChH,CAAC;;IAEF,IAAM6F,aAAa,GAAGvI,mBAAmB,CAACyD,IAAI,EAAE;MAC9C8C,KAAK,EAAEpG,QAAQ,CAACqI,SAAS,CAACrD,KAAK,CAAC;MAChCsB,MAAM,EAAEtG,QAAQ,CAACsI,UAAU,CAACtD,KAAK,CAAC;MAClCwB,KAAK,EAAExG,QAAQ,CAACuI,SAAS,CAACvD,KAAK;IACjC,CAAC,CAAC;;IAEF,IAAMwD,cAAc,GAAGlJ,EAAE;MACvBU,QAAQ,CAACsD,IAAI,CAAC0B,KAAK,CAAC;MACpBC,aAAa,KAAAzC,IAAA,OAAAA,IAAA;MACV4F,aAAa,IAAG,IAAI,EAAA5F,IAAA;MACpB4C,YAAY,CAAC9B,IAAI,CAAC0B,KAAK,CAAC,IAAG,IAAI,EAAAxC,IAAA;MAC/BtC,YAAY,CAACuI,YAAY,CAACzD,KAAK,CAAC,IAAGlE,UAAU,IAAImC,QAAQ,EAAAT,IAAA;;IAE9D,CAAC;;IAED,IAAMkG,qBAAqB,GAAG7I,mBAAmB,CAACyD,IAAI,EAAE;MACtD8C,KAAK,EAAEhB,YAAY,CAACuD,iBAAiB,CAAC3D,KAAK,CAAC;MAC5CsB,MAAM,EAAElB,YAAY,CAACwD,kBAAkB,CAAC5D,KAAK,CAAC;MAC9CwB,KAAK,EAAEpB,YAAY,CAACyD,iBAAiB,CAAC7D,KAAK;IAC7C,CAAC,CAAC;;IAEF,IAAM8D,WAAW,GAAGhE,iBAAiB,KAAKtE,IAAI;;IAE9C,IAAMuI,qBAAqB,GAAGzJ,EAAE;MAC9BoJ,qBAAqB;MACrBzF,QAAQ,IAAIjD,QAAQ,CAACgJ,uBAAuB,CAAChE,KAAK,CAAC;MACnDlE,UAAU,KAAA2B,KAAA,OAAAA,KAAA;MACPvC,YAAY,CAACgC,YAAY,CAAC8C,KAAK,CAAC,IAAG,IAAI,EAAAvC,KAAA;MACvCvC,YAAY,CAAC+I,mBAAmB,CAAC,CAAC,IAAG,CAAC,CAACrG,UAAU,EAAAH,KAAA;MACjDvC,YAAY,CAACgJ,oBAAoB,CAAClE,KAAK,CAAC,IAAG/B,QAAQ,EAAAR,KAAA;MACnDvC,YAAY,CAACiJ,mBAAmB,CAACnE,KAAK,CAAC,IAAGgB,SAAS,EAAAvD,KAAA;MACnDvC,YAAY,CAACkJ,iBAAiB,CAACpE,KAAK,CAAC,IAAGc,OAAO,EAAArD,KAAA,CACjD;;MACDM,QAAQ,IAAI/C,QAAQ,CAACqJ,oBAAoB,CAAC;IAC5C,CAAC;;IAED,IAAMC,mBAAmB,GAAGhK,EAAE;MAC5BqH,kBAAkB;MAClB1B,aAAa,IAAI8B,sBAAsB;MACvC/G,QAAQ,CAACuJ,SAAS,CAAC,CAAC;MACpBtG,QAAQ,IAAImC,YAAY,CAACnC,QAAQ,CAAC+B,KAAK,CAAC;MACxCI,YAAY,CAACmE,SAAS,CAAC;IACzB,CAAC;;IAED,IAAMC,QAA8B,GAAGtK,uBAAuB;MAC5D2C,IAAI,CAACuC,YAAY;MACjB0B,OAAO;MACPE,SAAS,IAAI,CAAC,CAACrC;IACjB,CAAC;IACD,IAAMoE,IAAI;IACRjH,UAAU,IAAIoE,SAAS;IACrB5G,KAAA,CAAAmL,aAAA,CAACtJ,WAAW,IAACmD,IAAI,EAAEA,IAAK,EAAE,CAAC;;IAE3BpB,YAAY,WAAZA,YAAY,gBAAI5D,KAAA,CAAAmL,aAAA,CAAC1J,wBAAwB,IAAC2J,IAAI,EAAEF,QAAS,EAAClG,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CACpF;;;IAEH,IAAMmG,sBAAsB,GAAG7E,iBAAiB,IAAI1E,yBAAyB,CAAC0E,iBAAiB,CAAC;;IAEhG;MACExG,KAAA,CAAAmL,aAAA,CAAC3K,aAAa,EAAKkF,IAAI;MACrB1F,KAAA,CAAAmL,aAAA;QACE,YAAU7H,wBAAwB,CAACC,IAAK;QACxC+H,SAAS,EAAE5J,QAAQ,CAAC6J,IAAI,CAAC,CAAE;QAC3BC,YAAY,EAAExC,gBAAiB;QAC/ByC,YAAY,EAAExC,gBAAiB;QAC/BlF,GAAG,EAAEA,GAAI;;MAET/D,KAAA,CAAAmL,aAAA,CAAC9J,OAAO;QACN,YAAUiC,wBAAwB,CAACE,WAAY;QAC/CkI,GAAG,EAAE/E,aAAa,GAAGI,+BAA+B,GAAG,cAAe;QACtE4E,MAAM,EAAE,SAAAA,OAAA,UAAOxG,qBAAqB,IAAI3C,UAAU,IAAI,CAACmE,aAAa,GAAGyB,oBAAoB,CAAC,CAAC,GAAG,IAAI,EAAE;;MAEtGpI,KAAA,CAAAmL,aAAA,UAAKG,SAAS,EAAEzC,iBAAkB;MAC/BlC,aAAa;MACZ3G,KAAA,CAAAmL,aAAA;QACE,YAAU7H,wBAAwB,CAACM,YAAa;QAChD0H,SAAS,EAAEb,qBAAsB;QACjCmB,KAAK,EAAEtH,UAAU,GAAG,EAAEuH,eAAe,WAASvH,UAAU,MAAG,CAAC,CAAC,GAAGwH,SAAU;;MAEzE,CAAC,CAACtJ,UAAU,IAAI,CAAC8B,UAAU,KAAKmF;MAC9B,CACN;;MACDzJ,KAAA,CAAAmL,aAAA,UAAKG,SAAS,EAAEN,mBAAoB;MAClChL,KAAA,CAAAmL,aAAA,CAACrK,eAAe,IAACiD,GAAG,EAAEf,aAAc,EAAC+I,IAAI,EAAE7J,IAAK,EAAE,CAAC;MACnDlC,KAAA,CAAAmL,aAAA,CAAC/J,IAAI,IAAC4K,QAAQ,EAAE,MAAO,EAACD,IAAI,EAAEtG,gBAAgB,IAAI+E,WAAW,GAAGtI,IAAI,GAAG,IAAK;MAC1ElC,KAAA,CAAAmL,aAAA;QACE,YAAU7H,wBAAwB,CAACG,QAAS;QAC5CM,GAAG,EAAEd,kBAAmB;QACxBqI,SAAS,EAAEvC,kBAAmB;;MAE7BsC,sBAAsB;MACrBrL,KAAA,CAAAmL,aAAA,CAAAnL,KAAA,CAAAiM,QAAA;MACGZ,sBAAsB,CAACnJ,IAAI;MAC3BmJ,sBAAsB,CAAClJ,SAAS,iBAAInC,KAAA,CAAAmL,aAAA,eAAM,GAAC,EAACE,sBAAsB,CAAClJ,SAAgB;MACpF;;MAEA;MACF,CAAC;MACN,EAAEgD,qBAAqB,IAAI3C,UAAU,CAAC,IAAImE,aAAa;MACtD3G,KAAA,CAAAmL,aAAA,WAAMG,SAAS,EAAE5C,uBAAwB,IAAEN,oBAAoB,CAAC,CAAQ;;MAEvE,CAAC;MACL/D,QAAQ,IAAI2C,aAAa;MACxBhH,KAAA,CAAAmL,aAAA,WAAM,YAAU7H,wBAAwB,CAACI,QAAS,EAAC4H,SAAS,EAAEpB,cAAe;MAC1ElD;MACG,CACP;;MACDhH,KAAA,CAAAmL,aAAA;QACEG,SAAS,EAAE9B,cAAe;QAC1B,YAAUlG,wBAAwB,CAACK,QAAS;QAC5CuI,QAAQ,EAAE,CAAE;QACZC,OAAO,EAAEjF,YAAa;QACtBkF,OAAO,EAAElD,WAAY;QACrBmD,MAAM,EAAEhD,UAAW;QACnBiD,SAAS,EAAEhD,iBAAkB;;MAE7BtJ,KAAA,CAAAmL,aAAA,CAAC3J,0BAA0B;QACzBgB,UAAU,EAAEA,UAAW;QACvBuD,MAAM,EAAEA,MAAO;QACfpB,QAAQ,EAAEA,QAAS;QACnBE,OAAO,EAAEA,OAAO,IAAIqB,WAAY;QAChCG,YAAY,EAAEtB,OAAO,IAAIsB,YAAa;QACtCuB,SAAS,EAAEA,SAAU;QACrB2E,aAAa,EAAE/E,OAAO,IAAIE,SAAU;QACpC1C,IAAI,EAAEA,IAAK;MACZ;MACE;MACF;MACE;MACN;MACQ,CAAC;;EAEpB;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","CommonWrapper","isThemeGTE","forwardRefAndName","FileUploaderFileStatus","getFileUploaderTypeIcon","formatBytes","TextWidthHelper","truncate","cx","ThemeContext","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","FileUploaderFileStatusIcon","FileUploaderFileTypeIcon","jsStyles","jsRowStyles","jsTileStyles","LoadingIcon","splitFileNameAndExtension","filename","lastDotIndex","lastIndexOf","name","extension","substring","getTruncatedName","fileNameWidth","fileNameElementWidth","isTileView","arguments","length","undefined","charWidth","Math","ceil","maxCharsCountInSpan","splitFileName","concat","calcTruncatedName","textHelperRef","fileNameElementRef","_textHelperRef$curren","current","getTextWidth","width","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","fileTypeIcon","FileUploaderFile","props","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","_objectWithoutProperties","_excluded","id","originalFile","status","validationResult","_useState","_useState2","_slicedToArray","hoveredFile","setHoveredFile","_useState3","_useState4","focusedByTab","setFocusedByTab","_useState5","_useState6","truncatedFileName","setTruncatedFileName","theme","versionGTE5_5","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","_defineProperty","validationTextWarning","validationTextError","contentClassNames","content","nameTextClassNames","handleMouseEnter","handleMouseLeave","handleFocus","_globalObject$request","requestAnimationFrame","call","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","icon5_5","iconMultiple","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","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';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { CommonWrapper, type CommonProps } from '../../internal/CommonWrapper';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\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 { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { keyListener } 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 jsStyles,\n jsRowStyles,\n jsTileStyles,\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\n const versionGTE5_5 = isThemeGTE(theme, '5.5');\n\n const isLoading = status === FileUploaderFileStatus.Loading;\n const isTileView = versionGTE5_5 && 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(\n jsStyles.content(),\n jsViewStyles.content(),\n !versionGTE5_5 && (error \|\| !isValid) && jsStyles.error(theme),\n );\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 [jsStyles.icon5_5(theme)]: versionGTE5_5,\n [jsStyles.iconMultiple()]: !versionGTE5_5 && multiple,\n [sizeIconClass]: versionGTE5_5,\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 versionGTE5_5 && {\n [sizeClassName]: true,\n [jsViewStyles.size(theme)]: true,\n [jsTileStyles.sizeDisabled(theme)]: isTileView && disabled,\n },\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 versionGTE5_5 && 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={versionGTE5_5 ? validationTooltipPositionByView : 'right middle'}\n render={() => (withValidationTooltip \|\| isTileView \|\| !versionGTE5_5 ? renderTooltipContent() : null)}\n >\n <div className={contentClassNames}>\n {versionGTE5_5 && (\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) && versionGTE5_5 && (\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/locale/index/index.js CHANGED Viewed

@@ -1,22 +1,29 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
 import { componentsLocales as en_GB } from "../locales/en";
 import { componentsLocales as ru_RU } from "../locales/ru";
 export * from "../types";
 export var FileUploaderLocaleHelper = /*#__PURE__*/function (_LocaleHelper) {
-  function FileUploaderLocaleHelper(isVersionGTE5_5) {
-    if (isVersionGTE5_5 === void 0) {
-      isVersionGTE5_5 = true;
-    }
+  function FileUploaderLocaleHelper() {
+    var isVersionGTE5_5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    _classCallCheck(this, FileUploaderLocaleHelper);
     var locales = {
-      ru_RU: _extends({}, ru_RU, isVersionGTE5_5 && {
+      ru_RU: _objectSpread(_objectSpread({}, ru_RU), isVersionGTE5_5 && {
         chooseFile: 'Загрузить файл'
       }),
       en_GB: en_GB
     };
-    return _LocaleHelper.call(this, locales) || this;
+    return _callSuper(this, FileUploaderLocaleHelper, [locales]);
   }
-  _inheritsLoose(FileUploaderLocaleHelper, _LocaleHelper);
-  return FileUploaderLocaleHelper;
+  _inherits(FileUploaderLocaleHelper, _LocaleHelper);
+  return _createClass(FileUploaderLocaleHelper);
 }(LocaleHelper);

package/components/FileUploader/locale/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper","_LocaleHelper","isVersionGTE5_5","locales","~~_extends~~","chooseFile","~~call~~","~~_inheritsLoose~~"],"sources":["index.ts"],"sourcesContent":["import type { LangCodes } from '../../../lib/locale';\nimport { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport class FileUploaderLocaleHelper extends LocaleHelper<FileUploaderLocale> {\n public constructor(isVersionGTE5_5 = true) {\n const locales: { [key in LangCodes]?: FileUploaderLocale } = {\n ru_RU: {\n ...ru_RU,\n ...(isVersionGTE5_5 && {\n chooseFile: 'Загрузить файл',\n }),\n },\n en_GB,\n };\n super(locales);\n }\n}\n"],"mappings":";AACA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,WAAaC,wBAAwB,0BAAAC,aAAA;EACnC,SAAAD,~~yBAAmBE~~,eAAe,~~EAAS~~,~~KAAxBA~~,~~eAAe~~,~~cAAfA~~,~~eAAe~~,~~GAAG~~,IAAI;IACvC,~~IAAMC~~,OAAoD,GAAG;~~MAC3DJ~~,KAAK,~~EAAAK~~,~~QAAA~~;~~MACAL~~,KAAK;MACJG,eAAe,IAAI;~~QACrBG~~,UAAU,EAAE;MACd,CAAC,CACF;;~~MACDP~~,KAAK,EAALA;IACF,CAAC,CAAC~~;MACFG~~,~~aAAA~~,~~CAAAK~~,~~IAAA~~,~~OAAMH~~,OAAO~~,CAAC~~;~~EAChB~~,CAACI,~~cAAA~~,~~CAAAP~~,wBAAA,EAAAC,aAAA,~~SAAAD~~,wBAAA,~~GAZ2CJ~~,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper","_LocaleHelper","isVersionGTE5_5","arguments","length","undefined","_classCallCheck","locales","_objectSpread","chooseFile","_callSuper","_inherits","_createClass"],"sources":["index.ts"],"sourcesContent":["import type { LangCodes } from '../../../lib/locale';\nimport { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport class FileUploaderLocaleHelper extends LocaleHelper<FileUploaderLocale> {\n public constructor(isVersionGTE5_5 = true) {\n const locales: { [key in LangCodes]?: FileUploaderLocale } = {\n ru_RU: {\n ...ru_RU,\n ...(isVersionGTE5_5 && {\n chooseFile: 'Загрузить файл',\n }),\n },\n en_GB,\n };\n super(locales);\n }\n}\n"],"mappings":";AACA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,WAAaC,wBAAwB,0BAAAC,aAAA;EACnC,SAAAD,yBAAA,EAA2C,KAAxBE,eAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI,CAAAG,eAAA,OAAAN,wBAAA;IACvC,IAAMO,OAAoD,GAAG;MAC3DR,KAAK,EAAAS,aAAA,CAAAA,aAAA;MACAT,KAAK;MACJG,eAAe,IAAI;QACrBO,UAAU,EAAE;MACd,CAAC,CACF;;MACDX,KAAK,EAALA;IACF,CAAC,CAAC,OAAAY,UAAA,OAAAV,wBAAA;IACIO,OAAO;EACf,CAACI,SAAA,CAAAX,wBAAA,EAAAC,aAAA,SAAAW,YAAA,CAAAZ,wBAAA,IAZ2CJ,YAAY","ignoreList":[]}

package/components/FxInput/FxInput/FxInput.js CHANGED Viewed

@@ -1,8 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width", "size", "mask", "maskChar", "formatChars", "alwaysShowMask", "signed", "integerDigits", "fractionDigits", "hideTrailingZeros", "buttonAriaLabel", "corners"];
 var _class, _FxInput;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import warning from 'warning';
 import { Group } from "../../Group";
@@ -29,10 +38,11 @@ export var FxInputDataTids = {
 export var FxInput = rootNode(_class = withSize(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {
   function FxInput() {
     var _this;
+    _classCallCheck(this, FxInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, FxInput, [].concat(args));
     _this.input = null;
     _this.getProps = createPropsGetter(FxInput.defaultProps);
     _this.renderMain = function (props) {
@@ -109,13 +119,13 @@ export var FxInput = rootNode(_class = withSize(_class = (_FxInput = /*#__PURE__
         hideTrailingZeros = props.hideTrailingZeros,
         buttonAriaLabel = props.buttonAriaLabel,
         originalCorners = props.corners,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var corners = auto ? originalCorners : _extends({
+        rest = _objectWithoutProperties(props, _excluded);
+      var corners = auto ? originalCorners : _objectSpread({
         borderBottomLeftRadius: 0,
         borderTopLeftRadius: 0
       }, originalCorners);
       var size = _this.size;
-      var commonInputProps = _extends({
+      var commonInputProps = _objectSpread({
         corners: corners,
         size: size,
         width: '100%',
@@ -162,32 +172,39 @@ export var FxInput = rootNode(_class = withSize(_class = (_FxInput = /*#__PURE__
     };
     return _this;
   }
-  _inheritsLoose(FxInput, _React$Component);
-  var _proto = FxInput.prototype;
-  _proto.validateProps = function validateProps(props) {
-    if (props.type === 'currency' && props.mask !== undefined) {
-      warning(false, '[FxInput]: Prop "mask" is not supported when type="currency"');
+  _inherits(FxInput, _React$Component);
+  return _createClass(FxInput, [{
+    key: "validateProps",
+    value: function validateProps(props) {
+      if (props.type === 'currency' && props.mask !== undefined) {
+        warning(false, '[FxInput]: Prop "mask" is not supported when type="currency"');
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.validateProps(this.getProps());
     }
-  };
-  _proto.componentDidMount = function componentDidMount() {
-    this.validateProps(this.getProps());
-  };
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    this.validateProps(this.getProps());
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain);
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.validateProps(this.getProps());
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+        _this2.featureFlags = getFullReactUIFlagsContext(flags);
+        return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+          _this2.theme = theme;
+          return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+            rootNodeRef: _this2.setRootNode
+          }, _this2.getProps()), _this2.renderMain);
+        });
       });
-    });
-  };
-  return FxInput;
+    }
+  }]);
 }(React.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.defaultProps = {
   width: 250,
   type: 'text',

package/components/FxInput/FxInput/FxInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","warning","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MaskedInput","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","withSize","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","defaultProps","renderMain","props","button","auto","createElement","size","onRestore","corners","disabled","borderless","buttonAriaLabel","width","getInput","focus","blur","refInput","element","getLeftIcon","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","type","value","_size","mask","maskChar","formatChars","alwaysShowMask","signed","integerDigits","fractionDigits","hideTrailingZeros","originalCorners","rest","_objectWithoutPropertiesLoose","_excluded","_extends","borderBottomLeftRadius","borderTopLeftRadius","commonInputProps","ref","onValueChange","featureFlags","fxInputUseMaskedInput","leftIcon","align","_inheritsLoose","_proto","prototype","validateProps","undefined","componentDidMount","componentDidUpdate","render","_this2","Consumer","flags","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["FxInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Group } from '../Group';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { CurrencyInputProps } from '../CurrencyInput';\nimport { CurrencyInput } from '../CurrencyInput';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputProps } from '../MaskedInput';\nimport { MaskedInput } from '../MaskedInput';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext } from '../../lib/featureFlagsContext';\nimport { ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext/ReactUIFeatureFlagsContext';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n extends Pick<AriaAttributes, 'aria-label'>,\n CommonProps,\n Pick<Partial<MaskedInputProps>, 'alwaysShowMask' \| 'mask' \| 'maskChar' \| 'formatChars'>,\n Override<\n Omit<CurrencyInputProps, 'alwaysShowMask' \| 'mask' \| 'maskChar' \| 'formatChars'>,\n {\n /** Управляет видимостью кнопки Restore:\n * - true — кнопка Restore не отображается. Значение в поле является автоматически рассчитанным.\n * - false — кнопка Restore отображается в поле. Значение в поле считается отредактированным. /\n auto?: boolean;\n\n /* Тип поля. /\n type?: 'currency' \| InputProps['type'];\n\n /* Событие нажатия на кнопку Restore. /\n onRestore?: () => void;\n\n /* Событие изменения value. /\n onValueChange: CurrencyInputProps['onValueChange'] \| InputProps['onValueChange'];\n\n /* Значение поля. /\n value?: string \| number;\n\n /* Задаёт ref поля. /\n refInput?: (element: CurrencyInput \| Input \| null) => void;\n\n /* Убирает лишние нули после запятой. /\n hideTrailingZeros?: boolean;\n\n /* Атрибут aria-label кнопке Restore. /\n buttonAriaLabel?: AriaAttributes['aria-label'];\n\n /* @ignore /\n corners?: React.CSSProperties;\n }\n > {}\n\nexport const FxInputDataTids = {\n root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' \| 'type' \| 'value' \| 'auto'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/* В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.\n \n У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.\n /\n@rootNode\n@withSize\nexport class FxInput extends React.Component<FxInputProps> {\n public static __KONTUR_REACT_UI__ = 'FxInput';\n public static displayName = 'FxInput';\n\n public static defaultProps: DefaultProps = {\n width: 250,\n type: 'text',\n value: '',\n auto: false,\n };\n\n private theme!: Theme;\n private size!: SizeProp;\n private input: Input \| CurrencyInput \| null = null;\n\n private getProps = createPropsGetter(FxInput.defaultProps);\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n private validateProps(props: FxInputProps) {\n if (props.type === 'currency' && props.mask !== undefined) {\n warning(false, '[FxInput]: Prop \"mask\" is not supported when type=\"currency\"');\n }\n }\n\n public componentDidMount() {\n this.validateProps(this.getProps());\n }\n\n public componentDidUpdate() {\n this.validateProps(this.getProps());\n }\n\n public render() {\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n const button = props.auto ? null : (\n <FxInputRestoreBtn\n size={props.size}\n onRestore={props.onRestore}\n corners={props.corners}\n disabled={props.disabled}\n borderless={props.borderless}\n aria-label={props.buttonAriaLabel}\n />\n );\n\n return (\n <Group data-tid={FxInputDataTids.root} width={props.width}>\n {button}\n {this.getInput(props)}\n </Group>\n );\n };\n\n /* Программно устанавливает фокус на поле.\n * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n /\n public focus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /* Программно снимает фокус с кнопки.\n * @public\n */\n public blur = () => {\n if (this.input) {\n this.input.blur();\n }\n };\n\n private refInput = (element: Input \| CurrencyInput \| null) => {\n this.input = element;\n\n if (this.props.refInput) {\n this.props.refInput(this.input);\n }\n };\n\n private getLeftIcon = (props: FxInputProps) => {\n if (!props.auto) {\n return null;\n }\n\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(this.theme.inputIconSizeSmall),\n medium: parseInt(this.theme.inputIconSizeMedium),\n large: parseInt(this.theme.inputIconSizeLarge),\n };\n const size = this.size;\n\n return <MathFunctionIcon size={iconSizes[size]} />;\n };\n\n private getInput = (props: FxInputProps) => {\n const {\n type,\n onRestore,\n auto,\n refInput,\n value,\n width,\n size: _size,\n mask,\n maskChar,\n formatChars,\n alwaysShowMask,\n signed,\n integerDigits,\n fractionDigits,\n hideTrailingZeros,\n buttonAriaLabel,\n corners: originalCorners,\n ...rest\n } = props;\n const corners: InputProps['corners'] = auto\n ? originalCorners\n : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...originalCorners };\n const size = this.size;\n const commonInputProps = {\n corners,\n size,\n width: '100%',\n ref: this.refInput,\n ...rest,\n };\n\n if (type === 'currency') {\n return (\n <CurrencyInput\n {...commonInputProps}\n signed={signed}\n integerDigits={integerDigits}\n fractionDigits={fractionDigits}\n value={value as CurrencyInputProps['value']}\n onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n />\n );\n }\n if (this.featureFlags.fxInputUseMaskedInput && mask) {\n return (\n <MaskedInput\n {...commonInputProps}\n leftIcon={this.getLeftIcon(props)}\n align=\"right\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n alwaysShowMask={alwaysShowMask}\n value={value as MaskedInputProps['value']}\n onValueChange={this.props.onValueChange as MaskedInputProps['onValueChange']}\n />\n );\n }\n return (\n <Input\n {...commonInputProps}\n leftIcon={this.getLeftIcon(props)}\n align=\"right\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n alwaysShowMask={alwaysShowMask}\n type={type}\n value={value as InputProps['value']}\n onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n />\n );\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","warning","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MaskedInput","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","withSize","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","input","getProps","defaultProps","renderMain","props","button","auto","createElement","size","onRestore","corners","disabled","borderless","buttonAriaLabel","width","getInput","focus","blur","refInput","element","getLeftIcon","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","type","value","_size","mask","maskChar","formatChars","alwaysShowMask","signed","integerDigits","fractionDigits","hideTrailingZeros","originalCorners","rest","_objectWithoutProperties","_excluded","_objectSpread","borderBottomLeftRadius","borderTopLeftRadius","commonInputProps","ref","_extends","onValueChange","featureFlags","fxInputUseMaskedInput","leftIcon","align","_inherits","_createClass","key","validateProps","undefined","componentDidMount","componentDidUpdate","render","_this2","Consumer","flags","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["FxInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Group } from '../Group';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { CurrencyInputProps } from '../CurrencyInput';\nimport { CurrencyInput } from '../CurrencyInput';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputProps } from '../MaskedInput';\nimport { MaskedInput } from '../MaskedInput';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext } from '../../lib/featureFlagsContext';\nimport { ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext/ReactUIFeatureFlagsContext';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n extends Pick<AriaAttributes, 'aria-label'>,\n CommonProps,\n Pick<Partial<MaskedInputProps>, 'alwaysShowMask' \| 'mask' \| 'maskChar' \| 'formatChars'>,\n Override<\n Omit<CurrencyInputProps, 'alwaysShowMask' \| 'mask' \| 'maskChar' \| 'formatChars'>,\n {\n /** Управляет видимостью кнопки Restore:\n * - true — кнопка Restore не отображается. Значение в поле является автоматически рассчитанным.\n * - false — кнопка Restore отображается в поле. Значение в поле считается отредактированным. /\n auto?: boolean;\n\n /* Тип поля. /\n type?: 'currency' \| InputProps['type'];\n\n /* Событие нажатия на кнопку Restore. /\n onRestore?: () => void;\n\n /* Событие изменения value. /\n onValueChange: CurrencyInputProps['onValueChange'] \| InputProps['onValueChange'];\n\n /* Значение поля. /\n value?: string \| number;\n\n /* Задаёт ref поля. /\n refInput?: (element: CurrencyInput \| Input \| null) => void;\n\n /* Убирает лишние нули после запятой. /\n hideTrailingZeros?: boolean;\n\n /* Атрибут aria-label кнопке Restore. /\n buttonAriaLabel?: AriaAttributes['aria-label'];\n\n /* @ignore /\n corners?: React.CSSProperties;\n }\n > {}\n\nexport const FxInputDataTids = {\n root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' \| 'type' \| 'value' \| 'auto'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/* В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.\n \n У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.\n /\n@rootNode\n@withSize\nexport class FxInput extends React.Component<FxInputProps> {\n public static __KONTUR_REACT_UI__ = 'FxInput';\n public static displayName = 'FxInput';\n\n public static defaultProps: DefaultProps = {\n width: 250,\n type: 'text',\n value: '',\n auto: false,\n };\n\n private theme!: Theme;\n private size!: SizeProp;\n private input: Input \| CurrencyInput \| null = null;\n\n private getProps = createPropsGetter(FxInput.defaultProps);\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n private validateProps(props: FxInputProps) {\n if (props.type === 'currency' && props.mask !== undefined) {\n warning(false, '[FxInput]: Prop \"mask\" is not supported when type=\"currency\"');\n }\n }\n\n public componentDidMount() {\n this.validateProps(this.getProps());\n }\n\n public componentDidUpdate() {\n this.validateProps(this.getProps());\n }\n\n public render() {\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n const button = props.auto ? null : (\n <FxInputRestoreBtn\n size={props.size}\n onRestore={props.onRestore}\n corners={props.corners}\n disabled={props.disabled}\n borderless={props.borderless}\n aria-label={props.buttonAriaLabel}\n />\n );\n\n return (\n <Group data-tid={FxInputDataTids.root} width={props.width}>\n {button}\n {this.getInput(props)}\n </Group>\n );\n };\n\n /* Программно устанавливает фокус на поле.\n * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n /\n public focus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /* Программно снимает фокус с кнопки.\n * @public\n */\n public blur = () => {\n if (this.input) {\n this.input.blur();\n }\n };\n\n private refInput = (element: Input \| CurrencyInput \| null) => {\n this.input = element;\n\n if (this.props.refInput) {\n this.props.refInput(this.input);\n }\n };\n\n private getLeftIcon = (props: FxInputProps) => {\n if (!props.auto) {\n return null;\n }\n\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(this.theme.inputIconSizeSmall),\n medium: parseInt(this.theme.inputIconSizeMedium),\n large: parseInt(this.theme.inputIconSizeLarge),\n };\n const size = this.size;\n\n return <MathFunctionIcon size={iconSizes[size]} />;\n };\n\n private getInput = (props: FxInputProps) => {\n const {\n type,\n onRestore,\n auto,\n refInput,\n value,\n width,\n size: _size,\n mask,\n maskChar,\n formatChars,\n alwaysShowMask,\n signed,\n integerDigits,\n fractionDigits,\n hideTrailingZeros,\n buttonAriaLabel,\n corners: originalCorners,\n ...rest\n } = props;\n const corners: InputProps['corners'] = auto\n ? originalCorners\n : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...originalCorners };\n const size = this.size;\n const commonInputProps = {\n corners,\n size,\n width: '100%',\n ref: this.refInput,\n ...rest,\n };\n\n if (type === 'currency') {\n return (\n <CurrencyInput\n {...commonInputProps}\n signed={signed}\n integerDigits={integerDigits}\n fractionDigits={fractionDigits}\n value={value as CurrencyInputProps['value']}\n onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n />\n );\n }\n if (this.featureFlags.fxInputUseMaskedInput && mask) {\n return (\n <MaskedInput\n {...commonInputProps}\n leftIcon={this.getLeftIcon(props)}\n align=\"right\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n alwaysShowMask={alwaysShowMask}\n value={value as MaskedInputProps['value']}\n onValueChange={this.props.onValueChange as MaskedInputProps['onValueChange']}\n />\n );\n }\n return (\n <Input\n {...commonInputProps}\n leftIcon={this.getLeftIcon(props)}\n align=\"right\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n alwaysShowMask={alwaysShowMask}\n type={type}\n value={value as InputProps['value']}\n onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n />\n );\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useContext } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { Button } from "../../Button";
@@ -36,10 +36,10 @@ export var FxInputRestoreBtn = function FxInputRestoreBtn(props) {
       onClick: props.onRestore,
       borderless: props.borderless,
       disabled: props.disabled,
-      corners: _extends({
+      corners: _objectSpread(_objectSpread({
         borderTopRightRadius: 0,
         borderBottomRightRadius: 0
-      }, buttonCorners, props.corners),
+      }, buttonCorners), props.corners),
       icon: iconUndo,
       "aria-label": props['aria-label']
     })

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","ThemeContext","Button","useSizeControl","UndoIcon","FxInputRestoreBtn","props","theme","size","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","createElement","onClick","onRestore","borderless","disabled","corners","~~_extends~~","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport type { SizeProp } from '../../lib/types/props';\nimport { useSizeControl } from '../../lib/size/useSizeControl';\n\nimport { UndoIcon } from './UndoIcon';\nimport type { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n extends Pick<AriaAttributes, 'aria-label'>,\n Pick<FxInputProps, 'size' \| 'onRestore' \| 'borderless' \| 'disabled'> {\n /** @ignore */\n corners?: React.CSSProperties;\n}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n const theme = useContext(ThemeContext);\n const size = useSizeControl(props.size);\n\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n small: {\n borderTopLeftRadius: theme.inputBorderRadiusSmall,\n borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n },\n medium: {\n borderTopLeftRadius: theme.inputBorderRadiusMedium,\n borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n },\n large: {\n borderTopLeftRadius: theme.inputBorderRadiusLarge,\n borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n },\n };\n const buttonCorners = cornersSizes[size];\n const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n return (\n <Button\n size={props.size}\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n ...props.corners,\n }}\n icon={iconUndo}\n aria-label={props['aria-label']}\n />\n );\n};\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,WAAW;;AAElC,SAASC,cAAc,QAAQ,+BAA+B;;AAE9D,SAASC,QAAQ,QAAQ,YAAY;;;;;;;;;;AAUrC,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkEA,CAAIC,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAGP,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMO,IAAI,GAAGL,cAAc,CAACG,KAAK,CAACE,IAAI,CAAC;;EAEvC,IAAMC,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACJ,KAAK,CAACK,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACJ,KAAK,CAACO,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACJ,KAAK,CAACS,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEX,KAAK,CAACY,sBAAsB;MACjDC,sBAAsB,EAAEb,KAAK,CAACY;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEX,KAAK,CAACc,uBAAuB;MAClDD,sBAAsB,EAAEb,KAAK,CAACc;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEX,KAAK,CAACe,sBAAsB;MACjDF,sBAAsB,EAAEb,KAAK,CAACe;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACT,IAAI,CAAC;EACxC,IAAMgB,QAAQ,gBAAGzB,KAAA,CAAA0B,aAAA,CAACrB,QAAQ,IAACI,IAAI,EAAEC,SAAS,CAACD,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACET,KAAA,CAAA0B,aAAA,CAACvB,MAAM;MACLM,IAAI,EAAEF,KAAK,CAACE,IAAK;MACjBkB,OAAO,EAAEpB,KAAK,CAACqB,SAAU;MACzBC,UAAU,EAAEtB,KAAK,CAACsB,UAAW;MAC7BC,QAAQ,EAAEvB,KAAK,CAACuB,QAAS;MACzBC,OAAO,EAAAC,~~QAAA~~;QACLC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBV,aAAa;MACbjB,KAAK,CAACwB,OAAO,CAChB;;MACFI,IAAI,EAAEV,QAAS;MACf,cAAYlB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","ThemeContext","Button","useSizeControl","UndoIcon","FxInputRestoreBtn","props","theme","size","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","createElement","onClick","onRestore","borderless","disabled","corners","_objectSpread","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport type { SizeProp } from '../../lib/types/props';\nimport { useSizeControl } from '../../lib/size/useSizeControl';\n\nimport { UndoIcon } from './UndoIcon';\nimport type { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n extends Pick<AriaAttributes, 'aria-label'>,\n Pick<FxInputProps, 'size' \| 'onRestore' \| 'borderless' \| 'disabled'> {\n /** @ignore */\n corners?: React.CSSProperties;\n}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n const theme = useContext(ThemeContext);\n const size = useSizeControl(props.size);\n\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n small: {\n borderTopLeftRadius: theme.inputBorderRadiusSmall,\n borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n },\n medium: {\n borderTopLeftRadius: theme.inputBorderRadiusMedium,\n borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n },\n large: {\n borderTopLeftRadius: theme.inputBorderRadiusLarge,\n borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n },\n };\n const buttonCorners = cornersSizes[size];\n const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n return (\n <Button\n size={props.size}\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n ...props.corners,\n }}\n icon={iconUndo}\n aria-label={props['aria-label']}\n />\n );\n};\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,WAAW;;AAElC,SAASC,cAAc,QAAQ,+BAA+B;;AAE9D,SAASC,QAAQ,QAAQ,YAAY;;;;;;;;;;AAUrC,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkEA,CAAIC,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAGP,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMO,IAAI,GAAGL,cAAc,CAACG,KAAK,CAACE,IAAI,CAAC;;EAEvC,IAAMC,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACJ,KAAK,CAACK,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACJ,KAAK,CAACO,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACJ,KAAK,CAACS,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEX,KAAK,CAACY,sBAAsB;MACjDC,sBAAsB,EAAEb,KAAK,CAACY;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEX,KAAK,CAACc,uBAAuB;MAClDD,sBAAsB,EAAEb,KAAK,CAACc;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEX,KAAK,CAACe,sBAAsB;MACjDF,sBAAsB,EAAEb,KAAK,CAACe;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACT,IAAI,CAAC;EACxC,IAAMgB,QAAQ,gBAAGzB,KAAA,CAAA0B,aAAA,CAACrB,QAAQ,IAACI,IAAI,EAAEC,SAAS,CAACD,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACET,KAAA,CAAA0B,aAAA,CAACvB,MAAM;MACLM,IAAI,EAAEF,KAAK,CAACE,IAAK;MACjBkB,OAAO,EAAEpB,KAAK,CAACqB,SAAU;MACzBC,UAAU,EAAEtB,KAAK,CAACsB,UAAW;MAC7BC,QAAQ,EAAEvB,KAAK,CAACuB,QAAS;MACzBC,OAAO,EAAAC,aAAA,CAAAA,aAAA;QACLC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBV,aAAa;MACbjB,KAAK,CAACwB,OAAO,CAChB;;MACFI,IAAI,EAAEV,QAAS;MACf,cAAYlB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}