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

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationErrorIcon/ValidationErrorIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","XCircleIcon24Regular","XCircleIcon32Regular","XCircleIcon64Regular","ValidationErrorIcon","small","createElement","medium","large"],"sources":["ValidationErrorIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../../icons2022/iconSizer';\nimport { XCircleIcon24Regular } from '../../../../icons2022/XCircleIcon/XCircleIcon24Regular';\nimport { XCircleIcon32Regular } from '../../../../icons2022/XCircleIcon/XCircleIcon32Regular';\nimport { XCircleIcon64Regular } from '../../../../icons2022/XCircleIcon/XCircleIcon64Regular';\n\nexport const ValidationErrorIcon = iconSizer(\n  {\n    small: () => <XCircleIcon24Regular />,\n    medium: () => <XCircleIcon32Regular />,\n    large: () => <XCircleIcon64Regular />,\n  },\n  'ValidationErrorIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,oBAAoB,QAAQ,wDAAwD;AAC7F,SAASC,oBAAoB,QAAQ,wDAAwD;AAC7F,SAASC,oBAAoB,QAAQ,wDAAwD;;AAE7F,OAAO,IAAMC,mBAAmB,GAAGJ,SAAS;EAC1C;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,oBAAoB,MAAE,CAAC;IACrCM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,oBAAoB,MAAE,CAAC;IACtCM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,oBAAoB,MAAE,CAAC;EACvC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationErrorIcon/package.json

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

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationErrorIcon.d.ts

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

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationWarningIcon/ValidationWarningIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../../../icons2022/iconSizer";
+import { WarningTriangleIcon24Regular } from "../../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon24Regular";
+import { WarningTriangleIcon32Regular } from "../../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon32Regular";
+import { WarningTriangleIcon64Regular } from "../../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon64Regular";
+export var ValidationWarningIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(WarningTriangleIcon24Regular, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(WarningTriangleIcon32Regular, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(WarningTriangleIcon64Regular, null);
+  }
+}, 'ValidationWarningIcon');

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationWarningIcon/ValidationWarningIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","WarningTriangleIcon24Regular","WarningTriangleIcon32Regular","WarningTriangleIcon64Regular","ValidationWarningIcon","small","createElement","medium","large"],"sources":["ValidationWarningIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../../../icons2022/iconSizer';\nimport { WarningTriangleIcon24Regular } from '../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon24Regular';\nimport { WarningTriangleIcon32Regular } from '../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon32Regular';\nimport { WarningTriangleIcon64Regular } from '../../../../icons2022/WarningTriangleIcon/WarningTriangleIcon64Regular';\n\nexport const ValidationWarningIcon = iconSizer(\n  {\n    small: () => <WarningTriangleIcon24Regular />,\n    medium: () => <WarningTriangleIcon32Regular />,\n    large: () => <WarningTriangleIcon64Regular />,\n  },\n  'ValidationWarningIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,4BAA4B,QAAQ,wEAAwE;AACrH,SAASC,4BAA4B,QAAQ,wEAAwE;AACrH,SAASC,4BAA4B,QAAQ,wEAAwE;;AAErH,OAAO,IAAMC,qBAAqB,GAAGJ,SAAS;EAC5C;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,4BAA4B,MAAE,CAAC;IAC7CM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,4BAA4B,MAAE,CAAC;IAC9CM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,4BAA4B,MAAE,CAAC;EAC/C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationWarningIcon/package.json

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

package/internal/FileUploaderControl/FileUploaderFile/icons/tile/ValidationWarningIcon.d.ts

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

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

@@ -1,43 +1,159 @@
-import React, { useContext } from 'react';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext, useState, useRef } from 'react';
+import { useEmotion, useStyles } from "../../../../lib/renderEnvironment";
 import { FileUploaderControlContext } from "../../FileUploaderControlContext";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { FileUploaderFile } from "../../FileUploaderFile/FileUploaderFile";
-import { cx } from "../../../../lib/theming/Emotion";
+import { FileUploaderFileStatus } from "../../fileUtils";
 import { useFileUploaderSize } from "../../hooks/useFileUploaderSize";
-import { jsStyles } from "../FileUploaderFileList.styles";
+import { useControlLocale } from "../../hooks/useControlLocale";
+import { pluralize } from "../../../../lib/pluralize";
+import { LocaleContext } from "../../../../lib/locale";
+import { getJsStyles, getJsTileStyles, getJsRowStyles } from "../FileUploaderFileList.styles";
 export var FileUploaderFileDataTids = {
   fileList: 'FileUploader__fileList'
 };
 export var FileUploaderFileList = function FileUploaderFileList(props) {
   var renderFile = props.renderFile,
     size = props.size,
+    _props$view = props.view,
+    view = _props$view === void 0 ? 'row' : _props$view,
+    _props$validationSumm = props.validationSummary,
+    validationSummary = _props$validationSumm === void 0 ? 'auto' : _props$validationSumm,
+    _props$validationSumm2 = props.validationSummaryStart,
+    validationSummaryStart = _props$validationSumm2 === void 0 ? 5 : _props$validationSumm2,
+    withValidationTooltip = props.withValidationTooltip,
+    validationTooltipPosition = props.validationTooltipPosition,
+    withWarningIcon = props.withWarningIcon,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     onRemove = props.onRemove;
   var _useContext = useContext(FileUploaderControlContext),
     files = _useContext.files;
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var jsStyles = useStyles(getJsStyles);
+  var jsRowStyles = useStyles(getJsRowStyles);
+  var jsTileStyles = useStyles(getJsTileStyles);
   var theme = useContext(ThemeContext);
+  var locale = useControlLocale();
+  var _useContext2 = useContext(LocaleContext),
+    langCode = _useContext2.langCode;
+  var _useState = useState(null),
+    focusedByTab = _useState[0],
+    setFocusedByTab = _useState[1];
+  var _useState2 = useState(null),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var mouseIsOverRef = useRef(false);
+  var handleMouseEnter = function handleMouseEnter(index) {
+    setHovered(index);
+    mouseIsOverRef.current = true;
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setHovered(null);
+    mouseIsOverRef.current = false;
+  };
+  var handleRemoveItem = function handleRemoveItem(index) {
+    onRemove(index);
+    if (hovered === index && mouseIsOverRef.current) {
+      // Если текущий элемент был наведен, переключаемся на следующий элемент
+      var currentIndex = files.findIndex(function (file) {
+        return file.id === index;
+      });
+      if (currentIndex !== -1 && files[currentIndex + 1]) {
+        setHovered(files[currentIndex + 1].id);
+      } else {
+        setHovered(null);
+      }
+    }
+  };
+  var isTileView = view === 'tile';
+  var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
   var fileWrapperClass = useFileUploaderSize(size, {
-    small: jsStyles.fileWrapperSmall(theme),
-    medium: jsStyles.fileWrapperMedium(theme),
-    large: jsStyles.fileWrapperLarge(theme)
+    small: jsViewStyles.fileWrapperSmall(theme),
+    medium: jsViewStyles.fileWrapperMedium(theme),
+    large: jsViewStyles.fileWrapperLarge(theme)
   });
+  var summaryClass = useFileUploaderSize(size, {
+    small: jsStyles.summarySmall(theme),
+    medium: jsStyles.summaryMedium(theme),
+    large: jsStyles.summaryLarge(theme)
+  });
+  var renderSummary = function renderSummary() {
+    if (validationSummary === 'disabled') {
+      return null;
+    }
+    var warningLength = files.filter(function (file) {
+      return file.status === FileUploaderFileStatus.Warning;
+    }).length;
+    var errorLength = files.filter(function (file) {
+      return file.status === FileUploaderFileStatus.Error;
+    }).length;
+    if (validationSummary === 'auto' && files.length < validationSummaryStart) {
+      return null;
+    }
+    if (!(warningLength + errorLength)) {
+      return null;
+    }
+    return /*#__PURE__*/(
+      React.createElement("div", {
+        className: cx(jsStyles.summary(theme), summaryClass)
+      }, errorLength > 0 && /*#__PURE__*/
+      React.createElement("span", {
+        className: jsStyles.summaryErrorText(theme)
+      }, errorLength, "\xA0", pluralize.apply(void 0, [langCode, errorLength].concat(locale.errors))), warningLength > 0 && /*#__PURE__*/
+      React.createElement("span", {
+        className: jsStyles.summaryWarningText(theme)
+      }, warningLength, "\xA0", pluralize.apply(void 0, [langCode, warningLength].concat(locale.warnings))))
+    );
+  };
   return /*#__PURE__*/(
     React.createElement("div", {
-      "data-tid": FileUploaderFileDataTids.fileList
-    }, files.map(function (file) {
+      "data-tid": FileUploaderFileDataTids.fileList,
+      className: jsViewStyles.fileListWrapper(theme)
+    }, renderSummary(), files.map(function (file, idx) {
+      var _extends2, _ref, _files, _files2, _ref2, _ref3, _files3, _files4, _ref4;
+      var hasFocus = focusedByTab === file.id;
+      var hasHover = hovered === file.id;
+      var hasError = file.status === FileUploaderFileStatus.Error;
+      var hasWarning = file.status === FileUploaderFileStatus.Warning;
+      var fileWrapperClassNames = cx(jsStyles.fileWrapper(theme), fileWrapperClass, _extends((_extends2 = {}, _extends2[jsStyles.fileWrapperFocus(theme)] = hasFocus, _extends2[jsStyles.fileWrapperHover(theme)] = hasHover, _extends2), hasError && (_ref = {}, _ref[jsStyles.errorFile(theme)] = !isTileView || hasHover, _ref[jsViewStyles.errorFileFocus(theme)] = hasFocus, _ref), !isTileView && hasError && (_ref2 = {}, _ref2[jsStyles.removeBorderTopRadius()] = ((_files = files[idx - 1]) == null ? void 0 : _files.status) === FileUploaderFileStatus.Error, _ref2[jsStyles.removeBorderBottomRadius()] = ((_files2 = files[idx + 1]) == null ? void 0 : _files2.status) === FileUploaderFileStatus.Error, _ref2), hasWarning && (_ref3 = {}, _ref3[jsStyles.warningFile(theme)] = !isTileView || hasHover, _ref3[jsViewStyles.warningFileFocus(theme)] = hasFocus, _ref3), !isTileView && hasWarning && (_ref4 = {}, _ref4[jsStyles.removeBorderTopRadius()] = ((_files3 = files[idx - 1]) == null ? void 0 : _files3.status) === FileUploaderFileStatus.Warning, _ref4[jsStyles.removeBorderBottomRadius()] = ((_files4 = files[idx + 1]) == null ? void 0 : _files4.status) === FileUploaderFileStatus.Warning, _ref4)));
+      var fileProps = {
+        file: file,
+        multiple: true,
+        size: size,
+        view: view,
+        disabled: disabled,
+        hovered: hasHover,
+        focused: hasFocus,
+        onRemove: handleRemoveItem,
+        withValidationTooltip: withValidationTooltip,
+        validationTooltipPosition: validationTooltipPosition,
+        withWarningIcon: withWarningIcon
+      };
+      var fileElement = renderFile(file, /*#__PURE__*/React.createElement(FileUploaderFile, fileProps), fileProps);
       return /*#__PURE__*/(
         React.createElement("div", {
           key: file.id,
-          className: cx(jsStyles.fileWrapper(), fileWrapperClass)
+          className: fileWrapperClassNames,
+          onMouseEnter: function onMouseEnter() {
+            return handleMouseEnter(file.id);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return handleMouseLeave();
+          },
+          onFocus: function onFocus() {
+            return setFocusedByTab(file.id);
+          },
+          onBlur: function onBlur() {
+            return setFocusedByTab(null);
+          }
         }, /*#__PURE__*/
+
         React.createElement("div", {
-          className: jsStyles.file()
-        }, renderFile(file, /*#__PURE__*/React.createElement(FileUploaderFile, {
-          file: file,
-          showSize: true,
-          multiple: true,
-          size: size,
-          onRemove: onRemove
-        }))))
+          className: jsViewStyles.file()
+        }, fileElement))
       );
     }))
   );

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","FileUploaderControlContext","ThemeContext","FileUploaderFile","cx","useFileUploaderSize","jsStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","onRemove","_useContext","files","theme","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","createElement","map","file","key","id","className","fileWrapper","showSize","multiple","__KONTUR_REACT_UI__","displayName"],"sources":["FileUploaderFileList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport type { FileUploaderAttachedFile } from '../fileUtils';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: SizeProp;\n  onRemove(fileId: string): void;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size, onRemove } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} onRemove={onRemove} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,gBAAgB,QAAQ,sCAAsC;;AAEvE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,mBAAmB,QAAQ,8BAA8B;;;AAGlE,SAASC,QAAQ,QAAQ,+BAA+B;;;;;;;;AAQxD,OAAO,IAAMC,wBAAwB,GAAG;EACtCC,QAAQ,EAAE;AACZ,CAAU;;AAEV,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAgC,EAAK;EACxE,IAAQC,UAAU,GAAqBD,KAAK,CAApCC,UAAU,CAAEC,IAAI,GAAeF,KAAK,CAAxBE,IAAI,CAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAClC,IAAAC,WAAA,GAAkBd,UAAU,CAACC,0BAA0B,CAAC,CAAhDc,KAAK,GAAAD,WAAA,CAALC,KAAK;EACb,IAAMC,KAAK,GAAGhB,UAAU,CAACE,YAAY,CAAC;;EAEtC,IAAMe,gBAAgB,GAAGZ,mBAAmB,CAACO,IAAI,EAAE;IACjDM,KAAK,EAAEZ,QAAQ,CAACa,gBAAgB,CAACH,KAAK,CAAC;IACvCI,MAAM,EAAEd,QAAQ,CAACe,iBAAiB,CAACL,KAAK,CAAC;IACzCM,KAAK,EAAEhB,QAAQ,CAACiB,gBAAgB,CAACP,KAAK;EACxC,CAAC,CAAC;;EAEF;IACEjB,KAAA,CAAAyB,aAAA,UAAK,YAAUjB,wBAAwB,CAACC,QAAS;IAC9CO,KAAK,CAACU,GAAG,CAAC,UAACC,IAAI;QACd3B,KAAA,CAAAyB,aAAA,UAAKG,GAAG,EAAED,IAAI,CAACE,EAAG,EAACC,SAAS,EAAEzB,EAAE,CAACE,QAAQ,CAACwB,WAAW,CAAC,CAAC,EAAEb,gBAAgB,CAAE;QACzElB,KAAA,CAAAyB,aAAA,UAAKK,SAAS,EAAEvB,QAAQ,CAACoB,IAAI,CAAC,CAAE;QAC7Bf,UAAU,CAACe,IAAI,eAAE3B,KAAA,CAAAyB,aAAA,CAACrB,gBAAgB,IAACuB,IAAI,EAAEA,IAAK,EAACK,QAAQ,QAACC,QAAQ,QAACpB,IAAI,EAAEA,IAAK,EAACC,QAAQ,EAAEA,QAAS,EAAE,CAAC;QACjG;QACF,CAAC;IACP;IACE,CAAC;;AAEV,CAAC;;AAEDJ,oBAAoB,CAACwB,mBAAmB,GAAG,sBAAsB;AACjExB,oBAAoB,CAACyB,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","useContext","useState","useRef","useEmotion","useStyles","FileUploaderControlContext","ThemeContext","FileUploaderFile","FileUploaderFileStatus","useFileUploaderSize","useControlLocale","pluralize","LocaleContext","getJsStyles","getJsTileStyles","getJsRowStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","_props$view","view","_props$validationSumm","validationSummary","_props$validationSumm2","validationSummaryStart","withValidationTooltip","validationTooltipPosition","withWarningIcon","_props$disabled","disabled","onRemove","_useContext","files","_useEmotion","cx","jsStyles","jsRowStyles","jsTileStyles","theme","locale","_useContext2","langCode","_useState","focusedByTab","setFocusedByTab","_useState2","hovered","setHovered","mouseIsOverRef","handleMouseEnter","index","current","handleMouseLeave","handleRemoveItem","currentIndex","findIndex","file","id","isTileView","jsViewStyles","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","summaryClass","summarySmall","summaryMedium","summaryLarge","renderSummary","warningLength","filter","status","Warning","length","errorLength","Error","createElement","className","summary","summaryErrorText","apply","concat","errors","summaryWarningText","warnings","fileListWrapper","map","idx","_extends2","_ref","_files","_files2","_ref2","_ref3","_files3","_files4","_ref4","hasFocus","hasHover","hasError","hasWarning","fileWrapperClassNames","fileWrapper","_extends","fileWrapperFocus","fileWrapperHover","errorFile","errorFileFocus","removeBorderTopRadius","removeBorderBottomRadius","warningFile","warningFileFocus","fileProps","multiple","focused","fileElement","key","onMouseEnter","onMouseLeave","onFocus","onBlur","__KONTUR_REACT_UI__","displayName"],"sources":["FileUploaderFileList.tsx"],"sourcesContent":["import React, { useContext, useState, useRef } from 'react';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { FileUploaderFileProps } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport {\n  FileUploaderFileStatus,\n  type FileUploaderValidationSummary,\n  type FileUploaderAttachedFile,\n  type FileUploaderView,\n} from '../fileUtils';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport type { SizeProp } from '../../../lib/types/props';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../Popup';\nimport { useControlLocale } from '../hooks/useControlLocale';\nimport { pluralize } from '../../../lib/pluralize';\nimport { LocaleContext } from '../../../lib/locale';\n\nimport { getJsStyles, getJsTileStyles, getJsRowStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (\n    file: FileUploaderAttachedFile,\n    fileNode: React.ReactElement,\n    props: FileUploaderFileProps,\n  ) => React.ReactNode;\n  size: SizeProp;\n  view?: FileUploaderView;\n  validationSummary?: FileUploaderValidationSummary;\n  validationSummaryStart?: number;\n  onRemove(fileId: string): void;\n  withValidationTooltip?: boolean;\n  /** Задает приоритетное расположение подсказки относительно контрола\n   * @default 'top left' */\n  validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;\n  withWarningIcon?: boolean;\n  disabled?: boolean;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const {\n    renderFile,\n    size,\n    view = 'row',\n    validationSummary = 'auto',\n    validationSummaryStart = 5,\n    withValidationTooltip,\n    validationTooltipPosition,\n    withWarningIcon,\n    disabled = false,\n    onRemove,\n  } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const { cx } = useEmotion();\n  const jsStyles = useStyles(getJsStyles);\n  const jsRowStyles = useStyles(getJsRowStyles);\n  const jsTileStyles = useStyles(getJsTileStyles);\n  const theme = useContext(ThemeContext);\n  const locale = useControlLocale();\n  const { langCode } = useContext(LocaleContext);\n\n  const [focusedByTab, setFocusedByTab] = useState<string | null>(null);\n  const [hovered, setHovered] = useState<string | null>(null);\n  const mouseIsOverRef = useRef(false);\n\n  const handleMouseEnter = (index: string | null) => {\n    setHovered(index);\n    mouseIsOverRef.current = true;\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(null);\n    mouseIsOverRef.current = false;\n  };\n\n  const handleRemoveItem = (index: string) => {\n    onRemove(index);\n    if (hovered === index && mouseIsOverRef.current) {\n      // Если текущий элемент был наведен, переключаемся на следующий элемент\n      const currentIndex = files.findIndex((file) => file.id === index);\n      if (currentIndex !== -1 && files[currentIndex + 1]) {\n        setHovered(files[currentIndex + 1].id);\n      } else {\n        setHovered(null);\n      }\n    }\n  };\n\n  const isTileView = view === 'tile';\n  const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsViewStyles.fileWrapperSmall(theme),\n    medium: jsViewStyles.fileWrapperMedium(theme),\n    large: jsViewStyles.fileWrapperLarge(theme),\n  });\n\n  const summaryClass = useFileUploaderSize(size, {\n    small: jsStyles.summarySmall(theme),\n    medium: jsStyles.summaryMedium(theme),\n    large: jsStyles.summaryLarge(theme),\n  });\n\n  const renderSummary = () => {\n    if (validationSummary === 'disabled') {\n      return null;\n    }\n\n    const warningLength = files.filter((file) => file.status === FileUploaderFileStatus.Warning).length;\n    const errorLength = files.filter((file) => file.status === FileUploaderFileStatus.Error).length;\n\n    if (validationSummary === 'auto' && files.length < validationSummaryStart) {\n      return null;\n    }\n\n    if (!(warningLength + errorLength)) {\n      return null;\n    }\n\n    return (\n      <div className={cx(jsStyles.summary(theme), summaryClass)}>\n        {errorLength > 0 && (\n          <span className={jsStyles.summaryErrorText(theme)}>\n            {errorLength}&nbsp;{pluralize(langCode, errorLength, ...locale.errors)}\n          </span>\n        )}\n        {warningLength > 0 && (\n          <span className={jsStyles.summaryWarningText(theme)}>\n            {warningLength}&nbsp;{pluralize(langCode, warningLength, ...locale.warnings)}\n          </span>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList} className={jsViewStyles.fileListWrapper(theme)}>\n      {renderSummary()}\n      {files.map((file, idx) => {\n        const hasFocus = focusedByTab === file.id;\n        const hasHover = hovered === file.id;\n        const hasError = file.status === FileUploaderFileStatus.Error;\n        const hasWarning = file.status === FileUploaderFileStatus.Warning;\n\n        const fileWrapperClassNames = cx(jsStyles.fileWrapper(theme), fileWrapperClass, {\n          [jsStyles.fileWrapperFocus(theme)]: hasFocus,\n          [jsStyles.fileWrapperHover(theme)]: hasHover,\n          ...(hasError && {\n            [jsStyles.errorFile(theme)]: !isTileView || hasHover,\n            [jsViewStyles.errorFileFocus(theme)]: hasFocus,\n          }),\n          ...(!isTileView &&\n            hasError && {\n              [jsStyles.removeBorderTopRadius()]: files[idx - 1]?.status === FileUploaderFileStatus.Error,\n              [jsStyles.removeBorderBottomRadius()]: files[idx + 1]?.status === FileUploaderFileStatus.Error,\n            }),\n          ...(hasWarning && {\n            [jsStyles.warningFile(theme)]: !isTileView || hasHover,\n            [jsViewStyles.warningFileFocus(theme)]: hasFocus,\n          }),\n          ...(!isTileView &&\n            hasWarning && {\n              [jsStyles.removeBorderTopRadius()]: files[idx - 1]?.status === FileUploaderFileStatus.Warning,\n              [jsStyles.removeBorderBottomRadius()]: files[idx + 1]?.status === FileUploaderFileStatus.Warning,\n            }),\n        });\n\n        const fileProps: FileUploaderFileProps = {\n          file,\n          multiple: true,\n          size,\n          view,\n          disabled,\n          hovered: hasHover,\n          focused: hasFocus,\n          onRemove: handleRemoveItem,\n          withValidationTooltip,\n          validationTooltipPosition,\n          withWarningIcon,\n        };\n\n        const fileElement = renderFile(file, <FileUploaderFile {...fileProps} />, fileProps);\n\n        return (\n          <div\n            key={file.id}\n            className={fileWrapperClassNames}\n            onMouseEnter={() => handleMouseEnter(file.id)}\n            onMouseLeave={() => handleMouseLeave()}\n            onFocus={() => setFocusedByTab(file.id)}\n            onBlur={() => setFocusedByTab(null)}\n          >\n            <div className={jsViewStyles.file()}>{fileElement}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"],"mappings":"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","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -1,10 +1,21 @@
 import React from 'react';
-import type { FileUploaderAttachedFile } from '../fileUtils';
+import type { FileUploaderFileProps } from '../FileUploaderFile/FileUploaderFile';
+import { type FileUploaderValidationSummary, type FileUploaderAttachedFile, type FileUploaderView } from '../fileUtils';
 import type { SizeProp } from '../../../lib/types/props';
+import type { PopupPositionsType, ShortPopupPositionsType } from '../../Popup';
 interface FileUploaderFileListProps {
-    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement, props: FileUploaderFileProps) => React.ReactNode;
     size: SizeProp;
+    view?: FileUploaderView;
+    validationSummary?: FileUploaderValidationSummary;
+    validationSummaryStart?: number;
     onRemove(fileId: string): void;
+    withValidationTooltip?: boolean;
+    /** Задает приоритетное расположение подсказки относительно контрола
+     * @default 'top left' */
+    validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;
+    withWarningIcon?: boolean;
+    disabled?: boolean;
 }
 export declare const FileUploaderFileDataTids: {
     readonly fileList: "FileUploader__fileList";

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

@@ -1,21 +1,99 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
-var styles = {
-  file: function file() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
-  },
-  fileWrapper: function fileWrapper() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    "])));
-  },
-  fileWrapperSmall: function fileWrapperSmall(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
-  },
-  fileWrapperMedium: function fileWrapperMedium(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
-  },
-  fileWrapperLarge: function fileWrapperLarge(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
+import { memoizeGetStyles } from "../../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    fileWrapper: function fileWrapper(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ", ";\n        border: ", " solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ", ";\n          border: ", " solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      "])), t.fileUploaderBorderRadius, t.fileUploaderBorderWidth, t.fileUploaderBorderRadius, t.fileUploaderBorderWidth);
+    },
+    fileWrapperFocus: function fileWrapperFocus(t) {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+    },
+    fileWrapperHover: function fileWrapperHover(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border-color: ", ";\n      "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
+    },
+    warningFile: function warningFile(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderWarningBgColor);
+    },
+    errorFile: function errorFile(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n          border-radius: ", ";\n        }\n        &::before {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderErrorBgColor);
+    },
+    removeBorderTopRadius: function removeBorderTopRadius() {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      "])));
+    },
+    removeBorderBottomRadius: function removeBorderBottomRadius() {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      "])));
+    },
+    summary: function summary(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        border-bottom: 1px solid ", ";\n        margin-bottom: ", ";\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      "])), t.tabColorHover, t.fileUploaderListGap);
+    },
+    summaryErrorText: function summaryErrorText(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        margin-right: ", ";\n      "])), t.fileUploaderErrorTextColor, t.fileUploaderListSummaryTextGap);
+    },
+    summaryWarningText: function summaryWarningText(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.fileUploaderWarningTextColor);
+    },
+    summarySmall: function summarySmall(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    },
+    summaryMedium: function summaryMedium(t) {
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    },
+    summaryLarge: function summaryLarge(t) {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    }
+  };
+});
+export var getJsRowStyles = memoizeGetStyles(function (_ref2) {
+  var css = _ref2.css;
+  return {
+    file: function file() {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n      "])));
+    },
+    fileListWrapper: function fileListWrapper(t) {
+      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        display: block;\n        width: 100%;\n        margin-top: ", ";\n      "])), t.fileUploaderListGap);
+    },
+    fileWrapperSmall: function fileWrapperSmall(t) {
+      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    },
+    fileWrapperMedium: function fileWrapperMedium(t) {
+      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    },
+    fileWrapperLarge: function fileWrapperLarge(t) {
+      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    },
+    errorFileFocus: function errorFileFocus(t) {
+      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
+    },
+    warningFileFocus: function warningFileFocus(t) {
+      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
+    }
+  };
+});
+export var getJsTileStyles = memoizeGetStyles(function (_ref3) {
+  var css = _ref3.css;
+  return {
+    file: function file() {
+      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        width: 100%;\n        height: 100%;\n      "])));
+    },
+    fileListWrapper: function fileListWrapper() {
+      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        display: contents;\n      "])));
+    },
+    fileWrapperSmall: function fileWrapperSmall(t) {
+      return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        width: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileWidthSmall);
+    },
+    fileWrapperMedium: function fileWrapperMedium(t) {
+      return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileWidthMedium, t.fileUploaderTileHeightMedium);
+    },
+    fileWrapperLarge: function fileWrapperLarge(t) {
+      return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n        width: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileWidthLarge, t.fileUploaderTileHeightLarge);
+    },
+    errorFileFocus: function errorFileFocus(t) {
+      return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
+    },
+    warningFileFocus: function warningFileFocus(t) {
+      return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        border: ", " solid ", ";\n        border-radius: ", " !important;\n        box-shadow: 0 0 0 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
+    }
+  };
+});

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","file","_templateObject","_taggedTemplateLiteralLoose","fileWrapper","_templateObject2","fileWrapperSmall","t","_templateObject3","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","_templateObject4","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","_templateObject5","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper() {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;EAOZ,CAAC;;EAEDG,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACGI,CAAC,CAACE,yBAAyB,EAAIF,CAAC,CAACG,yBAAyB;;EAEzE,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACJ,CAAQ,EAAE;IAC1B,OAAOT,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACGI,CAAC,CAACM,0BAA0B,EAAIN,CAAC,CAACO,0BAA0B;;EAE3E,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACR,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACGI,CAAC,CAACU,yBAAyB,EAAIV,CAAC,CAACW,yBAAyB;;EAEzE;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGpB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","fileWrapper","t","_templateObject","_taggedTemplateLiteralLoose","fileUploaderBorderRadius","fileUploaderBorderWidth","fileWrapperFocus","_templateObject2","fileUploaderBorderColorFocus","fileWrapperHover","_templateObject3","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","warningFile","_templateObject4","fileUploaderWarningBgColor","fileUploaderValidationTextColor","fileUploaderWarningBgHoverColor","errorFile","_templateObject5","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","removeBorderTopRadius","_templateObject6","removeBorderBottomRadius","_templateObject7","summary","_templateObject8","tabColorHover","fileUploaderListGap","summaryErrorText","_templateObject9","fileUploaderErrorTextColor","fileUploaderListSummaryTextGap","summaryWarningText","_templateObject10","fileUploaderWarningTextColor","summarySmall","_templateObject11","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","summaryMedium","_templateObject12","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","summaryLarge","_templateObject13","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","getJsRowStyles","_ref2","file","_templateObject14","fileListWrapper","_templateObject15","fileWrapperSmall","_templateObject16","fileWrapperMedium","_templateObject17","fileWrapperLarge","_templateObject18","errorFileFocus","_templateObject19","fileUploaderBorderColorError","warningFileFocus","_templateObject20","fileUploaderBorderColorWarning","getJsTileStyles","_ref3","_templateObject21","_templateObject22","_templateObject23","fileUploaderTileFilePaddingSmall","fileUploaderTileWidthSmall","_templateObject24","fileUploaderTileFilePaddingMedium","fileUploaderTileWidthMedium","fileUploaderTileHeightMedium","_templateObject25","fileUploaderTileFilePaddingLarge","fileUploaderTileWidthLarge","fileUploaderTileHeightLarge","_templateObject26","_templateObject27"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    fileWrapper(t: Theme) {\n      return css`\n        position: relative;\n        width: 100%;\n        height: max-content;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        box-shadow: 0 0 0 1px transparent;\n        cursor: pointer;\n\n        &::before {\n          position: absolute;\n          content: ' ';\n          width: 100%;\n          height: 100%;\n          border-radius: ${t.fileUploaderBorderRadius};\n          border: ${t.fileUploaderBorderWidth} solid transparent;\n          box-shadow: 0 0 0 1px transparent;\n          top: -1px;\n          left: -1px;\n          z-index: -1;\n        }\n      `;\n    },\n\n    fileWrapperFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    fileWrapperHover(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n        border-color: ${t.fileUploaderHoveredBorderColor};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderWarningBgColor};\n        }\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n          border-radius: ${t.fileUploaderBorderRadius};\n        }\n        &::before {\n          background: ${t.fileUploaderErrorBgColor};\n        }\n      `;\n    },\n\n    removeBorderTopRadius() {\n      return css`\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        &::before {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0;\n        }\n      `;\n    },\n\n    removeBorderBottomRadius() {\n      return css`\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n        &::before {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0;\n        }\n      `;\n    },\n\n    summary(t: Theme) {\n      return css`\n        display: flex;\n        border-bottom: 1px solid ${t.tabColorHover};\n        margin-bottom: ${t.fileUploaderListGap};\n        order: -1;\n        width: 100%;\n        box-sizing: border-box;\n      `;\n    },\n\n    summaryErrorText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderErrorTextColor};\n        margin-right: ${t.fileUploaderListSummaryTextGap};\n      `;\n    },\n\n    summaryWarningText(t: Theme) {\n      return css`\n        color: ${t.fileUploaderWarningTextColor};\n      `;\n    },\n\n    summarySmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    summaryMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    summaryLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    fileListWrapper(t: Theme) {\n      return css`\n        display: block;\n        width: 100%;\n        margin-top: ${t.fileUploaderListGap};\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgHoverColor};\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    file() {\n      return css`\n        width: 100%;\n        height: 100%;\n      `;\n    },\n\n    fileListWrapper() {\n      return css`\n        display: contents;\n      `;\n    },\n\n    fileWrapperSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        width: ${t.fileUploaderTileWidthSmall};\n      `;\n    },\n\n    fileWrapperMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        width: ${t.fileUploaderTileWidthMedium};\n        height: ${t.fileUploaderTileHeightMedium};\n      `;\n    },\n\n    fileWrapperLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        width: ${t.fileUploaderTileWidthLarge};\n        height: ${t.fileUploaderTileHeightLarge};\n      `;\n    },\n\n    errorFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    warningFileFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        border-radius: ${t.fileUploaderBorderRadius} !important;\n        box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n  };\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,34 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+    fileWrapper(t: Theme): string;
+    fileWrapperFocus(t: Theme): string;
+    fileWrapperHover(t: Theme): string;
+    warningFile(t: Theme): string;
+    errorFile(t: Theme): string;
+    removeBorderTopRadius(): string;
+    removeBorderBottomRadius(): string;
+    summary(t: Theme): string;
+    summaryErrorText(t: Theme): string;
+    summaryWarningText(t: Theme): string;
+    summarySmall(t: Theme): string;
+    summaryMedium(t: Theme): string;
+    summaryLarge(t: Theme): string;
+}>;
+export declare const getJsRowStyles: import("../../../lib/theming/Emotion").StylesGetter<{
     file(): string;
-    fileWrapper(): string;
+    fileListWrapper(t: Theme): string;
     fileWrapperSmall(t: Theme): string;
     fileWrapperMedium(t: Theme): string;
     fileWrapperLarge(t: Theme): string;
-};
+    errorFileFocus(t: Theme): string;
+    warningFileFocus(t: Theme): string;
+}>;
+export declare const getJsTileStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+    file(): string;
+    fileListWrapper(): string;
+    fileWrapperSmall(t: Theme): string;
+    fileWrapperMedium(t: Theme): string;
+    fileWrapperLarge(t: Theme): string;
+    errorFileFocus(t: Theme): string;
+    warningFileFocus(t: Theme): string;
+}>;

package/internal/FileUploaderControl/fileUtils/fileUtils.js

@@ -5,6 +5,7 @@ export var FileUploaderFileStatus = /*#__PURE__*/function (FileUploaderFileStatu
   FileUploaderFileStatus["Loading"] = "Loading";
   FileUploaderFileStatus["Uploaded"] = "Uploaded";
   FileUploaderFileStatus["Error"] = "Error";
+  FileUploaderFileStatus["Warning"] = "Warning";
   return FileUploaderFileStatus;
 }({});
 export var getAttachedFile = function getAttachedFile(file) {
@@ -14,4 +15,65 @@ export var getAttachedFile = function getAttachedFile(file) {
     status: FileUploaderFileStatus.Attached,
     validationResult: FileUploaderFileValidationResult.ok()
   };
-};
+};
+export var codeFileExtensions = ['xml', 'html', 'json'];
+export var pictureFileExtensions = ['jpg', 'png'];
+export var presentationFileExtensions = ['pptx', 'ppt', 'odp'];
+export var tableFileExtensions = ['xls', 'xlsx', 'ods'];
+export var textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];
+export var archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];
+function getFileExtension(file) {
+  var name = file.name;
+  var match = /\.([^.]+)$/.exec(name);
+  return match ? match[1] : '';
+}
+function getFileType(file) {
+  var extension = getFileExtension(file);
+  if (extension === '' && file.type === '') {
+    return 'folder';
+  }
+  switch (true) {
+    case extension === 'pdf':
+      return 'pdf';
+    case codeFileExtensions.includes(extension):
+      return 'code';
+    case pictureFileExtensions.includes(extension):
+      return 'picture';
+    case presentationFileExtensions.includes(extension):
+      return 'presentation';
+    case tableFileExtensions.includes(extension):
+      return 'table';
+    case textFileExtensions.includes(extension):
+      return 'text';
+    case archiveFileExtensions.includes(extension):
+      return 'archive';
+    default:
+      return 'unknown';
+  }
+}
+export function createFile(filename, content, type) {
+  if (content === void 0) {
+    content = 'content';
+  }
+  if (type === void 0) {
+    type = 'text/plain';
+  }
+  return new File([content], filename, {
+    type: type
+  });
+}
+export function getFileUploaderTypeIcon(file, error, warning) {
+  if (error === void 0) {
+    error = false;
+  }
+  if (warning === void 0) {
+    warning = false;
+  }
+  if (error) {
+    return 'error';
+  }
+  if (warning) {
+    return 'warning';
+  }
+  return getFileType(file);
+}

package/internal/FileUploaderControl/fileUtils/fileUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getUid","FileUploaderFileValidationResult","FileUploaderFileStatus","getAttachedFile","file","id","originalFile","status","Attached","validationResult","ok"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,oBAAoB;;AAE3C,SAASC,gCAAgC,QAAQ,oCAAoC;;AAErF,WAAYC,sBAAsB,0BAAtBA,sBAAsB,GAAtBA,sBAAsB,0BAAtBA,sBAAsB,wBAAtBA,sBAAsB,0BAAtBA,sBAAsB,2BAAtBA,sBAAsB;;;;;;;;;;;;;;AAclC,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAU,EAA+B;EACvE,OAAO;IACLC,EAAE,EAAEL,MAAM,CAAC,CAAC;IACZM,YAAY,EAAEF,IAAI;IAClBG,MAAM,EAAEL,sBAAsB,CAACM,QAAQ;IACvCC,gBAAgB,EAAER,gCAAgC,CAACS,EAAE,CAAC;EACxD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["getUid","FileUploaderFileValidationResult","FileUploaderFileStatus","getAttachedFile","file","id","originalFile","status","Attached","validationResult","ok","codeFileExtensions","pictureFileExtensions","presentationFileExtensions","tableFileExtensions","textFileExtensions","archiveFileExtensions","getFileExtension","name","match","exec","getFileType","extension","type","includes","createFile","filename","content","File","getFileUploaderTypeIcon","error","warning"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport type FileUploaderView = 'row' | 'tile';\n\nexport type FileUploaderUploadButtonPosition = 'start' | 'end';\n\nexport type FileUploaderValidationSummary = 'auto' | 'enabled' | 'disabled';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n  Warning = 'Warning',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport type FileType =\n  | 'pdf'\n  | 'code'\n  | 'picture'\n  | 'presentation'\n  | 'table'\n  | 'text'\n  | 'archive'\n  | 'folder'\n  | 'unknown';\n\nexport type FileUploaderIconType = FileType | 'error' | 'warning';\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n\nexport const codeFileExtensions = ['xml', 'html', 'json'];\nexport const pictureFileExtensions = ['jpg', 'png'];\nexport const presentationFileExtensions = ['pptx', 'ppt', 'odp'];\nexport const tableFileExtensions = ['xls', 'xlsx', 'ods'];\nexport const textFileExtensions = ['txt', 'docx', 'doc', 'rtf', 'odt'];\nexport const archiveFileExtensions = ['zip', 'rar', '7zip', '7z'];\n\nfunction getFileExtension(file: File) {\n  const name = file.name;\n  const match = /\\.([^.]+)$/.exec(name);\n\n  return match ? match[1] : '';\n}\n\nfunction getFileType(file: File): FileType {\n  const extension = getFileExtension(file);\n\n  if (extension === '' && file.type === '') {\n    return 'folder';\n  }\n\n  switch (true) {\n    case extension === 'pdf':\n      return 'pdf';\n    case codeFileExtensions.includes(extension):\n      return 'code';\n    case pictureFileExtensions.includes(extension):\n      return 'picture';\n    case presentationFileExtensions.includes(extension):\n      return 'presentation';\n    case tableFileExtensions.includes(extension):\n      return 'table';\n    case textFileExtensions.includes(extension):\n      return 'text';\n    case archiveFileExtensions.includes(extension):\n      return 'archive';\n\n    default:\n      return 'unknown';\n  }\n}\n\nexport function createFile(filename: string, content = 'content', type = 'text/plain'): File {\n  return new File([content], filename, { type });\n}\n\nexport function getFileUploaderTypeIcon(file: File, error = false, warning = false): FileUploaderIconType {\n  if (error) {\n    return 'error';\n  }\n\n  if (warning) {\n    return 'warning';\n  }\n\n  return getFileType(file);\n}\n"],"mappings":"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","ignoreList":[]}