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

package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts

@@ -2,6 +2,8 @@ import type { PropsWithChildren } from 'react';
 import React from 'react';
 import type { FileUploaderAttachedFile } from './fileUtils';
 export interface FileUploaderControlProviderProps {
+    /** Начальное состояние загруженных файлов */
+    initialFiles?: File[];
     /** Срабатывает при выборе файлов */
     onAttach?: (files: FileUploaderAttachedFile[]) => void;
     /** Срабатывает при удалении файла из контрола */
@@ -11,8 +13,7 @@ export interface FileUploaderControlProviderProps {
 }
 export declare const FileUploaderControlProvider: {
     (props: PropsWithChildren<FileUploaderControlProviderProps & {
-        initialFiles?: File[] | undefined;
-        multiple?: boolean | undefined;
+        multiple?: boolean;
     }>): React.JSX.Element;
     displayName: string;
 };

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

@@ -1,191 +1 @@
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
-import { formatBytes } from "../../../../lib/utils";
-import { TextWidthHelper } from "../../../TextWidthHelper/TextWidthHelper";
-import { truncate } from "../../../../lib/stringUtils";
-import { FileUploaderControlContext } from "../../FileUploaderControlContext";
-import { cx } from "../../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { keyListener } from "../../../../lib/events/keyListener";
-import { isKeyEnter } from "../../../../lib/events/keyboard/identifiers";
-import { Hint } from "../../../../components/Hint";
-import { Tooltip } from "../../../../components/Tooltip";
-import { getDOMRect } from "../../../../lib/dom/getDOMRect";
-import { useFileUploaderSize } from "../../hooks/useFileUploaderSize";
-import { jsStyles } from "../FileUploaderFile.styles";
-import { FileUploaderFileStatusIcon } from "../FileUploaderFileStatusIcon";
-var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name) {
-  if (!fileNameWidth && !fileNameElementWidth) {
-    return null;
-  }
-  if (fileNameWidth <= fileNameElementWidth) {
-    return name;
-  }
-  var charWidth = Math.ceil(fileNameWidth / name.length);
-  var maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);
-  return truncate(name, maxCharsCountInSpan);
-};
-var calcTruncatedName = function calcTruncatedName(textHelperRef, fileNameElementRef, name) {
-  var _textHelperRef$curren;
-  var fileNameWidth = ((_textHelperRef$curren = textHelperRef.current) == null ? void 0 : _textHelperRef$curren.getTextWidth()) || 0;
-  var fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;
-  return getTruncatedName(fileNameWidth, fileNameElementWidth, name);
-};
-var MIN_CHARS_LENGTH = 3;
-export var FileUploaderFileDataTids = {
-  file: 'FileUploader__file',
-  fileTooltip: 'FileUploader__fileTooltip',
-  fileName: 'FileUploader__fileName',
-  fileSize: 'FileUploader__fileSize',
-  fileIcon: 'FileUploader__fileIcon'
-};
-export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
-  var _cx, _cx2;
-  var file = props.file,
-    showSize = props.showSize,
-    error = props.error,
-    multiple = props.multiple,
-    size = props.size,
-    onRemove = props.onRemove;
-  var id = file.id,
-    originalFile = file.originalFile,
-    status = file.status,
-    validationResult = file.validationResult;
-  var name = originalFile.name,
-    fileSize = originalFile.size;
-  var _useState = useState(false),
-    hovered = _useState[0],
-    setHovered = _useState[1];
-  var _useState2 = useState(false),
-    focusedByTab = _useState2[0],
-    setFocusedByTab = _useState2[1];
-  var _useState3 = useState(null),
-    truncatedFileName = _useState3[0],
-    setTruncatedFileName = _useState3[1];
-  var textHelperRef = useRef(null);
-  var fileNameElementRef = useRef(null);
-  var _useContext = useContext(FileUploaderControlContext),
-    removeFile = _useContext.removeFile,
-    setIsMinLengthReached = _useContext.setIsMinLengthReached,
-    isMinLengthReached = _useContext.isMinLengthReached;
-  var theme = useContext(ThemeContext);
-  var formattedSize = useMemo(function () {
-    return formatBytes(fileSize, 1);
-  }, [fileSize]);
-  useEffect(function () {
-    if (setIsMinLengthReached) {
-      var _truncatedName$length;
-      var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);
-      setIsMinLengthReached(((_truncatedName$length = truncatedName == null ? void 0 : truncatedName.length) != null ? _truncatedName$length : 0) <= MIN_CHARS_LENGTH);
-    }
-  }, [name, isMinLengthReached]);
-  useEffect(function () {
-    var truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);
-    setTruncatedFileName(truncatedName);
-  });
-  var removeUploadFile = useCallback(function () {
-    removeFile(id);
-    onRemove(id);
-  }, [removeFile, id, onRemove]);
-  var handleRemove = useCallback(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    removeUploadFile();
-  }, [removeUploadFile]);
-  var isValid = validationResult.isValid,
-    message = validationResult.message;
-  var isInvalid = error || !isValid;
-  var sizeIconClass = useFileUploaderSize(size, {
-    small: jsStyles.iconSmall(),
-    medium: jsStyles.iconMedium(),
-    large: jsStyles.iconLarge()
-  });
-  var renderTooltipContent = useCallback(function () {
-    return !isValid && !error && message ? message : null;
-  }, [isValid, error, message]);
-  var sizeContentClass = useFileUploaderSize(size, {
-    small: jsStyles.contentSmall(theme),
-    medium: jsStyles.contentMedium(theme),
-    large: jsStyles.contentLarge(theme)
-  });
-  var contentClassNames = cx(jsStyles.content(), (_cx = {}, _cx[sizeContentClass] = true, _cx[jsStyles.error(theme)] = isInvalid, _cx));
-  var handleMouseEnter = useCallback(function () {
-    setHovered(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    setHovered(false);
-  }, []);
-  var handleFocus = useCallback(function () {
-    // focus event fires before keyDown eventlistener
-    // so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-      if (keyListener.isTabPressed) {
-        setFocusedByTab(true);
-      }
-    });
-  }, []);
-  var handleBlur = useCallback(function () {
-    setFocusedByTab(false);
-  }, []);
-  var handleIconKeyDown = useCallback(function (e) {
-    if (isKeyEnter(e)) {
-      removeUploadFile();
-    }
-  }, [removeUploadFile]);
-  var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[jsStyles.focusedIcon(theme)] = focusedByTab, _cx2[sizeIconClass] = true, _cx2[jsStyles.iconMultiple()] = multiple, _cx2));
-  var isTruncated = truncatedFileName !== name;
-  return /*#__PURE__*/(
-    React.createElement("div", {
-      "data-tid": FileUploaderFileDataTids.file,
-      className: jsStyles.root(),
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      ref: ref
-    }, /*#__PURE__*/
-
-    React.createElement(Tooltip, {
-      "data-tid": FileUploaderFileDataTids.fileTooltip,
-      pos: "right middle",
-      render: renderTooltipContent
-    }, /*#__PURE__*/
-    React.createElement("div", {
-      className: contentClassNames
-    }, /*#__PURE__*/
-    React.createElement(TextWidthHelper, {
-      ref: textHelperRef,
-      text: name
-    }), /*#__PURE__*/
-    React.createElement(Hint, {
-      maxWidth: '100%',
-      text: isTruncated ? name : null
-    }, /*#__PURE__*/
-    React.createElement("span", {
-      "data-tid": FileUploaderFileDataTids.fileName,
-      ref: fileNameElementRef,
-      className: jsStyles.name()
-    }, truncatedFileName)), !!showSize && formattedSize && /*#__PURE__*/
-    React.createElement("span", {
-      "data-tid": FileUploaderFileDataTids.fileSize,
-      className: jsStyles.size()
-    }, formattedSize), /*#__PURE__*/
-
-    React.createElement("div", {
-      className: iconClassNames,
-      "data-tid": FileUploaderFileDataTids.fileIcon,
-      tabIndex: 0,
-      onClick: handleRemove,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      onKeyDown: handleIconKeyDown
-    }, /*#__PURE__*/
-
-    React.createElement(FileUploaderFileStatusIcon, {
-      status: status,
-      hovered: hovered,
-      focusedByTab: focusedByTab,
-      isInvalid: isInvalid,
-      size: size
-    })))))
-  );
-});
+export { FileUploaderFile, FileUploaderFileDataTids } from "../../../../components/FileUploader/FileUploaderFile";

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","forwardRefAndName","formatBytes","TextWidthHelper","truncate","FileUploaderControlContext","cx","ThemeContext","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","jsStyles","FileUploaderFileStatusIcon","getTruncatedName","fileNameWidth","fileNameElementWidth","name","charWidth","Math","ceil","length","maxCharsCountInSpan","calcTruncatedName","textHelperRef","fileNameElementRef","_textHelperRef$curren","current","getTextWidth","width","MIN_CHARS_LENGTH","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","FileUploaderFile","props","ref","_cx","_cx2","showSize","error","multiple","size","onRemove","id","originalFile","status","validationResult","_useState","hovered","setHovered","_useState2","focusedByTab","setFocusedByTab","_useState3","truncatedFileName","setTruncatedFileName","_useContext","removeFile","setIsMinLengthReached","isMinLengthReached","theme","formattedSize","_truncatedName$length","truncatedName","removeUploadFile","handleRemove","event","preventDefault","stopPropagation","isValid","message","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeContentClass","contentSmall","contentMedium","contentLarge","contentClassNames","content","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","focusedIcon","iconMultiple","isTruncated","createElement","className","root","onMouseEnter","onMouseLeave","pos","render","text","maxWidth","tabIndex","onClick","onFocus","onBlur","onKeyDown"],"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 { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { FileUploaderAttachedFile } from '../fileUtils';\nimport { formatBytes } from '../../../lib/utils';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../../lib/stringUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\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 '../../../components/Hint';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './FileUploaderFile.styles';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon';\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 theme = useContext(ThemeContext);\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FileUploaderFile","FileUploaderFileDataTids"],"sources":["FileUploaderFile.tsx"],"sourcesContent":["export {\n  FileUploaderFile,\n  type FileUploaderFileProps,\n  FileUploaderFileDataTids,\n} from '../../../components/FileUploader/FileUploaderFile';\n"],"mappings":"AAAA;EACEA,gBAAgB;;EAEhBC,wBAAwB;AACnB,mDAAmD","ignoreList":[]}

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

@@ -1,20 +1 @@
-import type { FileUploaderAttachedFile } from '../fileUtils';
-import type { SizeProp } from '../../../lib/types/props';
-interface FileUploaderFileProps {
-    file: FileUploaderAttachedFile;
-    showSize?: boolean;
-    multiple?: boolean;
-    size: SizeProp;
-    /** Состояние ошибки контрола файла */
-    error?: boolean;
-    onRemove(id: string): void;
-}
-export declare const FileUploaderFileDataTids: {
-    readonly file: "FileUploader__file";
-    readonly fileTooltip: "FileUploader__fileTooltip";
-    readonly fileName: "FileUploader__fileName";
-    readonly fileSize: "FileUploader__fileSize";
-    readonly fileIcon: "FileUploader__fileIcon";
-};
-export declare const FileUploaderFile: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, FileUploaderFileProps> & Record<never, never>;
-export {};
+export { FileUploaderFile, type FileUploaderFileProps, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile';

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

@@ -1,51 +1,180 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
-var styles = {
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
-  },
-  content: function content() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n    "])));
-  },
-  error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
-  },
-  name: function name() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
-  },
-  size: function size() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-left: 28px;\n      flex: 1 0 auto;\n    "])));
-  },
-  icon: function icon(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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 iconSmall() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n    "])));
-  },
-  iconMedium: function iconMedium() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin-left: 6px;\n      width: 18px;\n    "])));
-  },
-  iconLarge: function iconLarge() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: 6px;\n      width: 20px;\n    "])));
-  },
-  iconMultiple: function iconMultiple() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
-  },
-  contentSmall: function contentSmall(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeSmall);
-  },
-  contentMedium: function contentMedium(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeMedium);
-  },
-  contentLarge: function contentLarge(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeLarge);
-  },
-  deleteIcon: function deleteIcon(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
-  },
-  focusedIcon: function focusedIcon(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      outline: 1px solid ", ";\n    "])), t.borderColorFocus);
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53;
+import { memoizeGetStyles } from "../../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: inherit;\n    "])));
+    },
+    content: function content() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
+    },
+    validationTextError: function validationTextError(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderErrorTextColor);
+    },
+    validationTextWarning: function validationTextWarning(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderWarningTextColor);
+    },
+    nameBlock: function nameBlock() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
+    },
+    size: function size(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])), t.fileUploaderFileSizeMarginLeft);
+    },
+    sizeSmall: function sizeSmall(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthSmall, t.fileUploaderFileSizeMarginSmall, t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+    },
+    sizeMedium: function sizeMedium(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthMedium, t.fileUploaderFileSizeMarginMedium, t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+    },
+    sizeLarge: function sizeLarge(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthLarge, t.fileUploaderFileSizeMarginLarge, t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+    },
+    icon: function icon(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      right: ", ";\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ", ";\n      border-radius: ", ";\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderIconGapSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderBorderRadius, t.fileUploaderHoveredBg, t.fileUploaderActiveBg);
+    },
+    disabledFileTypeIconSvg: function disabledFileTypeIconSvg(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      svg {\n        fill: ", " !important;\n      }\n    "])), t.fileUploaderDisabledFileTypeIcon);
+    },
+    fileTypeIconMultiple: function fileTypeIconMultiple() {
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-left: 0;\n    "])));
+    },
+    contentSmall: function contentSmall(t) {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+    },
+    contentMedium: function contentMedium(t) {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+    },
+    contentLarge: function contentLarge(t) {
+      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+    }
+  };
+});
+export var getJsRowStyles = memoizeGetStyles(function (_ref2) {
+  var css = _ref2.css;
+  return {
+    content: function content() {
+      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        flex-direction: row;\n      "])));
+    },
+    contentSmall: function contentSmall(t) {
+      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeSmall);
+    },
+    contentMedium: function contentMedium(t) {
+      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeMedium);
+    },
+    contentLarge: function contentLarge(t) {
+      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeMedium);
+    },
+    iconSmall: function iconSmall(t) {
+      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeSmall, t.fileUploaderFileIconSizeSmall);
+    },
+    iconMedium: function iconMedium(t) {
+      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeMedium, t.fileUploaderFileIconSizeMedium);
+    },
+    iconLarge: function iconLarge(t) {
+      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeLarge, t.fileUploaderFileIconSizeLarge);
+    },
+    fileTypeIconSmall: function fileTypeIconSmall(t) {
+      return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapSmall);
+    },
+    fileTypeIconMedium: function fileTypeIconMedium(t) {
+      return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapMedium);
+    },
+    fileTypeIconLarge: function fileTypeIconLarge(t) {
+      return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapLarge);
+    },
+    iconColor: function iconColor(t) {
+      return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
+    },
+    size: function size(t) {
+      return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n        color: ", ";\n      "])), t.fileUploaderIconGapSmall, t.fileUploaderDisabledColor);
+    },
+    name: function name() {
+      return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        flex: 1 1 100%;\n        overflow: hidden;\n      "])));
+    },
+    nameBlock: function nameBlock() {
+      return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        flex: 1 1 100%;\n      "])));
+    },
+    disabled: function disabled(t) {
+      return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        color: ", ";\n      "])), t.fileUploaderDisabledTextColor);
+    }
+  };
+});
+export var getJsTileStyles = memoizeGetStyles(function (_ref3) {
+  var css = _ref3.css;
+  return {
+    content: function content() {
+      return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      "])));
+    },
+    iconAction: function iconAction(t) {
+      return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n        opacity: 0;\n        background: ", ";\n\n        &:hover {\n          background: ", ";\n        }\n\n        &:active {\n          background: ", ";\n        }\n      "])), t.fileUploaderBorderRadius, t.fileUploaderTileIconColorBg, t.fileUploaderTileIconHoverColorBg, t.fileUploaderTileIconActiveColorBg);
+    },
+    iconActionShow: function iconActionShow() {
+      return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        opacity: 1;\n      "])));
+    },
+    iconSmall: function iconSmall(t) {
+      return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconActionPaddingSmall, t.fileUploaderTileIconActionPositionSmall, t.fileUploaderTileIconActionPositionSmall);
+    },
+    iconMedium: function iconMedium(t) {
+      return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconActionPaddingMedium, t.fileUploaderTileIconActionPositionMedium, t.fileUploaderTileIconActionPositionMedium);
+    },
+    iconLarge: function iconLarge(t) {
+      return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconActionPaddingLarge, t.fileUploaderTileIconActionPositionLarge, t.fileUploaderTileIconActionPositionLarge);
+    },
+    fileTypeIcon: function fileTypeIcon(t) {
+      return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      "])), t.fileUploaderDisabledBorderColor, t.fileUploaderBorderRadius);
+    },
+    fileTypeIconPreview: function fileTypeIconPreview() {
+      return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      "])));
+    },
+    fileTypeIconSmall: function fileTypeIconSmall(t) {
+      return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapSmall, t.fileUploaderTileTypeIconHeightSmall);
+    },
+    fileTypeIconMedium: function fileTypeIconMedium(t) {
+      return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapMedium, t.fileUploaderTileTypeIconHeightMedium);
+    },
+    fileTypeIconLarge: function fileTypeIconLarge(t) {
+      return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapLarge, t.fileUploaderTileTypeIconHeightLarge);
+    },
+    disabledFileTypeIcon: function disabledFileTypeIcon(t) {
+      return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        background: ", ";\n      "])), t.fileUploaderDisabledBg);
+    },
+    sizeDisabled: function sizeDisabled(t) {
+      return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
+    },
+    errorFileTypeIcon: function errorFileTypeIcon(t) {
+      return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border: 1px solid ", ";\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderErrorBgColor);
+    },
+    warningFileTypeIcon: function warningFileTypeIcon(t) {
+      return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border: 1px solid ", ";\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderWarningBgColor);
+    },
+    iconColor: function iconColor(t) {
+      return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])), t.fileUploaderTileIconColor, t.fileUploaderTileIconHoverColor);
+    },
+    size: function size(t) {
+      return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n        margin: ", " 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ", ";\n      "])), t.fileUploaderIconGapSmall, t.clearCrossIconColor);
+    },
+    name: function name() {
+      return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n        flex: 1 1 100%;\n        word-break: break-all;\n        height: 100%;\n\n        span {\n          word-break: break-word;\n        }\n      "])));
+    },
+    nameBlock: function nameBlock() {
+      return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n        flex: 0;\n        text-align: center;\n      "])));
+    },
+    contentSmall: function contentSmall(t) {
+      var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
+      return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n        max-height: ", "px;\n      "])), maxHeight);
+    },
+    contentMedium: function contentMedium(t) {
+      var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
+      return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n        max-height: ", "px;\n      "])), maxHeight);
+    },
+    contentLarge: function contentLarge(t) {
+      var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
+      return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n        max-height: ", "px;\n      "])), maxHeight);
+    },
+    disabled: function disabled(t) {
+      return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
+    }
+  };
+});

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","content","_templateObject2","error","t","_templateObject3","fileUploaderBorderColorError","name","_templateObject4","size","_templateObject5","icon","_templateObject6","fileUploaderIconSize","iconSmall","_templateObject7","iconMedium","_templateObject8","iconLarge","_templateObject9","iconMultiple","_templateObject10","contentSmall","_templateObject11","fileUploaderFontSizeSmall","contentMedium","_templateObject12","fileUploaderFontSizeMedium","contentLarge","_templateObject13","fileUploaderFontSizeLarge","deleteIcon","_templateObject14","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","_templateObject15","borderColorFocus","jsStyles"],"sources":["FileUploaderFile.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\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\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sXAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKZ,CAAC;;EAEDG,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACCI,CAAC,CAACE,4BAA4B;;EAE3C,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ,CAAC;;EAEDS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;EAIZ,CAAC;;EAEDW,IAAI,WAAAA,KAACP,CAAQ,EAAE;IACb,OAAOT,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;;IAIKI,CAAC,CAACS,oBAAoB;;;;EAIvC,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;EAGZ,CAAC;;EAEDgB,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;;EAIZ,CAAC;;EAEDoB,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOzB,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAArB,2BAAA;;;EAGZ,CAAC;;EAEDsB,YAAY,WAAAA,aAAClB,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;IACKI,CAAC,CAACoB,yBAAyB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAACrB,CAAQ,EAAE;IACtB,OAAOT,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACKI,CAAC,CAACuB,0BAA0B;;EAE7C,CAAC;;EAEDC,YAAY,WAAAA,aAACxB,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;IACKI,CAAC,CAAC0B,yBAAyB;;EAE5C,CAAC;;EAEDC,UAAU,WAAAA,WAAC3B,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;IACCI,CAAC,CAAC6B,qBAAqB;;IAErB7B,CAAC,CAAC8B,0BAA0B;;;EAG3C,CAAC;;EAEDC,WAAW,WAAAA,YAAC/B,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,2BAAA;IACaI,CAAC,CAACiC,gBAAgB;;EAE3C;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAG1C,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","content","_templateObject2","validationTextError","t","_templateObject3","fileUploaderErrorTextColor","validationTextWarning","_templateObject4","fileUploaderWarningTextColor","nameBlock","_templateObject5","size","_templateObject6","fileUploaderFileSizeMarginLeft","sizeSmall","_templateObject7","fileUploaderFileSizeWidthSmall","fileUploaderFileSizeMarginSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","sizeMedium","_templateObject8","fileUploaderFileSizeWidthMedium","fileUploaderFileSizeMarginMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","sizeLarge","_templateObject9","fileUploaderFileSizeWidthLarge","fileUploaderFileSizeMarginLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","icon","_templateObject10","fileUploaderIconGapSmall","fileUploaderTileIconSizeSmall","fileUploaderBorderRadius","fileUploaderHoveredBg","fileUploaderActiveBg","disabledFileTypeIconSvg","_templateObject11","fileUploaderDisabledFileTypeIcon","fileTypeIconMultiple","_templateObject12","contentSmall","_templateObject13","contentMedium","_templateObject14","contentLarge","_templateObject15","getJsRowStyles","_ref2","_templateObject16","_templateObject17","fileUploaderFileIconSizeSmall","_templateObject18","fileUploaderFileIconSizeMedium","_templateObject19","iconSmall","_templateObject20","iconMedium","_templateObject21","iconLarge","_templateObject22","fileUploaderFileIconSizeLarge","fileTypeIconSmall","_templateObject23","fileTypeIconMedium","_templateObject24","fileUploaderIconGapMedium","fileTypeIconLarge","_templateObject25","fileUploaderIconGapLarge","iconColor","_templateObject26","fileUploaderIconColor","fileUploaderIconHoverColor","_templateObject27","fileUploaderDisabledColor","name","_templateObject28","_templateObject29","disabled","_templateObject30","fileUploaderDisabledTextColor","getJsTileStyles","_ref3","_templateObject31","iconAction","_templateObject32","fileUploaderTileIconColorBg","fileUploaderTileIconHoverColorBg","fileUploaderTileIconActiveColorBg","iconActionShow","_templateObject33","_templateObject34","fileUploaderTileIconActionPaddingSmall","fileUploaderTileIconActionPositionSmall","_templateObject35","fileUploaderTileIconSizeMedium","fileUploaderTileIconActionPaddingMedium","fileUploaderTileIconActionPositionMedium","_templateObject36","fileUploaderTileIconSizeLarge","fileUploaderTileIconActionPaddingLarge","fileUploaderTileIconActionPositionLarge","fileTypeIcon","_templateObject37","fileUploaderDisabledBorderColor","fileTypeIconPreview","_templateObject38","_templateObject39","fileUploaderTileTypeIconHeightSmall","_templateObject40","fileUploaderTileTypeIconHeightMedium","_templateObject41","fileUploaderTileTypeIconHeightLarge","disabledFileTypeIcon","_templateObject42","fileUploaderDisabledBg","sizeDisabled","_templateObject43","fileUploaderDisabledIconColor","errorFileTypeIcon","_templateObject44","fileUploaderErrorBgColor","warningFileTypeIcon","_templateObject45","fileUploaderWarningBgColor","_templateObject46","fileUploaderTileIconColor","fileUploaderTileIconHoverColor","_templateObject47","clearCrossIconColor","_templateObject48","_templateObject49","maxHeight","parseInt","_templateObject50","_templateObject51","_templateObject52","_templateObject53"],"sources":["FileUploaderFile.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      width: 100%;\n      height: inherit;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    `;\n  },\n\n  validationTextError(t: Theme) {\n    return css`\n      color: ${t.fileUploaderErrorTextColor};\n    `;\n  },\n\n  validationTextWarning(t: Theme) {\n    return css`\n      color: ${t.fileUploaderWarningTextColor};\n    `;\n  },\n\n  nameBlock() {\n    return css`\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    `;\n  },\n\n  size(t: Theme) {\n    return css`\n      margin-left: ${t.fileUploaderFileSizeMarginLeft};\n      flex: 1 0 auto;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthSmall};\n      margin-right: ${t.fileUploaderFileSizeMarginSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthMedium};\n      margin-right: ${t.fileUploaderFileSizeMarginMedium};\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthLarge};\n      margin-right: ${t.fileUploaderFileSizeMarginLarge};\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.fileUploaderIconGapSmall};\n      right: ${t.fileUploaderIconGapSmall};\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ${t.fileUploaderTileIconSizeSmall};\n      border-radius: ${t.fileUploaderBorderRadius};\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ${t.fileUploaderHoveredBg};\n      }\n      &:active {\n        background: ${t.fileUploaderActiveBg};\n      }\n    `;\n  },\n\n  disabledFileTypeIconSvg(t: Theme) {\n    return css`\n      svg {\n        fill: ${t.fileUploaderDisabledFileTypeIcon} !important;\n      }\n    `;\n  },\n\n  fileTypeIconMultiple() {\n    return css`\n      margin-left: 0;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n    `;\n  },\n}));\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    content() {\n      return css`\n        flex-direction: row;\n      `;\n    },\n\n    contentSmall(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeSmall};\n      `;\n    },\n\n    contentMedium(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    contentLarge(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeSmall};\n        width: ${t.fileUploaderFileIconSizeSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeMedium};\n        width: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeLarge};\n        width: ${t.fileUploaderFileIconSizeLarge};\n      `;\n    },\n\n    fileTypeIconSmall(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapSmall};\n      `;\n    },\n\n    fileTypeIconMedium(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapMedium};\n      `;\n    },\n\n    fileTypeIconLarge(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapLarge};\n      `;\n    },\n\n    iconColor(t: Theme) {\n      return css`\n        color: ${t.fileUploaderIconColor};\n        &:hover {\n          color: ${t.fileUploaderIconHoverColor};\n        }\n      `;\n    },\n\n    size(t: Theme) {\n      return css`\n        margin-left: ${t.fileUploaderIconGapSmall};\n        color: ${t.fileUploaderDisabledColor};\n      `;\n    },\n\n    name() {\n      return css`\n        flex: 1 1 100%;\n        overflow: hidden;\n      `;\n    },\n\n    nameBlock() {\n      return css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n      `;\n    },\n  };\n});\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    content() {\n      return css`\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      `;\n    },\n\n    iconAction(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        opacity: 0;\n        background: ${t.fileUploaderTileIconColorBg};\n\n        &:hover {\n          background: ${t.fileUploaderTileIconHoverColorBg};\n        }\n\n        &:active {\n          background: ${t.fileUploaderTileIconActiveColorBg};\n        }\n      `;\n    },\n\n    iconActionShow() {\n      return css`\n        opacity: 1;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeSmall};\n        height: ${t.fileUploaderTileIconSizeSmall};\n        padding: ${t.fileUploaderTileIconActionPaddingSmall};\n        top: ${t.fileUploaderTileIconActionPositionSmall};\n        right: ${t.fileUploaderTileIconActionPositionSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeMedium};\n        height: ${t.fileUploaderTileIconSizeMedium};\n        padding: ${t.fileUploaderTileIconActionPaddingMedium};\n        top: ${t.fileUploaderTileIconActionPositionMedium};\n        right: ${t.fileUploaderTileIconActionPositionMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeLarge};\n        height: ${t.fileUploaderTileIconSizeLarge};\n        padding: ${t.fileUploaderTileIconActionPaddingLarge};\n        top: ${t.fileUploaderTileIconActionPositionLarge};\n        right: ${t.fileUploaderTileIconActionPositionLarge};\n      `;\n    },\n\n    fileTypeIcon(t: Theme) {\n      return css`\n        width: 100%;\n        border: 1px solid ${t.fileUploaderDisabledBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      `;\n    },\n\n    fileTypeIconPreview() {\n      return css`\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      `;\n    },\n\n    fileTypeIconSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapSmall};\n        height: ${t.fileUploaderTileTypeIconHeightSmall};\n      `;\n    },\n\n    fileTypeIconMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapMedium};\n        height: ${t.fileUploaderTileTypeIconHeightMedium};\n      `;\n    },\n\n    fileTypeIconLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapLarge};\n        height: ${t.fileUploaderTileTypeIconHeightLarge};\n      `;\n    },\n\n    disabledFileTypeIcon(t: Theme) {\n      return css`\n        box-shadow: none;\n        background: ${t.fileUploaderDisabledBg};\n      `;\n    },\n\n    sizeDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    errorFileTypeIcon(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        border: 1px solid ${t.fileUploaderErrorBgColor};\n      `;\n    },\n\n    warningFileTypeIcon(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        border: 1px solid ${t.fileUploaderWarningBgColor};\n      `;\n    },\n\n    iconColor(t: Theme) {\n      return css`\n        color: ${t.fileUploaderTileIconColor};\n        &:hover {\n          color: ${t.fileUploaderTileIconHoverColor};\n        }\n      `;\n    },\n\n    size(t: Theme) {\n      return css`\n        width: 100%;\n        margin: ${t.fileUploaderIconGapSmall} 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ${t.clearCrossIconColor};\n      `;\n    },\n\n    name() {\n      return css`\n        flex: 1 1 100%;\n        word-break: break-all;\n        height: 100%;\n\n        span {\n          word-break: break-word;\n        }\n      `;\n    },\n\n    nameBlock() {\n      return css`\n        flex: 0;\n        text-align: center;\n      `;\n    },\n\n    contentSmall(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    contentMedium(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    contentLarge(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n  };\n});\n"],"mappings":"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","ignoreList":[]}