@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","getAttachedFile","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","concat","updatedProps","_extends","FileUploaderControlProvider","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","_useState","length","attachedFiles","map","item","setFiles","_useState2","isMinLengthReached","setIsMinLengthReached","locale","setFileStatus","status","validationResult","Error","Warning","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","createElement","Provider","value","displayName"],"sources":["FileUploaderControlProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport type { FileUploaderAttachedFile } from './fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = (\n  props: PropsWithChildren<\n    FileUploaderControlProviderProps & {\n      multiple?: boolean;\n    }\n  >,\n) => {\n  const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n  const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n    if (initialFiles && initialFiles.length > 0) {\n      const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n      return multiple ? attachedFiles : [attachedFiles[0]];\n    }\n    return [];\n  });\n  const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n  const locale = useControlLocale();\n\n  useEffectWithoutInitCall(() => {\n    onValueChange?.(files);\n  }, [files]);\n\n  const setFileStatus = useCallback(\n    (fileId: string, status: FileUploaderFileStatus) => {\n      setFiles((files) =>\n        updateFile(files, fileId, (file) => ({\n          status,\n          validationResult:\n            status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n              ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n              : file.validationResult,\n        })),\n      );\n    },\n    [locale],\n  );\n\n  const handleExternalSetFiles = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      onAttach?.(files);\n      setFiles((state) => [...state, ...files]);\n    },\n    [onAttach],\n  );\n\n  const removeFile = useCallback(\n    (fileId: string) => {\n      onRemove?.(fileId);\n      setFiles((state) => state.filter((file) => file.id !== fileId));\n    },\n    [onRemove],\n  );\n\n  const setFileValidationResult = useCallback(\n    (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n      setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n    },\n    [],\n  );\n\n  const reset = React.useCallback(() => {\n    setFiles(() => [] as FileUploaderAttachedFile[]);\n  }, []);\n\n  return (\n    <FileUploaderControlContext.Provider\n      value={useMemoObject({\n        setFileStatus,\n        files,\n        setFiles: handleExternalSetFiles,\n        removeFile,\n        setFileValidationResult,\n        reset,\n        isMinLengthReached,\n        setIsMinLengthReached,\n      })}\n    >\n      {children}\n    </FileUploaderControlContext.Provider>\n  );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"],"mappings":"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","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderControlProvider/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/FileUploaderControl/FileUploaderControlProvider.js",
+  "module": "FileUploaderControlProvider",
+  "types": "../FileUploaderControlProvider.d.ts",
+  "sideEffects": false
+}

package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts

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

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

@@ -0,0 +1 @@
+export { FileUploaderFile, FileUploaderFileDataTids } from "../../../../components/FileUploader/FileUploaderFile";

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

@@ -0,0 +1 @@
+{"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/package.json

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

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

@@ -1 +1 @@
-export { FileUploaderFile, type FileUploaderFileProps, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile.js';
+export { FileUploaderFile, type FileUploaderFileProps, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile';

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

@@ -0,0 +1,183 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+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, _templateObject54, _templateObject55, _templateObject56;
+import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
+var styles = {
+  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    "])));
+  },
+  error: function error(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
+  },
+  validationTextError: function validationTextError(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderErrorTextColor);
+  },
+  validationTextWarning: function validationTextWarning(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderWarningTextColor);
+  },
+  nameBlock: function nameBlock() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
+  },
+  size: function size(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])), t.fileUploaderFileSizeMarginLeft);
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject8 || (_templateObject8 = _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(_templateObject9 || (_templateObject9 = _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(_templateObject10 || (_templateObject10 = _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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      flex: 1 0 auto;\n      cursor: pointer;\n      text-align: right;\n      outline: none;\n    "])), t.fileUploaderTileIconSizeSmall);
+  },
+  icon5_5: function icon5_5(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n      border-radius: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: ", ";\n      right: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderBorderRadius, t.fileUploaderIconGapSmall, t.fileUploaderIconGapSmall, t.fileUploaderHoveredBg, t.fileUploaderActiveBg);
+  },
+  iconMultiple: function iconMultiple() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+  },
+  disabledFileTypeIconSvg: function disabledFileTypeIconSvg(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      svg {\n        fill: ", " !important;\n      }\n    "])), t.fileUploaderDisabledFileTypeIcon);
+  },
+  fileTypeIconMultiple: function fileTypeIconMultiple() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin-left: 0;\n    "])));
+  },
+  contentSmall: function contentSmall(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+  },
+  contentMedium: function contentMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+  },
+  contentLarge: function contentLarge(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+  }
+};
+var rowStyles = {
+  content: function content() {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      flex-direction: row;\n    "])));
+  },
+  contentSmall: function contentSmall(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeSmall);
+  },
+  contentMedium: function contentMedium(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
+  },
+  contentLarge: function contentLarge(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
+  },
+  iconSmall: function iconSmall(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeSmall, t.fileUploaderFileIconSizeSmall);
+  },
+  iconMedium: function iconMedium(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeMedium, t.fileUploaderFileIconSizeMedium);
+  },
+  iconLarge: function iconLarge(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeLarge, t.fileUploaderFileIconSizeLarge);
+  },
+  fileTypeIconSmall: function fileTypeIconSmall(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapSmall);
+  },
+  fileTypeIconMedium: function fileTypeIconMedium(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapMedium);
+  },
+  fileTypeIconLarge: function fileTypeIconLarge(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapLarge);
+  },
+  iconColor: function iconColor(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
+  },
+  size: function size(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      color: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderDisabledColor);
+  },
+  name: function name() {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
+  },
+  nameBlock: function nameBlock() {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledTextColor);
+  }
+};
+var tileStyles = {
+  content: function content() {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      flex-direction: column;\n      align-items: center;\n      height: inherit;\n    "])));
+  },
+  iconAction: function iconAction(t) {
+    return css(_templateObject35 || (_templateObject35 = _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(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n    "])));
+  },
+  iconSmall: function iconSmall(t) {
+    return css(_templateObject37 || (_templateObject37 = _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(_templateObject38 || (_templateObject38 = _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(_templateObject39 || (_templateObject39 = _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(_templateObject40 || (_templateObject40 = _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(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      background-position: top;\n      background-size: cover;\n      background-repeat: no-repeat;\n    "])));
+  },
+  fileTypeIconSmall: function fileTypeIconSmall(t) {
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderTileTypeIconHeightSmall);
+  },
+  fileTypeIconMedium: function fileTypeIconMedium(t) {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapMedium, t.fileUploaderTileTypeIconHeightMedium);
+  },
+  fileTypeIconLarge: function fileTypeIconLarge(t) {
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapLarge, t.fileUploaderTileTypeIconHeightLarge);
+  },
+  disabledFileTypeIcon: function disabledFileTypeIcon(t) {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      background: ", ";\n    "])), t.fileUploaderDisabledBg);
+  },
+  sizeDisabled: function sizeDisabled(t) {
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+  },
+  errorFileTypeIcon: function errorFileTypeIcon(t) {
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderErrorBgColor, t.fileUploaderErrorBgColor);
+  },
+  warningFileTypeIcon: function warningFileTypeIcon(t) {
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderWarningBgColor, t.fileUploaderWarningBgColor);
+  },
+  iconColor: function iconColor(t) {
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderTileIconColor, t.fileUploaderTileIconHoverColor);
+  },
+  size: function size(t) {
+    return css(_templateObject50 || (_templateObject50 = _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(_templateObject51 || (_templateObject51 = _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(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      flex: 0;\n      text-align: center;\n    "])));
+  },
+  contentSmall: function contentSmall(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+  },
+  contentMedium: function contentMedium(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+  },
+  contentLarge: function contentLarge(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+  }
+};
+export var jsStyles = memoizeStyle(styles);
+export var jsRowStyles = memoizeStyle(rowStyles);
+export var jsTileStyles = memoizeStyle(tileStyles);

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","content","_templateObject2","error","t","_templateObject3","fileUploaderBorderColorError","validationTextError","_templateObject4","fileUploaderErrorTextColor","validationTextWarning","_templateObject5","fileUploaderWarningTextColor","nameBlock","_templateObject6","size","_templateObject7","fileUploaderFileSizeMarginLeft","sizeSmall","_templateObject8","fileUploaderFileSizeWidthSmall","fileUploaderFileSizeMarginSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","sizeMedium","_templateObject9","fileUploaderFileSizeWidthMedium","fileUploaderFileSizeMarginMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","sizeLarge","_templateObject10","fileUploaderFileSizeWidthLarge","fileUploaderFileSizeMarginLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","icon","_templateObject11","fileUploaderTileIconSizeSmall","icon5_5","_templateObject12","fileUploaderBorderRadius","fileUploaderIconGapSmall","fileUploaderHoveredBg","fileUploaderActiveBg","iconMultiple","_templateObject13","disabledFileTypeIconSvg","_templateObject14","fileUploaderDisabledFileTypeIcon","fileTypeIconMultiple","_templateObject15","contentSmall","_templateObject16","contentMedium","_templateObject17","contentLarge","_templateObject18","rowStyles","_templateObject19","_templateObject20","fileUploaderFileIconSizeSmall","_templateObject21","fileUploaderFileIconSizeMedium","_templateObject22","iconSmall","_templateObject23","iconMedium","_templateObject24","iconLarge","_templateObject25","fileUploaderFileIconSizeLarge","fileTypeIconSmall","_templateObject26","fileTypeIconMedium","_templateObject27","fileUploaderIconGapMedium","fileTypeIconLarge","_templateObject28","fileUploaderIconGapLarge","iconColor","_templateObject29","fileUploaderIconColor","fileUploaderIconHoverColor","_templateObject30","fileUploaderDisabledColor","name","_templateObject31","_templateObject32","disabled","_templateObject33","fileUploaderDisabledTextColor","tileStyles","_templateObject34","iconAction","_templateObject35","fileUploaderTileIconColorBg","fileUploaderTileIconHoverColorBg","fileUploaderTileIconActiveColorBg","iconActionShow","_templateObject36","_templateObject37","fileUploaderTileIconActionPaddingSmall","fileUploaderTileIconActionPositionSmall","_templateObject38","fileUploaderTileIconSizeMedium","fileUploaderTileIconActionPaddingMedium","fileUploaderTileIconActionPositionMedium","_templateObject39","fileUploaderTileIconSizeLarge","fileUploaderTileIconActionPaddingLarge","fileUploaderTileIconActionPositionLarge","fileTypeIcon","_templateObject40","fileUploaderDisabledBorderColor","fileTypeIconPreview","_templateObject41","_templateObject42","fileUploaderTileTypeIconHeightSmall","_templateObject43","fileUploaderTileTypeIconHeightMedium","_templateObject44","fileUploaderTileTypeIconHeightLarge","disabledFileTypeIcon","_templateObject45","fileUploaderDisabledBg","sizeDisabled","_templateObject46","fileUploaderDisabledIconColor","errorFileTypeIcon","_templateObject47","fileUploaderErrorBgColor","warningFileTypeIcon","_templateObject48","fileUploaderWarningBgColor","_templateObject49","fileUploaderTileIconColor","fileUploaderTileIconHoverColor","_templateObject50","clearCrossIconColor","_templateObject51","_templateObject52","maxHeight","parseInt","_templateObject53","_templateObject54","_templateObject55","_templateObject56","jsStyles","jsRowStyles","jsTileStyles"],"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      height: inherit;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\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      width: ${t.fileUploaderTileIconSizeSmall};\n      flex: 1 0 auto;\n      cursor: pointer;\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  icon5_5(t: Theme) {\n    return css`\n      text-align: center;\n      border-radius: ${t.fileUploaderBorderRadius};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: ${t.fileUploaderIconGapSmall};\n      right: ${t.fileUploaderIconGapSmall};\n\n      &:hover {\n        background: ${t.fileUploaderHoveredBg};\n      }\n      &:active {\n        background: ${t.fileUploaderActiveBg};\n      }\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\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\nconst rowStyles = {\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\nconst tileStyles = {\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\nexport const jsStyles = memoizeStyle(styles);\nexport const jsRowStyles = memoizeStyle(rowStyles);\nexport const jsTileStyles = memoizeStyle(tileStyles);\n"],"mappings":"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","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/package.json

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

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

@@ -1,7 +1,8 @@
-import type { Theme } from '../../../lib/theming/Theme.js';
-export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
+import type { Theme } from '../../../lib/theming/Theme';
+export declare const jsStyles: {
     root(): string;
     content(): string;
+    error(t: Theme): string;
     validationTextError(t: Theme): string;
     validationTextWarning(t: Theme): string;
     nameBlock(): string;
@@ -10,13 +11,15 @@ export declare const getJsStyles: import("../../../lib/theming/Emotion.js").Styl
     sizeMedium(t: Theme): string;
     sizeLarge(t: Theme): string;
     icon(t: Theme): string;
+    icon5_5(t: Theme): string;
+    iconMultiple(): string;
     disabledFileTypeIconSvg(t: Theme): string;
     fileTypeIconMultiple(): string;
     contentSmall(t: Theme): string;
     contentMedium(t: Theme): string;
     contentLarge(t: Theme): string;
-}>;
-export declare const getJsRowStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
+};
+export declare const jsRowStyles: {
     content(): string;
     contentSmall(t: Theme): string;
     contentMedium(t: Theme): string;
@@ -32,8 +35,8 @@ export declare const getJsRowStyles: import("../../../lib/theming/Emotion.js").S
     name(): string;
     nameBlock(): string;
     disabled(t: Theme): string;
-}>;
-export declare const getJsTileStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
+};
+export declare const jsTileStyles: {
     content(): string;
     iconAction(t: Theme): string;
     iconActionShow(): string;
@@ -57,4 +60,4 @@ export declare const getJsTileStyles: import("../../../lib/theming/Emotion.js").
     contentMedium(t: Theme): string;
     contentLarge(t: Theme): string;
     disabled(t: Theme): string;
-}>;
+};

package/internal/FileUploaderControl/FileUploaderFile/icons/ActionIcon/ActionIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../icons2022/iconSizer";
+import { UiMenuDotsThreeVIcon16Light } from "../../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon16Light";
+import { UiMenuDotsThreeVIcon20Light } from "../../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon20Light";
+import { UiMenuDotsThreeVIcon24Regular } from "../../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon24Regular";
+export var ActionIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon24Regular, null);
+  }
+}, 'ActionIcon');

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","UiMenuDotsThreeVIcon16Light","UiMenuDotsThreeVIcon20Light","UiMenuDotsThreeVIcon24Regular","ActionIcon","small","createElement","medium","large"],"sources":["ActionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../icons2022/iconSizer';\nimport { UiMenuDotsThreeVIcon16Light } from '../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon16Light';\nimport { UiMenuDotsThreeVIcon20Light } from '../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon20Light';\nimport { UiMenuDotsThreeVIcon24Regular } from '../../../icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon24Regular';\n\nexport const ActionIcon = iconSizer(\n  {\n    small: () => <UiMenuDotsThreeVIcon16Light />,\n    medium: () => <UiMenuDotsThreeVIcon20Light />,\n    large: () => <UiMenuDotsThreeVIcon24Regular />,\n  },\n  'ActionIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,2BAA2B,QAAQ,qEAAqE;AACjH,SAASC,2BAA2B,QAAQ,qEAAqE;AACjH,SAASC,6BAA6B,QAAQ,uEAAuE;;AAErH,OAAO,IAAMC,UAAU,GAAGJ,SAAS;EACjC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,2BAA2B,MAAE,CAAC;IAC5CM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,2BAA2B,MAAE,CAAC;IAC7CM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,6BAA6B,MAAE,CAAC;EAChD,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/ActionIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/internal/FileUploaderControl/FileUploaderFile/icons/ActionIcon.js",
+  "module": "ActionIcon",
+  "types": "../ActionIcon.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,3 @@
+export declare const ActionIcon: import("../../../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/internal/FileUploaderControl/FileUploaderFile/icons/DeleteIcon/DeleteIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../icons2022/iconSizer";
+import { XIcon16Light } from "../../../../icons2022/XIcon/XIcon16Light";
+import { XIcon20Light } from "../../../../icons2022/XIcon/XIcon20Light";
+import { XIcon24Regular } from "../../../../icons2022/XIcon/XIcon24Regular";
+export var DeleteIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(XIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(XIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(XIcon24Regular, null);
+  }
+}, 'DeleteIcon');

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","XIcon16Light","XIcon20Light","XIcon24Regular","DeleteIcon","small","createElement","medium","large"],"sources":["DeleteIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../icons2022/iconSizer';\nimport { XIcon16Light } from '../../../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../../../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../../../icons2022/XIcon/XIcon24Regular';\n\nexport const DeleteIcon = iconSizer(\n  {\n    small: () => <XIcon16Light />,\n    medium: () => <XIcon20Light />,\n    large: () => <XIcon24Regular />,\n  },\n  'DeleteIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,cAAc,QAAQ,yCAAyC;;AAExE,OAAO,IAAMC,UAAU,GAAGJ,SAAS;EACjC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,YAAY,MAAE,CAAC;IAC7BM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,YAAY,MAAE,CAAC;IAC9BM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,cAAc,MAAE,CAAC;EACjC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/DeleteIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/internal/FileUploaderControl/FileUploaderFile/icons/DeleteIcon.js",
+  "module": "DeleteIcon",
+  "types": "../DeleteIcon.d.ts",
+  "sideEffects": false
+}

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

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

package/internal/FileUploaderControl/FileUploaderFile/icons/ErrorIcon/ErrorIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../icons2022/iconSizer";
+import { MinusCircleIcon16Light } from "../../../../icons2022/MinusCircleIcon/MinusCircleIcon16Light";
+import { MinusCircleIcon20Light } from "../../../../icons2022/MinusCircleIcon/MinusCircleIcon20Light";
+import { MinusCircleIcon24Regular } from "../../../../icons2022/MinusCircleIcon/MinusCircleIcon24Regular";
+export var ErrorIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(MinusCircleIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(MinusCircleIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(MinusCircleIcon24Regular, null);
+  }
+}, 'ErrorIcon');

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","MinusCircleIcon16Light","MinusCircleIcon20Light","MinusCircleIcon24Regular","ErrorIcon","small","createElement","medium","large"],"sources":["ErrorIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../icons2022/iconSizer';\nimport { MinusCircleIcon16Light } from '../../../icons2022/MinusCircleIcon/MinusCircleIcon16Light';\nimport { MinusCircleIcon20Light } from '../../../icons2022/MinusCircleIcon/MinusCircleIcon20Light';\nimport { MinusCircleIcon24Regular } from '../../../icons2022/MinusCircleIcon/MinusCircleIcon24Regular';\n\nexport const ErrorIcon = iconSizer(\n  {\n    small: () => <MinusCircleIcon16Light />,\n    medium: () => <MinusCircleIcon20Light />,\n    large: () => <MinusCircleIcon24Regular />,\n  },\n  'ErrorIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,sBAAsB,QAAQ,2DAA2D;AAClG,SAASC,sBAAsB,QAAQ,2DAA2D;AAClG,SAASC,wBAAwB,QAAQ,6DAA6D;;AAEtG,OAAO,IAAMC,SAAS,GAAGJ,SAAS;EAChC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,sBAAsB,MAAE,CAAC;IACvCM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,sBAAsB,MAAE,CAAC;IACxCM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/ErrorIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/internal/FileUploaderControl/FileUploaderFile/icons/ErrorIcon.js",
+  "module": "ErrorIcon",
+  "types": "../ErrorIcon.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,3 @@
+export declare const ErrorIcon: import("../../../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

@@ -0,0 +1,64 @@
+import React, { useContext } from 'react';
+import { useResponsiveLayout } from "../../../../../components/ResponsiveLayout";
+import { ThemeContext } from "../../../../../lib/theming/ThemeContext";
+import { isThemeGTE } from "../../../../../lib/theming/ThemeHelpers";
+import { FileUploaderFileStatus } from "../../../fileUtils";
+import { LoadingIcon } from "../../../../icons2022/LoadingIcon";
+import { jsTileStyles, jsRowStyles } from "../../FileUploaderFile.styles";
+import { DeleteIcon } from "../DeleteIcon";
+import { ErrorIcon } from "../ErrorIcon";
+
+// import { ActionIcon } from './ActionIcon';
+
+export var FileUploaderFileStatusIcon = function FileUploaderFileStatusIcon(_ref) {
+  var hovered = _ref.hovered,
+    isTileView = _ref.isTileView,
+    disabled = _ref.disabled,
+    focusedByTab = _ref.focusedByTab,
+    isInvalid = _ref.isInvalid,
+    status = _ref.status,
+    size = _ref.size,
+    hasValidation = _ref.hasValidation;
+  var _useResponsiveLayout = useResponsiveLayout(),
+    isMobile = _useResponsiveLayout.isMobile;
+  var theme = useContext(ThemeContext);
+  var versionGTE5_5 = isThemeGTE(theme, '5.5');
+  var iconClassNames = isTileView ? jsTileStyles.iconColor(theme) : jsRowStyles.iconColor(theme);
+  var IconDelete = /*#__PURE__*/React.createElement(DeleteIcon, {
+    size: size,
+    className: iconClassNames
+  });
+  // const IconAction = <ActionIcon size={size} className={iconClassNames} />;
+  var IconError = /*#__PURE__*/React.createElement(ErrorIcon, {
+    size: size
+  });
+  if (versionGTE5_5) {
+    if (status === FileUploaderFileStatus.Loading) {
+      return hovered || isTileView ? IconDelete : /*#__PURE__*/React.createElement(LoadingIcon, {
+        size: size
+      });
+    }
+    if (disabled || !isMobile && !hovered && !focusedByTab) {
+      return null;
+    }
+    if (isInvalid || hasValidation) {
+      return IconDelete;
+    }
+  } else {
+    if (hovered || focusedByTab) {
+      return IconDelete;
+    }
+    if (isInvalid) {
+      return IconError;
+    }
+  }
+  switch (status) {
+    case FileUploaderFileStatus.Loading:
+      return /*#__PURE__*/React.createElement(LoadingIcon, {
+        size: size
+      });
+    // TODO - IF-2270 - добавить логику для действий по наведению и клику, пока только удаление
+    default:
+      return IconDelete;
+  }
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useResponsiveLayout","ThemeContext","isThemeGTE","FileUploaderFileStatus","LoadingIcon","jsTileStyles","jsRowStyles","DeleteIcon","ErrorIcon","FileUploaderFileStatusIcon","_ref","hovered","isTileView","disabled","focusedByTab","isInvalid","status","size","hasValidation","_useResponsiveLayout","isMobile","theme","versionGTE5_5","iconClassNames","iconColor","IconDelete","createElement","className","IconError","Loading"],"sources":["FileUploaderFileStatusIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useResponsiveLayout } from '../../../../components/ResponsiveLayout';\nimport { ThemeContext } from '../../../../lib/theming/ThemeContext';\nimport { isThemeGTE } from '../../../../lib/theming/ThemeHelpers';\nimport { FileUploaderFileStatus } from '../../fileUtils';\nimport { LoadingIcon } from '../../../icons2022/LoadingIcon';\nimport type { SizeProp } from '../../../../lib/types/props';\nimport { jsTileStyles, jsRowStyles } from '../FileUploaderFile.styles';\n\nimport { DeleteIcon } from './DeleteIcon';\nimport { ErrorIcon } from './ErrorIcon';\n\n// import { ActionIcon } from './ActionIcon';\ninterface FileUploaderFileStatusIconProps {\n  hovered: boolean;\n  isTileView?: boolean;\n  disabled?: boolean;\n  focusedByTab: boolean;\n  isInvalid: boolean;\n  status: FileUploaderFileStatus;\n  size: SizeProp;\n  hasValidation?: boolean;\n}\n\nexport const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps> = ({\n  hovered,\n  isTileView,\n  disabled,\n  focusedByTab,\n  isInvalid,\n  status,\n  size,\n  hasValidation,\n}) => {\n  const { isMobile } = useResponsiveLayout();\n  const theme = useContext(ThemeContext);\n  const versionGTE5_5 = isThemeGTE(theme, '5.5');\n\n  const iconClassNames = isTileView ? jsTileStyles.iconColor(theme) : jsRowStyles.iconColor(theme);\n  const IconDelete = <DeleteIcon size={size} className={iconClassNames} />;\n  // const IconAction = <ActionIcon size={size} className={iconClassNames} />;\n  const IconError = <ErrorIcon size={size} />;\n\n  if (versionGTE5_5) {\n    if (status === FileUploaderFileStatus.Loading) {\n      return hovered || isTileView ? IconDelete : <LoadingIcon size={size} />;\n    }\n    if (disabled || (!isMobile && !hovered && !focusedByTab)) {\n      return null;\n    }\n    if (isInvalid || hasValidation) {\n      return IconDelete;\n    }\n  } else {\n    if (hovered || focusedByTab) {\n      return IconDelete;\n    }\n    if (isInvalid) {\n      return IconError;\n    }\n  }\n\n  switch (status) {\n    case FileUploaderFileStatus.Loading:\n      return <LoadingIcon size={size} />;\n    // TODO - IF-2270 - добавить логику для действий по наведению и клику, пока только удаление\n    default:\n      return IconDelete;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,mBAAmB,QAAQ,yCAAyC;AAC7E,SAASC,YAAY,QAAQ,sCAAsC;AACnE,SAASC,UAAU,QAAQ,sCAAsC;AACjE,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAQ,gCAAgC;;AAE5D,SAASC,YAAY,EAAEC,WAAW,QAAQ,4BAA4B;;AAEtE,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;;AAEvC;;;;;;;;;;;;AAYA,OAAO,IAAMC,0BAAoF,GAAG,SAAvFA,0BAAoFA,CAAAC,IAAA;;;;;;;;;AAS3F,KARJC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CACPC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CACRC,YAAY,GAAAJ,IAAA,CAAZI,YAAY,CACZC,SAAS,GAAAL,IAAA,CAATK,SAAS,CACTC,MAAM,GAAAN,IAAA,CAANM,MAAM,CACNC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CACJC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAAC,oBAAA,GAAqBnB,mBAAmB,CAAC,CAAC,CAAlCoB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;EAChB,IAAMC,KAAK,GAAGtB,UAAU,CAACE,YAAY,CAAC;EACtC,IAAMqB,aAAa,GAAGpB,UAAU,CAACmB,KAAK,EAAE,KAAK,CAAC;;EAE9C,IAAME,cAAc,GAAGX,UAAU,GAAGP,YAAY,CAACmB,SAAS,CAACH,KAAK,CAAC,GAAGf,WAAW,CAACkB,SAAS,CAACH,KAAK,CAAC;EAChG,IAAMI,UAAU,gBAAG3B,KAAA,CAAA4B,aAAA,CAACnB,UAAU,IAACU,IAAI,EAAEA,IAAK,EAACU,SAAS,EAAEJ,cAAe,EAAE,CAAC;EACxE;EACA,IAAMK,SAAS,gBAAG9B,KAAA,CAAA4B,aAAA,CAAClB,SAAS,IAACS,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE3C,IAAIK,aAAa,EAAE;IACjB,IAAIN,MAAM,KAAKb,sBAAsB,CAAC0B,OAAO,EAAE;MAC7C,OAAOlB,OAAO,IAAIC,UAAU,GAAGa,UAAU,gBAAG3B,KAAA,CAAA4B,aAAA,CAACtB,WAAW,IAACa,IAAI,EAAEA,IAAK,EAAE,CAAC;IACzE;IACA,IAAIJ,QAAQ,IAAK,CAACO,QAAQ,IAAI,CAACT,OAAO,IAAI,CAACG,YAAa,EAAE;MACxD,OAAO,IAAI;IACb;IACA,IAAIC,SAAS,IAAIG,aAAa,EAAE;MAC9B,OAAOO,UAAU;IACnB;EACF,CAAC,MAAM;IACL,IAAId,OAAO,IAAIG,YAAY,EAAE;MAC3B,OAAOW,UAAU;IACnB;IACA,IAAIV,SAAS,EAAE;MACb,OAAOa,SAAS;IAClB;EACF;;EAEA,QAAQZ,MAAM;IACZ,KAAKb,sBAAsB,CAAC0B,OAAO;MACjC,oBAAO/B,KAAA,CAAA4B,aAAA,CAACtB,WAAW,IAACa,IAAI,EAAEA,IAAK,EAAE,CAAC;IACpC;IACA;MACE,OAAOQ,UAAU;EACrB;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileStatusIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/internal/FileUploaderControl/FileUploaderFile/icons/FileUploaderFileStatusIcon.js",
+  "module": "FileUploaderFileStatusIcon",
+  "types": "../FileUploaderFileStatusIcon.d.ts",
+  "sideEffects": false
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FileUploaderFileStatus } from '../../fileUtils.js';
-import type { SizeProp } from '../../../../lib/types/props.js';
+import { FileUploaderFileStatus } from '../../fileUtils';
+import type { SizeProp } from '../../../../lib/types/props';
 interface FileUploaderFileStatusIconProps {
     hovered: boolean;
     isTileView?: boolean;