@skbkontur/react-ui 6.4.6 → 6.4.7-9ac75.0

package/components/FileUploader/FileUploader.mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.mixins.js","sourceRoot":"","sources":["FileUploader.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UACnC,QAAgB,EAChB,UAAkB,EAClB,QAAgB,EAChB,QAAgB;IAEhB,OAAO,2BACQ,QAAQ,0DAEV,QAAQ,cAAI,QAAQ,iCAChB,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const fileUploaderSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingX: string,\n  paddingY: string,\n): string => {\n  return `\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n};\n"]}
+{"version":3,"file":"FileUploader.mixins.js","sourceRoot":"","sources":["FileUploader.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,EAAE,QAAgB;IAC5G,OAAA,CAAC;QACC,QAAQ,UAAA;QACR,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAG,QAAQ,cAAI,QAAQ,CAAE;QAClC,UAAU,YAAA;KACX,CAAU;AALX,CAKW,CAAC","sourcesContent":["export const fileUploaderSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) =>\n  ({\n    fontSize,\n    boxSizing: 'border-box',\n    padding: `${paddingY} ${paddingX}`,\n    lineHeight,\n  }) as const;\n"]}

package/components/FileUploader/FileUploaderFile.css.d.ts

@@ -0,0 +1,111 @@
+export declare const root: string;
+export declare const content: string;
+export declare const nameBlock: string;
+export declare const size: string;
+export declare const sizeSmall: string;
+export declare const sizeMedium: string;
+export declare const sizeLarge: string;
+export declare const icon: string;
+export declare const disabledFileTypeIconSvg: string;
+export declare const fileTypeIconMultiple: string;
+export declare const contentSmall: string;
+export declare const contentMedium: string;
+export declare const contentLarge: string;
+export declare const rowContent: string;
+export declare const rowContentSmall: string;
+export declare const rowContentMedium: string;
+export declare const iconSmall: string;
+export declare const iconMedium: string;
+export declare const iconLarge: string;
+export declare const fileTypeIconSmall: string;
+export declare const fileTypeIconMedium: string;
+export declare const fileTypeIconLarge: string;
+export declare const iconColor: string;
+export declare const rowSize: string;
+export declare const name: string;
+export declare const rowNameBlock: string;
+export declare const disabled: string;
+export declare const tileContent: string;
+export declare const iconAction: string;
+export declare const iconActionShow: string;
+export declare const tileIconSmall: string;
+export declare const tileIconMedium: string;
+export declare const tileIconLarge: string;
+export declare const fileTypeIcon: string;
+export declare const fileTypeIconPreview: string;
+export declare const tileFileTypeIconSmall: string;
+export declare const tileFileTypeIconMedium: string;
+export declare const tileFileTypeIconLarge: string;
+export declare const tileIconColor: string;
+export declare const tileSize: string;
+export declare const tileName: string;
+export declare const tileNameBlock: string;
+export declare const tileContentSmall: string;
+export declare const tileContentMedium: string;
+export declare const tileContentLarge: string;
+export declare const tileDisabled: string;
+export declare const validationTextWarning: string;
+export declare const validationTextError: string;
+export declare const disabledFileTypeIcon: string;
+export declare const warningFileTypeIcon: string;
+export declare const errorFileTypeIcon: string;
+export declare const sizeDisabled: string;
+export declare const jsStyles: {
+    root: string;
+    content: string;
+    validationTextError: string;
+    validationTextWarning: string;
+    nameBlock: string;
+    size: string;
+    sizeSmall: string;
+    sizeMedium: string;
+    sizeLarge: string;
+    icon: string;
+    disabledFileTypeIconSvg: string;
+    fileTypeIconMultiple: string;
+    contentSmall: string;
+    contentMedium: string;
+    contentLarge: string;
+};
+export declare const jsRowStyles: {
+    content: string;
+    contentSmall: string;
+    contentMedium: string;
+    contentLarge: string;
+    iconSmall: string;
+    iconMedium: string;
+    iconLarge: string;
+    fileTypeIconSmall: string;
+    fileTypeIconMedium: string;
+    fileTypeIconLarge: string;
+    iconColor: string;
+    size: string;
+    name: string;
+    nameBlock: string;
+    disabled: string;
+};
+export declare const jsTileStyles: {
+    content: string;
+    iconAction: string;
+    iconActionShow: string;
+    iconSmall: string;
+    iconMedium: string;
+    iconLarge: string;
+    fileTypeIcon: string;
+    fileTypeIconPreview: string;
+    fileTypeIconSmall: string;
+    fileTypeIconMedium: string;
+    fileTypeIconLarge: string;
+    disabledFileTypeIcon: string;
+    sizeDisabled: string;
+    errorFileTypeIcon: string;
+    warningFileTypeIcon: string;
+    iconColor: string;
+    size: string;
+    name: string;
+    nameBlock: string;
+    contentSmall: string;
+    contentMedium: string;
+    contentLarge: string;
+    disabled: string;
+};

package/components/FileUploader/FileUploaderFile.css.js

@@ -0,0 +1,56 @@
+
+export var content = 'react-ui-FileUploaderFile__content';
+export var contentLarge = 'react-ui-FileUploaderFile__contentLarge';
+export var contentMedium = 'react-ui-FileUploaderFile__contentMedium';
+export var contentSmall = 'react-ui-FileUploaderFile__contentSmall';
+export var disabled = 'react-ui-FileUploaderFile__disabled';
+export var disabledFileTypeIcon = 'react-ui-FileUploaderFile__disabledFileTypeIcon';
+export var disabledFileTypeIconSvg = 'react-ui-FileUploaderFile__disabledFileTypeIconSvg';
+export var errorFileTypeIcon = 'react-ui-FileUploaderFile__errorFileTypeIcon';
+export var fileTypeIcon = 'react-ui-FileUploaderFile__fileTypeIcon';
+export var fileTypeIconLarge = 'react-ui-FileUploaderFile__fileTypeIconLarge';
+export var fileTypeIconMedium = 'react-ui-FileUploaderFile__fileTypeIconMedium';
+export var fileTypeIconMultiple = 'react-ui-FileUploaderFile__fileTypeIconMultiple';
+export var fileTypeIconPreview = 'react-ui-FileUploaderFile__fileTypeIconPreview';
+export var fileTypeIconSmall = 'react-ui-FileUploaderFile__fileTypeIconSmall';
+export var icon = 'react-ui-FileUploaderFile__icon';
+export var iconAction = 'react-ui-FileUploaderFile__iconAction';
+export var iconActionShow = 'react-ui-FileUploaderFile__iconActionShow';
+export var iconColor = 'react-ui-FileUploaderFile__iconColor';
+export var iconLarge = 'react-ui-FileUploaderFile__iconLarge';
+export var iconMedium = 'react-ui-FileUploaderFile__iconMedium';
+export var iconSmall = 'react-ui-FileUploaderFile__iconSmall';
+export var jsRowStyles = {content:'react-ui-FileUploaderFile__content-2',contentSmall:'react-ui-FileUploaderFile__contentSmall-2',contentMedium:'react-ui-FileUploaderFile__contentMedium-2',contentLarge:'react-ui-FileUploaderFile__contentMedium-2',iconSmall:'react-ui-FileUploaderFile__iconSmall',iconMedium:'react-ui-FileUploaderFile__iconMedium',iconLarge:'react-ui-FileUploaderFile__iconLarge',fileTypeIconSmall:'react-ui-FileUploaderFile__fileTypeIconSmall',fileTypeIconMedium:'react-ui-FileUploaderFile__fileTypeIconMedium',fileTypeIconLarge:'react-ui-FileUploaderFile__fileTypeIconLarge',iconColor:'react-ui-FileUploaderFile__iconColor',size:'react-ui-FileUploaderFile__size-2',name:'react-ui-FileUploaderFile__name',nameBlock:'react-ui-FileUploaderFile__nameBlock-2',disabled:'react-ui-FileUploaderFile__disabled'};
+export var jsStyles = {root:'react-ui-FileUploaderFile__root',content:'react-ui-FileUploaderFile__content',validationTextError:'react-ui-FileUploaderFile__validationTextError',validationTextWarning:'react-ui-FileUploaderFile__validationTextWarning',nameBlock:'react-ui-FileUploaderFile__nameBlock',size:'react-ui-FileUploaderFile__size',sizeSmall:'react-ui-FileUploaderFile__sizeSmall',sizeMedium:'react-ui-FileUploaderFile__sizeMedium',sizeLarge:'react-ui-FileUploaderFile__sizeLarge',icon:'react-ui-FileUploaderFile__icon',disabledFileTypeIconSvg:'react-ui-FileUploaderFile__disabledFileTypeIconSvg',fileTypeIconMultiple:'react-ui-FileUploaderFile__fileTypeIconMultiple',contentSmall:'react-ui-FileUploaderFile__contentSmall',contentMedium:'react-ui-FileUploaderFile__contentMedium',contentLarge:'react-ui-FileUploaderFile__contentLarge'};
+export var jsTileStyles = {content:'react-ui-FileUploaderFile__content-3',iconAction:'react-ui-FileUploaderFile__iconAction',iconActionShow:'react-ui-FileUploaderFile__iconActionShow',iconSmall:'react-ui-FileUploaderFile__iconSmall-2',iconMedium:'react-ui-FileUploaderFile__iconMedium-2',iconLarge:'react-ui-FileUploaderFile__iconLarge-2',fileTypeIcon:'react-ui-FileUploaderFile__fileTypeIcon',fileTypeIconPreview:'react-ui-FileUploaderFile__fileTypeIconPreview',fileTypeIconSmall:'react-ui-FileUploaderFile__fileTypeIconSmall-2',fileTypeIconMedium:'react-ui-FileUploaderFile__fileTypeIconMedium-2',fileTypeIconLarge:'react-ui-FileUploaderFile__fileTypeIconLarge-2',disabledFileTypeIcon:'react-ui-FileUploaderFile__disabledFileTypeIcon',sizeDisabled:'react-ui-FileUploaderFile__sizeDisabled',errorFileTypeIcon:'react-ui-FileUploaderFile__errorFileTypeIcon',warningFileTypeIcon:'react-ui-FileUploaderFile__warningFileTypeIcon',iconColor:'react-ui-FileUploaderFile__iconColor-2',size:'react-ui-FileUploaderFile__size-3',name:'react-ui-FileUploaderFile__name-2',nameBlock:'react-ui-FileUploaderFile__nameBlock-3',contentSmall:'react-ui-FileUploaderFile__contentSmall-3',contentMedium:'react-ui-FileUploaderFile__contentMedium-3',contentLarge:'react-ui-FileUploaderFile__contentLarge-2',disabled:'react-ui-FileUploaderFile__disabled-2'};
+export var name = 'react-ui-FileUploaderFile__name';
+export var nameBlock = 'react-ui-FileUploaderFile__nameBlock';
+export var root = 'react-ui-FileUploaderFile__root';
+export var rowContent = 'react-ui-FileUploaderFile__content-2';
+export var rowContentMedium = 'react-ui-FileUploaderFile__contentMedium-2';
+export var rowContentSmall = 'react-ui-FileUploaderFile__contentSmall-2';
+export var rowNameBlock = 'react-ui-FileUploaderFile__nameBlock-2';
+export var rowSize = 'react-ui-FileUploaderFile__size-2';
+export var size = 'react-ui-FileUploaderFile__size';
+export var sizeDisabled = 'react-ui-FileUploaderFile__sizeDisabled';
+export var sizeLarge = 'react-ui-FileUploaderFile__sizeLarge';
+export var sizeMedium = 'react-ui-FileUploaderFile__sizeMedium';
+export var sizeSmall = 'react-ui-FileUploaderFile__sizeSmall';
+export var tileContent = 'react-ui-FileUploaderFile__content-3';
+export var tileContentLarge = 'react-ui-FileUploaderFile__contentLarge-2';
+export var tileContentMedium = 'react-ui-FileUploaderFile__contentMedium-3';
+export var tileContentSmall = 'react-ui-FileUploaderFile__contentSmall-3';
+export var tileDisabled = 'react-ui-FileUploaderFile__disabled-2';
+export var tileFileTypeIconLarge = 'react-ui-FileUploaderFile__fileTypeIconLarge-2';
+export var tileFileTypeIconMedium = 'react-ui-FileUploaderFile__fileTypeIconMedium-2';
+export var tileFileTypeIconSmall = 'react-ui-FileUploaderFile__fileTypeIconSmall-2';
+export var tileIconColor = 'react-ui-FileUploaderFile__iconColor-2';
+export var tileIconLarge = 'react-ui-FileUploaderFile__iconLarge-2';
+export var tileIconMedium = 'react-ui-FileUploaderFile__iconMedium-2';
+export var tileIconSmall = 'react-ui-FileUploaderFile__iconSmall-2';
+export var tileName = 'react-ui-FileUploaderFile__name-2';
+export var tileNameBlock = 'react-ui-FileUploaderFile__nameBlock-3';
+export var tileSize = 'react-ui-FileUploaderFile__size-3';
+export var validationTextError = 'react-ui-FileUploaderFile__validationTextError';
+export var validationTextWarning = 'react-ui-FileUploaderFile__validationTextWarning';
+export var warningFileTypeIcon = 'react-ui-FileUploaderFile__warningFileTypeIcon';

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.css.js","sourceRoot":"","sources":["FileUploaderFile.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { t } from '../../lib/theming/vanilla.js';\n\nexport const root = style({\n  width: '100%',\n  height: 'inherit',\n});\n\nexport const content = style({\n  display: 'flex',\n  width: '100%',\n  alignItems: 'baseline',\n});\n\nexport const nameBlock = style({\n  display: 'flex',\n  flexWrap: 'wrap',\n  flex: '1 1 100%',\n  width: '100%',\n});\n\nexport const size = style({\n  marginLeft: t.fileUploaderFileSizeMarginLeft,\n  flex: '1 0 auto',\n});\n\nexport const sizeSmall = style({\n  width: t.fileUploaderFileSizeWidthSmall,\n  marginRight: t.fileUploaderFileSizeMarginSmall,\n  fontSize: t.fileUploaderFontSizeSmall,\n  lineHeight: t.fileUploaderLineHeightSmall,\n});\n\nexport const sizeMedium = style({\n  width: t.fileUploaderFileSizeWidthMedium,\n  marginRight: t.fileUploaderFileSizeMarginMedium,\n  fontSize: t.fileUploaderFontSizeMedium,\n  lineHeight: t.fileUploaderLineHeightMedium,\n});\n\nexport const sizeLarge = style({\n  width: t.fileUploaderFileSizeWidthLarge,\n  marginRight: t.fileUploaderFileSizeMarginLarge,\n  fontSize: t.fileUploaderFontSizeLarge,\n  lineHeight: t.fileUploaderLineHeightLarge,\n});\n\nexport const icon = style({\n  position: 'absolute',\n  top: t.fileUploaderIconGapSmall,\n  right: t.fileUploaderIconGapSmall,\n  display: 'flex',\n  flex: '1 0 auto',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: t.fileUploaderTileIconSizeSmall,\n  borderRadius: t.fileUploaderBorderRadius,\n  cursor: 'pointer',\n  textAlign: 'center',\n  outline: 'none',\n});\n\n// только вложенное правило для svg\nexport const disabledFileTypeIconSvg = style({});\n\nexport const fileTypeIconMultiple = style({ marginLeft: 0 });\n\nexport const contentSmall = style({\n  fontSize: t.fileUploaderFontSizeSmall,\n  lineHeight: t.fileUploaderLineHeightSmall,\n});\n\nexport const contentMedium = style({\n  fontSize: t.fileUploaderFontSizeMedium,\n  lineHeight: t.fileUploaderLineHeightMedium,\n});\n\nexport const contentLarge = style({\n  fontSize: t.fileUploaderFontSizeLarge,\n  lineHeight: t.fileUploaderLineHeightLarge,\n});\n\n// ---------- строки (getJsRowStyles): одноимённые классы получают суффикс, как раньше ----------\n\nexport const rowContent = style({ flexDirection: 'row' }, 'content-2');\n\nexport const rowContentSmall = style({ marginRight: t.fileUploaderFileIconSizeSmall }, 'contentSmall-2');\n\n// у contentLarge строки те же стили, Emotion отдавал ему этот же класс\nexport const rowContentMedium = style({ marginRight: t.fileUploaderFileIconSizeMedium }, 'contentMedium-2');\n\nexport const iconSmall = style({\n  height: t.fileUploaderFileIconSizeSmall,\n  width: t.fileUploaderFileIconSizeSmall,\n});\n\nexport const iconMedium = style({\n  height: t.fileUploaderFileIconSizeMedium,\n  width: t.fileUploaderFileIconSizeMedium,\n});\n\nexport const iconLarge = style({\n  height: t.fileUploaderFileIconSizeLarge,\n  width: t.fileUploaderFileIconSizeLarge,\n});\n\nexport const fileTypeIconSmall = style({ marginRight: t.fileUploaderIconGapSmall });\n\nexport const fileTypeIconMedium = style({ marginRight: t.fileUploaderIconGapMedium });\n\nexport const fileTypeIconLarge = style({ marginRight: t.fileUploaderIconGapLarge });\n\nexport const iconColor = style({ color: t.fileUploaderIconColor });\n\nexport const rowSize = style(\n  {\n    marginLeft: t.fileUploaderIconGapSmall,\n    color: t.fileUploaderDisabledColor,\n  },\n  'size-2',\n);\n\nexport const name = style({\n  flex: '1 1 100%',\n  overflow: 'hidden',\n});\n\nexport const rowNameBlock = style({ flex: '1 1 100%' }, 'nameBlock-2');\n\nexport const disabled = style({\n  cursor: 'default',\n  color: t.fileUploaderDisabledTextColor,\n});\n\n// ---------- плитки (getJsTileStyles) ----------\n\nexport const tileContent = style(\n  {\n    flexDirection: 'column',\n    alignItems: 'center',\n    height: 'inherit',\n  },\n  'content-3',\n);\n\nexport const iconAction = style({\n  borderRadius: t.fileUploaderBorderRadius,\n  opacity: 0,\n  background: t.fileUploaderTileIconColorBg,\n});\n\nexport const iconActionShow = style({ opacity: 1 });\n\nexport const tileIconSmall = style(\n  {\n    width: t.fileUploaderTileIconSizeSmall,\n    height: t.fileUploaderTileIconSizeSmall,\n    padding: t.fileUploaderTileIconActionPaddingSmall,\n    top: t.fileUploaderTileIconActionPositionSmall,\n    right: t.fileUploaderTileIconActionPositionSmall,\n  },\n  'iconSmall-2',\n);\n\nexport const tileIconMedium = style(\n  {\n    width: t.fileUploaderTileIconSizeMedium,\n    height: t.fileUploaderTileIconSizeMedium,\n    padding: t.fileUploaderTileIconActionPaddingMedium,\n    top: t.fileUploaderTileIconActionPositionMedium,\n    right: t.fileUploaderTileIconActionPositionMedium,\n  },\n  'iconMedium-2',\n);\n\nexport const tileIconLarge = style(\n  {\n    width: t.fileUploaderTileIconSizeLarge,\n    height: t.fileUploaderTileIconSizeLarge,\n    padding: t.fileUploaderTileIconActionPaddingLarge,\n    top: t.fileUploaderTileIconActionPositionLarge,\n    right: t.fileUploaderTileIconActionPositionLarge,\n  },\n  'iconLarge-2',\n);\n\nexport const fileTypeIcon = style({\n  width: '100%',\n  border: `1px solid ${t.fileUploaderDisabledBorderColor}`,\n  borderRadius: t.fileUploaderBorderRadius,\n  boxSizing: 'border-box',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const fileTypeIconPreview = style({\n  backgroundPosition: 'top',\n  backgroundSize: 'cover',\n  backgroundRepeat: 'no-repeat',\n});\n\nexport const tileFileTypeIconSmall = style(\n  {\n    marginBottom: t.fileUploaderIconGapSmall,\n    height: t.fileUploaderTileTypeIconHeightSmall,\n  },\n  'fileTypeIconSmall-2',\n);\n\nexport const tileFileTypeIconMedium = style(\n  {\n    marginBottom: t.fileUploaderIconGapMedium,\n    height: t.fileUploaderTileTypeIconHeightMedium,\n  },\n  'fileTypeIconMedium-2',\n);\n\nexport const tileFileTypeIconLarge = style(\n  {\n    marginBottom: t.fileUploaderIconGapLarge,\n    height: t.fileUploaderTileTypeIconHeightLarge,\n  },\n  'fileTypeIconLarge-2',\n);\n\nexport const tileIconColor = style({ color: t.fileUploaderTileIconColor }, 'iconColor-2');\n\nexport const tileSize = style(\n  {\n    width: '100%',\n    margin: `${t.fileUploaderIconGapSmall} 0 0`,\n    overflow: 'hidden',\n    textAlign: 'center',\n    color: t.clearCrossIconColor,\n  },\n  'size-3',\n);\n\nexport const tileName = style(\n  {\n    flex: '1 1 100%',\n    wordBreak: 'break-all',\n    height: '100%',\n  },\n  'name-2',\n);\n\nexport const tileNameBlock = style(\n  {\n    flex: 0,\n    textAlign: 'center',\n  },\n  'nameBlock-3',\n);\n\nexport const tileContentSmall = style({ maxHeight: `calc(${t.fileUploaderLineHeightSmall} * 2)` }, 'contentSmall-3');\n\nexport const tileContentMedium = style({ maxHeight: `calc(${t.fileUploaderLineHeightMedium} * 2)` }, 'contentMedium-3');\n\nexport const tileContentLarge = style({ maxHeight: `calc(${t.fileUploaderLineHeightLarge} * 2)` }, 'contentLarge-2');\n\nexport const tileDisabled = style(\n  {\n    cursor: 'default',\n    color: t.fileUploaderDisabledIconColor,\n  },\n  'disabled-2',\n);\n\n// модификаторы — после базовых, как в порядке вызова cx(...)\nexport const validationTextWarning = style({ color: t.fileUploaderWarningTextColor });\n\nexport const validationTextError = style({ color: t.fileUploaderErrorTextColor });\n\nexport const disabledFileTypeIcon = style({\n  boxShadow: 'none',\n  background: t.fileUploaderDisabledBg,\n});\n\nexport const warningFileTypeIcon = style({\n  background: t.fileUploaderWarningBgColor,\n  border: `1px solid ${t.fileUploaderWarningBgColor}`,\n});\n\nexport const errorFileTypeIcon = style({\n  background: t.fileUploaderErrorBgColor,\n  border: `1px solid ${t.fileUploaderErrorBgColor}`,\n});\n\nexport const sizeDisabled = style({ color: t.fileUploaderDisabledIconColor });\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${icon}:hover`, { background: t.fileUploaderHoveredBg });\nglobalStyle(`${icon}:active`, { background: t.fileUploaderActiveBg });\n\nglobalStyle(`${disabledFileTypeIconSvg} svg`, { fill: `${t.fileUploaderDisabledFileTypeIcon} !important` });\n\nglobalStyle(`${iconColor}:hover`, { color: t.fileUploaderIconHoverColor });\n\nglobalStyle(`${iconAction}:hover`, { background: t.fileUploaderTileIconHoverColorBg });\nglobalStyle(`${iconAction}:active`, { background: t.fileUploaderTileIconActiveColorBg });\n\nglobalStyle(`${tileIconColor}:hover`, { color: t.fileUploaderTileIconHoverColor });\n\nglobalStyle(`${tileName} span`, { wordBreak: 'break-word' });\n\nexport const jsStyles = {\n  root,\n  content,\n  validationTextError,\n  validationTextWarning,\n  nameBlock,\n  size,\n  sizeSmall,\n  sizeMedium,\n  sizeLarge,\n  icon,\n  disabledFileTypeIconSvg,\n  fileTypeIconMultiple,\n  contentSmall,\n  contentMedium,\n  contentLarge,\n};\n\nexport const jsRowStyles = {\n  content: rowContent,\n  contentSmall: rowContentSmall,\n  contentMedium: rowContentMedium,\n  contentLarge: rowContentMedium,\n  iconSmall,\n  iconMedium,\n  iconLarge,\n  fileTypeIconSmall,\n  fileTypeIconMedium,\n  fileTypeIconLarge,\n  iconColor,\n  size: rowSize,\n  name,\n  nameBlock: rowNameBlock,\n  disabled,\n};\n\nexport const jsTileStyles = {\n  content: tileContent,\n  iconAction,\n  iconActionShow,\n  iconSmall: tileIconSmall,\n  iconMedium: tileIconMedium,\n  iconLarge: tileIconLarge,\n  fileTypeIcon,\n  fileTypeIconPreview,\n  fileTypeIconSmall: tileFileTypeIconSmall,\n  fileTypeIconMedium: tileFileTypeIconMedium,\n  fileTypeIconLarge: tileFileTypeIconLarge,\n  disabledFileTypeIcon,\n  sizeDisabled,\n  errorFileTypeIcon,\n  warningFileTypeIcon,\n  iconColor: tileIconColor,\n  size: tileSize,\n  name: tileName,\n  nameBlock: tileNameBlock,\n  contentSmall: tileContentSmall,\n  contentMedium: tileContentMedium,\n  contentLarge: tileContentLarge,\n  disabled: tileDisabled,\n};\n"]}

package/components/FileUploader/FileUploaderFile.js

@@ -24,18 +24,18 @@ import React, { useCallback, useContext, useEffect, useMemo, useRef, useState }
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
 import { TextWidthHelper } from '../../internal/TextWidthHelper/TextWidthHelper.js';
+import { cx } from '../../lib/cx.js';
 import { getDOMRect } from '../../lib/dom/getDOMRect.js';
 import { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';
 import { useKeyListener } from '../../lib/events/keyListener.js';
 import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
 import { LocaleContext } from '../../lib/locale/LocaleContext.js';
-import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
+import { useGlobal } from '../../lib/renderEnvironment/index.js';
 import { truncate } from '../../lib/stringUtils.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { formatBytes } from '../../lib/utils.js';
 import { Hint } from '../Hint/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-import { getJsRowStyles, getJsStyles, getJsTileStyles } from './FileUploaderFile.styles.js';
+import { jsRowStyles, jsStyles, jsTileStyles } from './FileUploaderFile.css.js';
 import { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon.js';
 import { FileUploaderFileTypeIcon } from './FileUploaderFileTypeIcon.js';
 import { FileUploaderFileStatus, getFileUploaderTypeIcon } from './fileUtils.js';
@@ -97,13 +97,8 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     var textHelperRef = useRef(null);
     var fileNameElementRef = useRef(null);
     var langCode = useContext(LocaleContext).langCode;
-    var theme = useContext(ThemeContext);
     var globalObject = useGlobal();
-    var cx = useEmotion().cx;
     var keyListener = useKeyListener();
-    var jsStyles = useStyles(getJsStyles);
-    var jsRowStyles = useStyles(getJsRowStyles);
-    var jsTileStyles = useStyles(getJsTileStyles);
     var isLoading = status === FileUploaderFileStatus.Loading;
     var isTileView = view === 'tile';
     var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
@@ -123,29 +118,29 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     var isWarning = file.status === FileUploaderFileStatus.Warning || warning;
     var isInvalid = isError || !isValid;
     var sizeIconClass = useFileUploaderSize(size, {
-        small: jsViewStyles.iconSmall(theme),
-        medium: jsViewStyles.iconMedium(theme),
-        large: jsViewStyles.iconLarge(theme),
+        small: jsViewStyles.iconSmall,
+        medium: jsViewStyles.iconMedium,
+        large: jsViewStyles.iconLarge,
     });
     var renderTooltipContent = useCallback(function () {
         return !isValid && !error && message ? message : null;
     }, [isValid, error, message]);
     var sizeNameBlockClass = useFileUploaderSize(size, {
-        small: jsStyles.contentSmall(theme),
-        medium: jsStyles.contentMedium(theme),
-        large: jsStyles.contentLarge(theme),
+        small: jsStyles.contentSmall,
+        medium: jsStyles.contentMedium,
+        large: jsStyles.contentLarge,
     });
     var sizeViewNameBlockClass = useFileUploaderSize(size, {
-        small: jsViewStyles.contentSmall(theme),
-        medium: jsViewStyles.contentMedium(theme),
-        large: jsViewStyles.contentLarge(theme),
+        small: jsViewStyles.contentSmall,
+        medium: jsViewStyles.contentMedium,
+        large: jsViewStyles.contentLarge,
     });
     var validationTextClassName = cx((_a = {},
-        _a[jsStyles.validationTextWarning(theme)] = isWarning,
-        _a[jsStyles.validationTextError(theme)] = isError,
+        _a[jsStyles.validationTextWarning] = isWarning,
+        _a[jsStyles.validationTextError] = isError,
         _a));
-    var contentClassNames = cx(jsStyles.content(), jsViewStyles.content());
-    var nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);
+    var contentClassNames = cx(jsStyles.content, jsViewStyles.content);
+    var nameTextClassNames = cx(jsViewStyles.name, isTileView && !disabled && validationTextClassName);
     var handleMouseEnter = useCallback(function () {
         setHoveredFile(true);
     }, []);
@@ -170,36 +165,36 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
             onRemove(id);
         }
     }, [onRemove, id]);
-    var iconClassNames = cx(jsStyles.icon(theme), (_b = {},
+    var iconClassNames = cx(jsStyles.icon, (_b = {},
         _b[sizeIconClass] = true,
-        _b[jsTileStyles.iconAction(theme)] = isTileView,
-        _b[jsTileStyles.iconActionShow()] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab),
+        _b[jsTileStyles.iconAction] = isTileView,
+        _b[jsTileStyles.iconActionShow] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab),
         _b));
     var sizeClassName = useFileUploaderSize(size, {
-        small: jsStyles.sizeSmall(theme),
-        medium: jsStyles.sizeMedium(theme),
-        large: jsStyles.sizeLarge(theme),
+        small: jsStyles.sizeSmall,
+        medium: jsStyles.sizeMedium,
+        large: jsStyles.sizeLarge,
     });
-    var sizeClassNames = cx(jsStyles.size(theme), sizeClassName, jsViewStyles.size(theme), isTileView && (disabled || isLoading) && jsTileStyles.sizeDisabled(theme));
+    var sizeClassNames = cx(jsStyles.size, sizeClassName, jsViewStyles.size, isTileView && (disabled || isLoading) && jsTileStyles.sizeDisabled);
     var sizeFileTypeIconClass = useFileUploaderSize(size, {
-        small: jsViewStyles.fileTypeIconSmall(theme),
-        medium: jsViewStyles.fileTypeIconMedium(theme),
-        large: jsViewStyles.fileTypeIconLarge(theme),
+        small: jsViewStyles.fileTypeIconSmall,
+        medium: jsViewStyles.fileTypeIconMedium,
+        large: jsViewStyles.fileTypeIconLarge,
     });
     var isTruncated = truncatedFileName !== name;
-    var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(theme), isTileView && (_c = {},
-        _c[jsTileStyles.fileTypeIcon(theme)] = true,
-        _c[jsTileStyles.fileTypeIconPreview()] = !!previewImg,
-        _c[jsTileStyles.disabledFileTypeIcon(theme)] = disabled,
-        _c[jsTileStyles.warningFileTypeIcon(theme)] = isWarning,
-        _c[jsTileStyles.errorFileTypeIcon(theme)] = isError,
-        _c), multiple && jsStyles.fileTypeIconMultiple());
-    var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock(), (disabled || isLoading) && jsViewStyles.disabled(theme), jsViewStyles.nameBlock());
+    var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg, isTileView && (_c = {},
+        _c[jsTileStyles.fileTypeIcon] = true,
+        _c[jsTileStyles.fileTypeIconPreview] = !!previewImg,
+        _c[jsTileStyles.disabledFileTypeIcon] = disabled,
+        _c[jsTileStyles.warningFileTypeIcon] = isWarning,
+        _c[jsTileStyles.errorFileTypeIcon] = isError,
+        _c), multiple && jsStyles.fileTypeIconMultiple);
+    var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock, (disabled || isLoading) && jsViewStyles.disabled, jsViewStyles.nameBlock);
     var fileType = getFileUploaderTypeIcon(file.originalFile, isError, isWarning && !!withWarningIcon);
     var icon = isTileView && isLoading ? (React.createElement(LoadingIcon, { size: size })) : ((fileTypeIcon !== null && fileTypeIcon !== void 0 ? fileTypeIcon : React.createElement(FileUploaderFileTypeIcon, { type: fileType, size: size, view: view })));
     var splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);
     return (React.createElement(CommonWrapper, __assign({}, rest),
-        React.createElement("div", { "data-tid": FileUploaderFileDataTids.file, className: jsStyles.root(), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref },
+        React.createElement("div", { "data-tid": FileUploaderFileDataTids.file, className: jsStyles.root, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref },
             React.createElement(Tooltip, { "data-tid": FileUploaderFileDataTids.fileTooltip, pos: validationTooltipPositionByView, render: function () { return (withValidationTooltip || isTileView ? renderTooltipContent() : null); } },
                 React.createElement("div", { className: contentClassNames },
                     React.createElement("div", { "data-tid": FileUploaderFileDataTids.fileTypeIcon, className: fileTypeIconClassName, style: previewImg ? { backgroundImage: "url(".concat(previewImg, ")") } : undefined }, (!isTileView || !previewImg) && icon),

package/components/FileUploader/FileUploaderFile.js.map

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

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

@@ -0,0 +1,60 @@
+export declare const fileWrapper: string;
+export declare const fileWrapperFocus: string;
+export declare const fileWrapperHover: string;
+export declare const warningFile: string;
+export declare const errorFile: string;
+export declare const removeBorderTopRadius: string;
+export declare const removeBorderBottomRadius: string;
+export declare const summary: string;
+export declare const summaryErrorText: string;
+export declare const summaryWarningText: string;
+export declare const summarySmall: string;
+export declare const summaryMedium: string;
+export declare const summaryLarge: string;
+export declare const file: string;
+export declare const fileListWrapper: string;
+export declare const fileWrapperSmall: string;
+export declare const fileWrapperMedium: string;
+export declare const fileWrapperLarge: string;
+export declare const errorFileFocus: string;
+export declare const warningFileFocus: string;
+export declare const tileFile: string;
+export declare const tileFileListWrapper: string;
+export declare const tileFileWrapperSmall: string;
+export declare const tileFileWrapperMedium: string;
+export declare const tileFileWrapperLarge: string;
+export declare const tileErrorFileFocus: string;
+export declare const tileWarningFileFocus: string;
+export declare const jsStyles: {
+    fileWrapper: string;
+    fileWrapperFocus: string;
+    fileWrapperHover: string;
+    warningFile: string;
+    errorFile: string;
+    removeBorderTopRadius: string;
+    removeBorderBottomRadius: string;
+    summary: string;
+    summaryErrorText: string;
+    summaryWarningText: string;
+    summarySmall: string;
+    summaryMedium: string;
+    summaryLarge: string;
+};
+export declare const jsRowStyles: {
+    file: string;
+    fileListWrapper: string;
+    fileWrapperSmall: string;
+    fileWrapperMedium: string;
+    fileWrapperLarge: string;
+    errorFileFocus: string;
+    warningFileFocus: string;
+};
+export declare const jsTileStyles: {
+    file: string;
+    fileListWrapper: string;
+    fileWrapperSmall: string;
+    fileWrapperMedium: string;
+    fileWrapperLarge: string;
+    errorFileFocus: string;
+    warningFileFocus: string;
+};

package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js

@@ -0,0 +1,31 @@
+
+export var errorFile = 'react-ui-FileUploaderFileList__errorFile';
+export var errorFileFocus = 'react-ui-FileUploaderFileList__errorFileFocus';
+export var file = 'react-ui-FileUploaderFileList__file';
+export var fileListWrapper = 'react-ui-FileUploaderFileList__fileListWrapper';
+export var fileWrapper = 'react-ui-FileUploaderFileList__fileWrapper';
+export var fileWrapperFocus = 'react-ui-FileUploaderFileList__fileWrapperFocus';
+export var fileWrapperHover = 'react-ui-FileUploaderFileList__fileWrapperHover';
+export var fileWrapperLarge = 'react-ui-FileUploaderFileList__fileWrapperLarge';
+export var fileWrapperMedium = 'react-ui-FileUploaderFileList__fileWrapperMedium';
+export var fileWrapperSmall = 'react-ui-FileUploaderFileList__fileWrapperSmall';
+export var jsRowStyles = {file:'react-ui-FileUploaderFileList__file',fileListWrapper:'react-ui-FileUploaderFileList__fileListWrapper',fileWrapperSmall:'react-ui-FileUploaderFileList__fileWrapperSmall',fileWrapperMedium:'react-ui-FileUploaderFileList__fileWrapperMedium',fileWrapperLarge:'react-ui-FileUploaderFileList__fileWrapperLarge',errorFileFocus:'react-ui-FileUploaderFileList__errorFileFocus',warningFileFocus:'react-ui-FileUploaderFileList__warningFileFocus'};
+export var jsStyles = {fileWrapper:'react-ui-FileUploaderFileList__fileWrapper',fileWrapperFocus:'react-ui-FileUploaderFileList__fileWrapperFocus',fileWrapperHover:'react-ui-FileUploaderFileList__fileWrapperHover',warningFile:'react-ui-FileUploaderFileList__warningFile',errorFile:'react-ui-FileUploaderFileList__errorFile',removeBorderTopRadius:'react-ui-FileUploaderFileList__removeBorderTopRadius',removeBorderBottomRadius:'react-ui-FileUploaderFileList__removeBorderBottomRadius',summary:'react-ui-FileUploaderFileList__summary',summaryErrorText:'react-ui-FileUploaderFileList__summaryErrorText',summaryWarningText:'react-ui-FileUploaderFileList__summaryWarningText',summarySmall:'react-ui-FileUploaderFileList__summarySmall',summaryMedium:'react-ui-FileUploaderFileList__summaryMedium',summaryLarge:'react-ui-FileUploaderFileList__summaryLarge'};
+export var jsTileStyles = {file:'react-ui-FileUploaderFileList__file-2',fileListWrapper:'react-ui-FileUploaderFileList__fileListWrapper-2',fileWrapperSmall:'react-ui-FileUploaderFileList__fileWrapperSmall-2',fileWrapperMedium:'react-ui-FileUploaderFileList__fileWrapperMedium-2',fileWrapperLarge:'react-ui-FileUploaderFileList__fileWrapperLarge-2',errorFileFocus:'react-ui-FileUploaderFileList__errorFileFocus-2',warningFileFocus:'react-ui-FileUploaderFileList__warningFileFocus-2'};
+export var removeBorderBottomRadius = 'react-ui-FileUploaderFileList__removeBorderBottomRadius';
+export var removeBorderTopRadius = 'react-ui-FileUploaderFileList__removeBorderTopRadius';
+export var summary = 'react-ui-FileUploaderFileList__summary';
+export var summaryErrorText = 'react-ui-FileUploaderFileList__summaryErrorText';
+export var summaryLarge = 'react-ui-FileUploaderFileList__summaryLarge';
+export var summaryMedium = 'react-ui-FileUploaderFileList__summaryMedium';
+export var summarySmall = 'react-ui-FileUploaderFileList__summarySmall';
+export var summaryWarningText = 'react-ui-FileUploaderFileList__summaryWarningText';
+export var tileErrorFileFocus = 'react-ui-FileUploaderFileList__errorFileFocus-2';
+export var tileFile = 'react-ui-FileUploaderFileList__file-2';
+export var tileFileListWrapper = 'react-ui-FileUploaderFileList__fileListWrapper-2';
+export var tileFileWrapperLarge = 'react-ui-FileUploaderFileList__fileWrapperLarge-2';
+export var tileFileWrapperMedium = 'react-ui-FileUploaderFileList__fileWrapperMedium-2';
+export var tileFileWrapperSmall = 'react-ui-FileUploaderFileList__fileWrapperSmall-2';
+export var tileWarningFileFocus = 'react-ui-FileUploaderFileList__warningFileFocus-2';
+export var warningFile = 'react-ui-FileUploaderFileList__warningFile';
+export var warningFileFocus = 'react-ui-FileUploaderFileList__warningFileFocus';

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFileList.css.js","sourceRoot":"","sources":["FileUploaderFileList.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { t } from '../../../lib/theming/vanilla.js';\n\nexport const fileWrapper = style({\n  position: 'relative',\n  width: '100%',\n  height: 'max-content',\n  display: 'flex',\n  alignItems: 'center',\n  boxSizing: 'border-box',\n  borderRadius: t.fileUploaderBorderRadius,\n  border: `${t.fileUploaderBorderWidth} solid transparent`,\n  boxShadow: '0 0 0 1px transparent',\n  cursor: 'pointer',\n});\n\nexport const fileWrapperFocus = style({\n  border: `${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus}`,\n  boxShadow: `0 0 0 1px ${t.fileUploaderBorderColorFocus}`,\n});\n\nexport const fileWrapperHover = style({\n  background: t.fileUploaderHoveredBg,\n  borderColor: t.fileUploaderHoveredBorderColor,\n});\n\nexport const warningFile = style({\n  background: t.fileUploaderWarningBgColor,\n  color: t.fileUploaderValidationTextColor,\n});\n\nexport const errorFile = style({\n  background: t.fileUploaderErrorBgColor,\n  color: t.fileUploaderValidationTextColor,\n});\n\nexport const removeBorderTopRadius = style({\n  borderTopRightRadius: 0,\n  borderTopLeftRadius: 0,\n});\n\nexport const removeBorderBottomRadius = style({\n  borderBottomRightRadius: 0,\n  borderBottomLeftRadius: 0,\n});\n\nexport const summary = style({\n  display: 'flex',\n  borderBottom: `1px solid ${t.tabColorHover}`,\n  marginBottom: t.fileUploaderListGap,\n  order: -1,\n  width: '100%',\n  boxSizing: 'border-box',\n});\n\nexport const summaryErrorText = style({\n  color: t.fileUploaderErrorTextColor,\n  marginRight: t.fileUploaderListSummaryTextGap,\n});\n\nexport const summaryWarningText = style({ color: t.fileUploaderWarningTextColor });\n\nexport const summarySmall = style({\n  fontSize: t.fileUploaderFontSizeSmall,\n  lineHeight: t.fileUploaderLineHeightSmall,\n  padding: `${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall}`,\n});\n\nexport const summaryMedium = style({\n  fontSize: t.fileUploaderFontSizeMedium,\n  lineHeight: t.fileUploaderLineHeightMedium,\n  padding: `${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium}`,\n});\n\nexport const summaryLarge = style({\n  fontSize: t.fileUploaderFontSizeLarge,\n  lineHeight: t.fileUploaderLineHeightLarge,\n  padding: `${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge}`,\n});\n\n// ---------- строки (getJsRowStyles) ----------\n\nexport const file = style({ width: '100%' });\n\nexport const fileListWrapper = style({\n  display: 'block',\n  width: '100%',\n  marginTop: t.fileUploaderListGap,\n});\n\nexport const fileWrapperSmall = style({\n  padding: `${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall}`,\n});\n\nexport const fileWrapperMedium = style({\n  padding: `${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium}`,\n});\n\nexport const fileWrapperLarge = style({\n  padding: `${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge}`,\n});\n\nexport const errorFileFocus = style({\n  background: t.fileUploaderErrorBgHoverColor,\n  border: `${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError}`,\n  borderRadius: `${t.fileUploaderBorderRadius} !important`,\n  boxShadow: `0 0 0 1px ${t.fileUploaderBorderColorError}`,\n});\n\nexport const warningFileFocus = style({\n  background: t.fileUploaderWarningBgHoverColor,\n  border: `${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning}`,\n  borderRadius: `${t.fileUploaderBorderRadius} !important`,\n  boxShadow: `0 0 0 1px ${t.fileUploaderBorderColorWarning}`,\n});\n\n// ---------- плитки (getJsTileStyles): одноимённые классы получают суффикс, как раньше ----------\n\nexport const tileFile = style({ width: '100%', height: '100%' }, 'file-2');\n\nexport const tileFileListWrapper = style({ display: 'contents' }, 'fileListWrapper-2');\n\nexport const tileFileWrapperSmall = style(\n  {\n    padding: t.fileUploaderTileFilePaddingSmall,\n    width: t.fileUploaderTileWidthSmall,\n  },\n  'fileWrapperSmall-2',\n);\n\nexport const tileFileWrapperMedium = style(\n  {\n    padding: t.fileUploaderTileFilePaddingMedium,\n    width: t.fileUploaderTileWidthMedium,\n    height: t.fileUploaderTileHeightMedium,\n  },\n  'fileWrapperMedium-2',\n);\n\nexport const tileFileWrapperLarge = style(\n  {\n    padding: t.fileUploaderTileFilePaddingLarge,\n    width: t.fileUploaderTileWidthLarge,\n    height: t.fileUploaderTileHeightLarge,\n  },\n  'fileWrapperLarge-2',\n);\n\nexport const tileErrorFileFocus = style(\n  {\n    border: `${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError}`,\n    borderRadius: `${t.fileUploaderBorderRadius} !important`,\n    boxShadow: `0 0 0 1px ${t.fileUploaderBorderColorError}`,\n  },\n  'errorFileFocus-2',\n);\n\nexport const tileWarningFileFocus = style(\n  {\n    border: `${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning}`,\n    borderRadius: `${t.fileUploaderBorderRadius} !important`,\n    boxShadow: `0 0 0 1px ${t.fileUploaderBorderColorWarning}`,\n  },\n  'warningFileFocus-2',\n);\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${fileWrapper}::before`, {\n  position: 'absolute',\n  content: \"' '\",\n  width: '100%',\n  height: '100%',\n  borderRadius: t.fileUploaderBorderRadius,\n  border: `${t.fileUploaderBorderWidth} solid transparent`,\n  boxShadow: '0 0 0 1px transparent',\n  top: -1,\n  left: -1,\n  zIndex: -1,\n});\n\nglobalStyle(`${warningFile}:hover`, {\n  background: t.fileUploaderWarningBgHoverColor,\n  borderRadius: t.fileUploaderBorderRadius,\n});\nglobalStyle(`${warningFile}::before`, { background: t.fileUploaderWarningBgColor });\n\nglobalStyle(`${errorFile}:hover`, {\n  background: t.fileUploaderErrorBgHoverColor,\n  borderRadius: t.fileUploaderBorderRadius,\n});\nglobalStyle(`${errorFile}::before`, { background: t.fileUploaderErrorBgColor });\n\nglobalStyle(`${removeBorderTopRadius}::before`, {\n  borderTopRightRadius: 0,\n  borderTopLeftRadius: 0,\n});\n\nglobalStyle(`${removeBorderBottomRadius}::before`, {\n  borderBottomRightRadius: 0,\n  borderBottomLeftRadius: 0,\n});\n\nexport const jsStyles = {\n  fileWrapper,\n  fileWrapperFocus,\n  fileWrapperHover,\n  warningFile,\n  errorFile,\n  removeBorderTopRadius,\n  removeBorderBottomRadius,\n  summary,\n  summaryErrorText,\n  summaryWarningText,\n  summarySmall,\n  summaryMedium,\n  summaryLarge,\n};\n\nexport const jsRowStyles = {\n  file,\n  fileListWrapper,\n  fileWrapperSmall,\n  fileWrapperMedium,\n  fileWrapperLarge,\n  errorFileFocus,\n  warningFileFocus,\n};\n\nexport const jsTileStyles = {\n  file: tileFile,\n  fileListWrapper: tileFileListWrapper,\n  fileWrapperSmall: tileFileWrapperSmall,\n  fileWrapperMedium: tileFileWrapperMedium,\n  fileWrapperLarge: tileFileWrapperLarge,\n  errorFileFocus: tileErrorFileFocus,\n  warningFileFocus: tileWarningFileFocus,\n};\n"]}