@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFile.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAY7E,IAAM,gBAAgB,GAAG,UAAC,aAAqB,EAAE,oBAA4B,EAAE,IAAY;IACzF,IAAI,CAAC,aAAa,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,aAAa,IAAI,oBAAoB,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,IAAM,mBAAmB,GAAG,IAAI,CAAC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;IAExE,OAAO,QAAQ,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UACxB,aAA+C,EAC/C,kBAAoD,EACpD,IAAY;;IAEZ,IAAM,aAAa,GAAG,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,YAAY,EAAE,KAAI,CAAC,CAAC;IACjE,IAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IAE1E,OAAO,gBAAgB,CAAC,aAAa,EAAE,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,CAAC,CAAC;AAE3B,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,oBAAoB;IAC1B,WAAW,EAAE,2BAA2B;IACxC,QAAQ,EAAE,wBAAwB;IAClC,QAAQ,EAAE,wBAAwB;IAClC,QAAQ,EAAE,wBAAwB;CAC1B,CAAC;AAEX,MAAM,CAAC,IAAM,gBAAgB,GAAG,iBAAiB,CAC/C,kBAAkB,EAClB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,IAAI,GAAgD,KAAK,KAArD,EAAE,QAAQ,GAAsC,KAAK,SAA3C,EAAE,KAAK,GAA+B,KAAK,MAApC,EAAE,QAAQ,GAAqB,KAAK,SAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAC1D,IAAA,EAAE,GAA6C,IAAI,GAAjD,EAAE,YAAY,GAA+B,IAAI,aAAnC,EAAE,MAAM,GAAuB,IAAI,OAA3B,EAAE,gBAAgB,GAAK,IAAI,iBAAT,CAAU;IACpD,IAAA,IAAI,GAAqB,YAAY,KAAjC,EAAQ,QAAQ,GAAK,YAAY,KAAjB,CAAkB;IAExC,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAC;IACjD,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAClD,IAAA,KAA4C,QAAQ,CAAmB,IAAI,CAAC,EAA3E,iBAAiB,QAAA,EAAE,oBAAoB,QAAoC,CAAC;IAEnF,IAAM,aAAa,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEnD,IAAA,KAA4D,UAAU,CAAC,0BAA0B,CAAC,EAAhG,UAAU,gBAAA,EAAE,qBAAqB,2BAAA,EAAE,kBAAkB,wBAA2C,CAAC;IACzG,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACzB,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAM,aAAa,GAAG,OAAO,CAAC,cAAM,OAAA,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAxB,CAAwB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC;;QACR,IAAI,qBAAqB,EAAE,CAAC;YAC1B,IAAM,aAAa,GAAG,iBAAiB,CAAC,aAAa,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;YAEjF,qBAAqB,CAAC,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE/B,SAAS,CAAC;QACR,IAAM,aAAa,GAAG,iBAAiB,CAAC,aAAa,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAEjF,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAoC;QACnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,gBAAgB,EAAE,CAAC;IACrB,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEM,IAAA,OAAO,GAAc,gBAAgB,QAA9B,EAAE,OAAO,GAAK,gBAAgB,QAArB,CAAsB;IAE9C,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,OAAO,CAAC;IAEpC,IAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,EAAE;QAC9C,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE;QAC3B,MAAM,EAAE,QAAQ,CAAC,UAAU,EAAE;QAC7B,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE;KAC5B,CAAC,CAAC;IAEH,IAAM,oBAAoB,GAAG,WAAW,CAAC;QACvC,OAAO,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,EAAE;QACjD,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QACrC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;KACpC,CAAC,CAAC;IAEH,IAAM,iBAAiB,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE;QAC7C,GAAC,gBAAgB,IAAG,IAAI;QACxB,GAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAG,SAAS;YAClC,CAAC;IAEH,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC;;QAC9B,iDAAiD;QACjD,6CAA6C;QAC7C,MAAA,YAAY,CAAC,qBAAqB,6DAAG;YACnC,IAAI,WAAW,CAAC,YAAY,EAAE,CAAC;gBAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,CAAmC;QAClC,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;YAClB,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,IAAM,cAAc,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5C,GAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,IAAG,YAAY;QAC3C,GAAC,aAAa,IAAG,IAAI;QACrB,GAAC,QAAQ,CAAC,YAAY,EAAE,IAAG,QAAQ;YACnC,CAAC;IAEH,IAAM,WAAW,GAAG,iBAAiB,KAAK,IAAI,CAAC;IAE/C,OAAO,CACL,yCACY,wBAAwB,CAAC,IAAI,EACvC,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG;QAER,oBAAC,OAAO,gBAAW,wBAAwB,CAAC,WAAW,EAAE,GAAG,EAAC,cAAc,EAAC,MAAM,EAAE,oBAAoB;YACtG,6BAAK,SAAS,EAAE,iBAAiB;gBAC/B,oBAAC,eAAe,IAAC,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI;gBACnD,oBAAC,IAAI,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;oBACrD,0CAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,IACnG,iBAAiB,CACb,CACF;gBACN,CAAC,CAAC,QAAQ,IAAI,aAAa,IAAI,CAC9B,0CAAgB,wBAAwB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,IAC1E,aAAa,CACT,CACR;gBACD,6BACE,SAAS,EAAE,cAAc,cACf,wBAAwB,CAAC,QAAQ,EAC3C,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,iBAAiB;oBAE5B,oBAAC,0BAA0B,IACzB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACE,CACF,CACE,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport type { FileUploaderAttachedFile } from '../fileUtils.js';\nimport { formatBytes } from '../../../lib/utils.js';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper.js';\nimport { truncate } from '../../../lib/stringUtils.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { useKeyListener } from '../../../lib/events/keyListener.js';\nimport { isKeyEnter } from '../../../lib/events/keyboard/identifiers.js';\nimport type { Nullable } from '../../../typings/utility-types.js';\nimport { Hint } from '../../../components/Hint/index.js';\nimport { Tooltip } from '../../../components/Tooltip/index.js';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect.js';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\n\nimport { getJsStyles } from './FileUploaderFile.styles.js';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';\n\ninterface FileUploaderFileProps {\n  file: FileUploaderAttachedFile;\n  showSize?: boolean;\n  multiple?: boolean;\n  size: SizeProp;\n  /** Состояние ошибки контрола файла */\n  error?: boolean;\n  onRemove(id: string): void;\n}\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string) => {\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  return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n  textHelperRef: React.RefObject<TextWidthHelper>,\n  fileNameElementRef: React.RefObject<HTMLSpanElement>,\n  name: string,\n) => {\n  const fileNameWidth = textHelperRef.current?.getTextWidth() || 0;\n  const fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;\n\n  return getTruncatedName(fileNameWidth, fileNameElementWidth, name);\n};\n\nconst MIN_CHARS_LENGTH = 3;\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} as const;\n\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n  'FileUploaderFile',\n  (props, ref) => {\n    const { file, showSize, error, multiple, size, onRemove } = props;\n    const { id, originalFile, status, validationResult } = file;\n    const { name, size: fileSize } = originalFile;\n\n    const [hovered, setHovered] = useState<boolean>(false);\n    const [focusedByTab, setFocusedByTab] = useState(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 { removeFile, setIsMinLengthReached, isMinLengthReached } = useContext(FileUploaderControlContext);\n    const globalObject = useGlobal();\n    const { cx } = useEmotion();\n    const jsStyles = useStyles(getJsStyles);\n    const theme = useContext(ThemeContext);\n    const keyListener = useKeyListener();\n\n    const formattedSize = useMemo(() => formatBytes(fileSize, 1), [fileSize]);\n\n    useEffect(() => {\n      if (setIsMinLengthReached) {\n        const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n        setIsMinLengthReached((truncatedName?.length ?? 0) <= MIN_CHARS_LENGTH);\n      }\n    }, [name, isMinLengthReached]);\n\n    useEffect(() => {\n      const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n      setTruncatedFileName(truncatedName);\n    });\n\n    const removeUploadFile = useCallback(() => {\n      removeFile(id);\n      onRemove(id);\n    }, [removeFile, id, onRemove]);\n\n    const handleRemove = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n        removeUploadFile();\n      },\n      [removeUploadFile],\n    );\n\n    const { isValid, message } = validationResult;\n\n    const isInvalid = error || !isValid;\n\n    const sizeIconClass = useFileUploaderSize(size, {\n      small: jsStyles.iconSmall(),\n      medium: jsStyles.iconMedium(),\n      large: jsStyles.iconLarge(),\n    });\n\n    const renderTooltipContent = useCallback((): ReactNode => {\n      return !isValid && !error && message ? message : null;\n    }, [isValid, error, message]);\n\n    const sizeContentClass = useFileUploaderSize(size, {\n      small: jsStyles.contentSmall(theme),\n      medium: jsStyles.contentMedium(theme),\n      large: jsStyles.contentLarge(theme),\n    });\n\n    const contentClassNames = cx(jsStyles.content(), {\n      [sizeContentClass]: true,\n      [jsStyles.error(theme)]: isInvalid,\n    });\n\n    const handleMouseEnter = useCallback(() => {\n      setHovered(true);\n    }, []);\n\n    const handleMouseLeave = useCallback(() => {\n      setHovered(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          removeUploadFile();\n        }\n      },\n      [removeUploadFile],\n    );\n\n    const iconClassNames = cx(jsStyles.icon(theme), {\n      [jsStyles.focusedIcon(theme)]: focusedByTab,\n      [sizeIconClass]: true,\n      [jsStyles.iconMultiple()]: multiple,\n    });\n\n    const isTruncated = truncatedFileName !== name;\n\n    return (\n      <div\n        data-tid={FileUploaderFileDataTids.file}\n        className={jsStyles.root()}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        <Tooltip data-tid={FileUploaderFileDataTids.fileTooltip} pos=\"right middle\" render={renderTooltipContent}>\n          <div className={contentClassNames}>\n            <TextWidthHelper ref={textHelperRef} text={name} />\n            <Hint maxWidth={'100%'} text={isTruncated ? name : null}>\n              <span data-tid={FileUploaderFileDataTids.fileName} ref={fileNameElementRef} className={jsStyles.name()}>\n                {truncatedFileName}\n              </span>\n            </Hint>\n            {!!showSize && formattedSize && (\n              <span data-tid={FileUploaderFileDataTids.fileSize} className={jsStyles.size()}>\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                status={status}\n                hovered={hovered}\n                focusedByTab={focusedByTab}\n                isInvalid={isInvalid}\n                size={size}\n              />\n            </div>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  },\n);\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFile.styles.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,IAAI;YACF,OAAO,GAAG,+FAAA,4BAET,KAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,iJAAA,8EAIT,KAAC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,+FAAA,iBACC,EAA8B,SACxC,KADU,CAAC,CAAC,4BAA4B,EACvC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,2HAAA,wDAGT,KAAC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,4HAAA,yDAGT,KAAC;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,wFAIK,EAAsB,yDAGpC,KAHc,CAAC,CAAC,oBAAoB,EAGnC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,oGAAA,iCAET,KAAC;QACJ,CAAC;QAED,UAAU;YACR,OAAO,GAAG,wHAAA,qDAGT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,wHAAA,qDAGT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,qGAAA,qBACK,EAA2B,SACzC,KADc,CAAC,CAAC,yBAAyB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,qGAAA,qBACK,EAA4B,SAC1C,KADc,CAAC,CAAC,0BAA0B,EACzC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,qGAAA,qBACK,EAA2B,SACzC,KADc,CAAC,CAAC,yBAAyB,EACxC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,iJAAA,iBACC,EAAuB,qCAErB,EAA4B,kBAExC,KAJU,CAAC,CAAC,qBAAqB,EAErB,CAAC,CAAC,0BAA0B,EAEvC;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,6GAAA,6BACa,EAAkB,SACxC,KADsB,CAAC,CAAC,gBAAgB,EACvC;QACJ,CAAC;KACF,CAAC;AAxGgE,CAwGhE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  iconSmall() {\n    return css`\n      margin-left: 4px;\n    `;\n  },\n\n  iconMedium() {\n    return css`\n      margin-left: 6px;\n      width: 18px;\n    `;\n  },\n\n  iconLarge() {\n    return css`\n      margin-left: 6px;\n      width: 20px;\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n}));\n"]}

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

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

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFileStatusIcon.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAU3D,MAAM,CAAC,IAAM,0BAA0B,GAA6D,UAAC,EAMpG;QALC,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA;IAEJ,IAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,UAAU,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI,CAAC;IACrF,IAAM,SAAS,GAAG,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC5C,IAAM,MAAM,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,qBAAqB,GAAI,CAAC;IAE1E,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QAC5B,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,sBAAsB,CAAC,OAAO;YACjC,OAAO,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACrC,KAAK,sBAAsB,CAAC,QAAQ;YAClC,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,UAAU,CAAC;IACtB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { FileUploaderFileStatus } from '../fileUtils.js';\nimport { LoadingIcon } from '../../icons2022/LoadingIcon.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\n\nimport { DeleteIcon } from './DeleteIcon.js';\nimport { ErrorIcon } from './ErrorIcon.js';\nimport { OkIcon } from './OkIcon.js';\nimport { getJsStyles } from './FileUploaderFile.styles.js';\n\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: SizeProp;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n}) => {\n  const jsStyles = useStyles(getJsStyles);\n  const theme = useContext(ThemeContext);\n\n  const IconDelete = <DeleteIcon size={size} className={jsStyles.deleteIcon(theme)} />;\n  const IconError = <ErrorIcon size={size} />;\n  const IconOk = <OkIcon size={size} color={theme.fileUploaderIconColor} />;\n\n  if (hovered || focusedByTab) {\n    return IconDelete;\n  }\n\n  if (isInvalid) {\n    return IconError;\n  }\n\n  switch (status) {\n    case FileUploaderFileStatus.Loading:\n      return <LoadingIcon size={size} />;\n    case FileUploaderFileStatus.Uploaded:\n      return IconOk;\n    default:\n      return IconDelete;\n  }\n};\n"]}

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

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

package/internal/FileUploaderControl/FileUploaderFile/OkIcon.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"OkIcon.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/OkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAExF,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAC7B;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,iBAAiB,OAAG,EAArB,CAAqB;IAClC,MAAM,EAAE,cAAM,OAAA,oBAAC,iBAAiB,OAAG,EAArB,CAAqB;IACnC,KAAK,EAAE,cAAM,OAAA,oBAAC,mBAAmB,OAAG,EAAvB,CAAuB;CACrC,EACD,QAAQ,CACT,CAAC","sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../icons2022/iconSizer.js';\nimport { CheckAIcon16Light } from '../../icons2022/CheckAIcon/CheckAIcon16Light.js';\nimport { CheckAIcon20Light } from '../../icons2022/CheckAIcon/CheckAIcon20Light.js';\nimport { CheckAIcon24Regular } from '../../icons2022/CheckAIcon/CheckAIcon24Regular.js';\n\nexport const OkIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Light />,\n    medium: () => <CheckAIcon20Light />,\n    large: () => <CheckAIcon24Regular />,\n  },\n  'OkIcon',\n);\n"]}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFileList.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAQ/D,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,QAAQ,EAAE,wBAAwB;CAC1B,CAAC;AAEX,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAgC;IAC3D,IAAA,UAAU,GAAqB,KAAK,WAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACrC,IAAA,KAAK,GAAK,UAAU,CAAC,0BAA0B,CAAC,MAA3C,CAA4C;IACjD,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,EAAE;QACjD,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACvC,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC;QACzC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,yCAAe,wBAAwB,CAAC,QAAQ,IAC7C,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC;QACxE,6BAAK,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,IAC5B,UAAU,CAAC,IAAI,EAAE,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,QAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CACjG,CACF,CACP,EANoB,CAMpB,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,mBAAmB,GAAG,sBAAsB,CAAC;AAClE,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile.js';\nimport type { FileUploaderAttachedFile } from '../fileUtils.js';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\n\nimport { getJsStyles } from './FileUploaderFileList.styles.js';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: SizeProp;\n  onRemove(fileId: string): void;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size, onRemove } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const { cx } = useEmotion();\n  const jsStyles = useStyles(getJsStyles);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} onRemove={onRemove} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFileList.styles.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,IAAI;YACF,OAAO,GAAG,+FAAA,4BAET,KAAC;QACJ,CAAC;QACD,WAAW;YACT,OAAO,GAAG,qMAAA,kIAMT,KAAC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,sGAAA,mBACG,EAA2B,GAAI,EAA2B,SACtE,KADY,CAAC,CAAC,yBAAyB,EAAI,CAAC,CAAC,yBAAyB,EACrE;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,sGAAA,mBACG,EAA4B,GAAI,EAA4B,SACxE,KADY,CAAC,CAAC,0BAA0B,EAAI,CAAC,CAAC,0BAA0B,EACvE;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,sGAAA,mBACG,EAA2B,GAAI,EAA2B,SACtE,KADY,CAAC,CAAC,yBAAyB,EAAI,CAAC,CAAC,yBAAyB,EACrE;QACJ,CAAC;KACF,CAAC;AAjCgE,CAiChE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper() {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n}));\n"]}

package/internal/FileUploaderControl/FileUploaderFileValidationResult.js

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

package/internal/FileUploaderControl/FileUploaderFileValidationResult.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFileValidationResult.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/FileUploaderFileValidationResult.ts"],"names":[],"mappings":"AAAA;IAIE,0CAAY,OAAgB,EAAE,OAAgB;QAC5C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAEM,sCAAK,GAAZ,UAAa,OAAe;QAC1B,OAAO,IAAI,gCAAgC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAEM,mCAAE,GAAT;QACE,OAAO,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IACH,uCAAC;AAAD,CAAC,AAhBD,IAgBC","sourcesContent":["export class FileUploaderFileValidationResult {\n  readonly isValid: boolean;\n  readonly message?: string;\n\n  constructor(isValid: boolean, message?: string) {\n    this.isValid = isValid;\n    this.message = message;\n  }\n\n  static error(message: string): FileUploaderFileValidationResult {\n    return new FileUploaderFileValidationResult(false, message);\n  }\n\n  static ok(): FileUploaderFileValidationResult {\n    return new FileUploaderFileValidationResult(true);\n  }\n}\n"]}

package/internal/FileUploaderControl/fileUtils.js

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

package/internal/FileUploaderControl/fileUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fileUtils.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/fileUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,MAAM,CAAN,IAAY,sBAKX;AALD,WAAY,sBAAsB;IAChC,+CAAqB,CAAA;IACrB,6CAAmB,CAAA;IACnB,+CAAqB,CAAA;IACrB,yCAAe,CAAA;AACjB,CAAC,EALW,sBAAsB,KAAtB,sBAAsB,QAKjC;AASD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAU;IACxC,OAAO;QACL,EAAE,EAAE,MAAM,EAAE;QACZ,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,sBAAsB,CAAC,QAAQ;QACvC,gBAAgB,EAAE,gCAAgC,CAAC,EAAE,EAAE;KACxD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getUid } from '../../lib/uidUtils.js';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n"]}

package/internal/FileUploaderControl/hooks/useControlLocale.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useControlLocale.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/hooks/useControlLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAE5F,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,mBAAmB,CAAC,cAAc,EAAE,wBAAwB,CAAC,EAA7D,CAA6D,CAAC","sourcesContent":["import { useLocaleForControl } from '../../../lib/locale/useLocaleForControl.js';\nimport { FileUploaderLocaleHelper } from '../../../components/FileUploader/locale/index.js';\n\nexport const useControlLocale = () => useLocaleForControl('FileUploader', FileUploaderLocaleHelper);\n"]}

package/internal/FileUploaderControl/hooks/useFileUploaderSize.js

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

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

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

package/internal/FileUploaderControl/hooks/useUpload.js

@@ -1,80 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { useCallback, useContext } from 'react';
-import ReactDOM from 'react-dom';
-import { FileUploaderFileStatus } from '../fileUtils.js';
-import { FileUploaderControlContext } from '../FileUploaderControlContext.js';
-export var useUpload = function (request, onRequestSuccess, onRequestError) {
-    var setFileStatus = useContext(FileUploaderControlContext).setFileStatus;
-    var switchToLoading = useCallback(function (fileId) {
-        setFileStatus(fileId, FileUploaderFileStatus.Loading);
-    }, [setFileStatus]);
-    var switchToSuccess = useCallback(function (fileId) {
-        setFileStatus(fileId, FileUploaderFileStatus.Uploaded);
-        onRequestSuccess === null || onRequestSuccess === void 0 ? void 0 : onRequestSuccess(fileId);
-    }, [setFileStatus, onRequestSuccess]);
-    var switchToError = useCallback(function (fileId) {
-        setFileStatus(fileId, FileUploaderFileStatus.Error);
-        onRequestError === null || onRequestError === void 0 ? void 0 : onRequestError(fileId);
-    }, [setFileStatus, onRequestError]);
-    return useCallback(function (file) { return __awaiter(void 0, void 0, void 0, function () {
-        var id, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    id = file.id;
-                    ReactDOM.flushSync(function () {
-                        switchToLoading(id);
-                    });
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, (request === null || request === void 0 ? void 0 : request(file))];
-                case 2:
-                    _b.sent();
-                    switchToSuccess(id);
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a = _b.sent();
-                    switchToError(id);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [request, switchToSuccess, switchToLoading, switchToError]);
-};
-//# sourceMappingURL=useUpload.js.map

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

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

package/internal/FileUploaderControl/withFileUploaderControlProvider.js

@@ -1,32 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { FileUploaderControlProvider } from './FileUploaderControlProvider.js';
-export var withFileUploaderControlProvider = function (Component) {
-    return React.memo(React.forwardRef(function (props, ref) {
-        var onRemove = props.onRemove, onValueChange = props.onValueChange, onAttach = props.onAttach, rest = __rest(props, ["onRemove", "onValueChange", "onAttach"]);
-        return (React.createElement(FileUploaderControlProvider, __assign({}, props),
-            React.createElement(Component, __assign({ ref: ref }, rest))));
-    }));
-};
-//# sourceMappingURL=withFileUploaderControlProvider.js.map

package/internal/FileUploaderControl/withFileUploaderControlProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withFileUploaderControlProvider.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/withFileUploaderControlProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAC7C,SAEC;IAED,OAAO,KAAK,CAAC,IAAI,CACf,KAAK,CAAC,UAAU,CACd,UAAC,KAAgD,EAAE,GAAG;QAC5C,IAAA,QAAQ,GAAuC,KAAK,SAA5C,EAAE,aAAa,GAAwB,KAAK,cAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAAtD,yCAA8C,CAAF,CAAW;QAC7D,OAAO,CACL,oBAAC,2BAA2B,eAAK,KAAK;YACpC,oBAAC,SAAS,aAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CACL,CAC/B,CAAC;IACJ,CAAC,CACF,CACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { ComponentType } from 'react';\nimport React from 'react';\n\nimport type { FileUploaderControlProviderProps } from './FileUploaderControlProvider.js';\nimport { FileUploaderControlProvider } from './FileUploaderControlProvider.js';\n\nexport const withFileUploaderControlProvider = <TProps extends Record<string, any>, TRef extends Record<string, any>>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) => {\n  return React.memo(\n    React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n      (props: TProps & FileUploaderControlProviderProps, ref) => {\n        const { onRemove, onValueChange, onAttach, ...rest } = props;\n        return (\n          <FileUploaderControlProvider {...props}>\n            <Component ref={ref} {...rest} />\n          </FileUploaderControlProvider>\n        );\n      },\n    ),\n  );\n};\n"]}

package/internal/FocusControlWrapper/FocusControlWrapper.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { isValidElement, cloneElement } from 'react';
-import { CommonWrapper } from '../CommonWrapper/index.js';
-import { useFocusControl } from './useFocusControl.js';
-export function FocusControlWrapper(_a) {
-    var disabled = _a.disabled, children = _a.children, onBlurWhenDisabled = _a.onBlurWhenDisabled, rest = __rest(_a, ["disabled", "children", "onBlurWhenDisabled"]);
-    var isValidChildren = children && isValidElement(children);
-    var _b = useFocusControl({
-        disabled: disabled !== null && disabled !== void 0 ? disabled : (isValidChildren ? children.props.disabled : undefined),
-        onFocus: isValidChildren ? children.props.onFocus : undefined,
-        onBlur: isValidChildren ? children.props.onBlur : undefined,
-        onBlurWhenDisabled: onBlurWhenDisabled,
-    }), handleFocus = _b.handleFocus, handleBlur = _b.handleBlur;
-    if (!isValidChildren) {
-        return null;
-    }
-    return (React.createElement(CommonWrapper, __assign({}, rest), React.Children.only(cloneElement(children, {
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-    }))));
-}
-FocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';
-FocusControlWrapper.displayName = 'FocusControlWrapper';
-//# sourceMappingURL=FocusControlWrapper.js.map

package/internal/FocusControlWrapper/FocusControlWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusControlWrapper.js","sourceRoot":"","sources":["../../../internal/FocusControlWrapper/FocusControlWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAcvD,MAAM,UAAU,mBAAmB,CAAC,EAA6E;IAA3E,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAAjD,8CAAmD,CAAF;IACnF,IAAM,eAAe,GAAG,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEvD,IAAA,KAA8B,eAAe,CAAC;QAClD,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,eAAe,CAAC,CAAC,CAAE,QAAyB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/F,OAAO,EAAE,eAAe,CAAC,CAAC,CAAE,QAAyB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC/E,MAAM,EAAE,eAAe,CAAC,CAAC,CAAE,QAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC7E,kBAAkB,oBAAA;KACnB,CAAC,EALM,WAAW,iBAAA,EAAE,UAAU,gBAK7B,CAAC;IAEH,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,eAAK,IAAI,GACpB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAClB,YAAY,CAAC,QAAwB,EAAE;QACrC,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;KACnB,CAAC,CACH,CACa,CACjB,CAAC;AACJ,CAAC;AAED,mBAAmB,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;AAChE,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport React, { isValidElement, cloneElement } from 'react';\n\nimport { CommonWrapper } from '../CommonWrapper/index.js';\n\nimport { useFocusControl } from './useFocusControl.js';\n\ninterface Props {\n  /**\n   * Использовать только когда на children нет пропса disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен\n   */\n  onBlurWhenDisabled(): void | undefined;\n}\n\nexport function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>) {\n  const isValidChildren = children && isValidElement(children);\n\n  const { handleFocus, handleBlur } = useFocusControl({\n    disabled: disabled ?? (isValidChildren ? (children as ReactElement).props.disabled : undefined),\n    onFocus: isValidChildren ? (children as ReactElement).props.onFocus : undefined,\n    onBlur: isValidChildren ? (children as ReactElement).props.onBlur : undefined,\n    onBlurWhenDisabled,\n  });\n\n  if (!isValidChildren) {\n    return null;\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      {React.Children.only(\n        cloneElement(children as ReactElement, {\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        }),\n      )}\n    </CommonWrapper>\n  );\n}\n\nFocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';\nFocusControlWrapper.displayName = 'FocusControlWrapper';\n"]}

package/internal/FocusControlWrapper/index.js

@@ -1,2 +0,0 @@
-export * from './FocusControlWrapper.js';
-//# sourceMappingURL=index.js.map

package/internal/FocusControlWrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/FocusControlWrapper/index.tsx"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './FocusControlWrapper.js';\n"]}

package/internal/FocusControlWrapper/useFocusControl.js

@@ -1,24 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useFocusControl(_a) {
-    var disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, onBlurWhenDisabled = _a.onBlurWhenDisabled;
-    var _b = useState(false), isFocused = _b[0], setFocused = _b[1];
-    useEffect(function () {
-        if (disabled && isFocused && onBlurWhenDisabled) {
-            // force calling custom blur event, try "fix" bug in react https://github.com/facebook/react/issues/9142
-            onBlurWhenDisabled();
-        }
-    }, [disabled, isFocused]);
-    var handleFocus = function (e) {
-        setFocused(true);
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    };
-    var handleBlur = function (e) {
-        setFocused(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    };
-    return {
-        handleFocus: handleFocus,
-        handleBlur: handleBlur,
-    };
-}
-//# sourceMappingURL=useFocusControl.js.map

package/internal/FocusControlWrapper/useFocusControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusControl.js","sourceRoot":"","sources":["../../../internal/FocusControlWrapper/useFocusControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,eAAe,CAAC,EAAwD;QAAtD,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;IACvE,IAAA,KAA0B,QAAQ,CAAU,KAAK,CAAC,EAAjD,SAAS,QAAA,EAAE,UAAU,QAA4B,CAAC;IAEzD,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,SAAS,IAAI,kBAAkB,EAAE,CAAC;YAChD,wGAAwG;YACxG,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,IAAM,WAAW,GAAG,UAAC,CAAmB;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAAmB;QACrC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO;QACL,WAAW,aAAA;QACX,UAAU,YAAA;KACX,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\n\ninterface Props {\n  disabled?: boolean;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n  onBlurWhenDisabled?(): void;\n}\n\nexport function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props) {\n  const [isFocused, setFocused] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (disabled && isFocused && onBlurWhenDisabled) {\n      // force calling custom blur event, try \"fix\" bug in react https://github.com/facebook/react/issues/9142\n      onBlurWhenDisabled();\n    }\n  }, [disabled, isFocused]);\n\n  const handleFocus = (e: React.FocusEvent) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return {\n    handleFocus,\n    handleBlur,\n  };\n}\n"]}