@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js

@@ -0,0 +1,110 @@
+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;
+
+import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
+import { fileUploaderSizeMixin } from "../FileUploader.mixins";
+export var globalClasses = prefix('file-uploader')({
+  afterLinkText: 'after-link-text'
+});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    calcPulse: function calcPulse(t) {
+      return emotion.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow: 0 0 0 1px ", ";\n        }\n        95% {\n          box-shadow: 0 0 0 10px ", ";\n        }\n        100% {\n          box-shadow: 0 0 0 1px ", ";\n        }\n      "])), ColorFunctions.fade(t.inputBlinkColor, 0.6), ColorFunctions.fade(t.inputBlinkColor, 0.1), ColorFunctions.fade(t.inputBlinkColor, 0.0));
+    },
+    pulse: function pulse() {
+      return emotion.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0.7);\n        }\n        95% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 10px rgba(45, 164, 249, 0);\n        }\n        100% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0);\n        }\n      "])));
+    },
+    root: function root(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])), t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault, t.fileUploaderBg);
+    },
+    uploadButton: function uploadButton(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderUploadButtonBg);
+    },
+    uploadButtonFocus: function uploadButtonFocus(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+    },
+    dragOver: function dragOver(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
+    },
+    windowDragOver: function windowDragOver(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, this.pulse(t));
+    },
+    windowDragOver2022: function windowDragOver2022(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, this.calcPulse(t));
+    },
+    content: function content() {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+    },
+    contentWithFiles: function contentWithFiles() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "])));
+    },
+    contentInnerSmall: function contentInnerSmall(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+    },
+    contentInnerMedium: function contentInnerMedium(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+    },
+    contentInnerLarge: function contentInnerLarge(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+    },
+    visuallyHidden: function visuallyHidden() {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    "])));
+    },
+    afterLinkText: function afterLinkText(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
+    },
+    afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
+    },
+    warning: function warning(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+    },
+    error: function error(t) {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+    },
+    hovered: function hovered(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
+    },
+    linkHovered: function linkHovered(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.fileUploaderLinkHoverTextDecoration);
+    },
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", ";\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder, t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
+    },
+    icon: function icon(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])), t.fileUploaderIconColor);
+    },
+    iconDisabled: function iconDisabled(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+    },
+    link: function link(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
+    },
+    linkDisabled: function linkDisabled(t) {
+      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
+    },
+    singleFile: function singleFile() {
+      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    },
+    sizeSmall: function sizeSmall(t) {
+      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(emotion)(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
+    },
+    sizeMedium: function sizeMedium(t) {
+      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(emotion)(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
+    },
+    sizeLarge: function sizeLarge(t) {
+      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(emotion)(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
+    },
+    iconSmall: function iconSmall(t) {
+      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.inputIconSizeSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    },
+    iconMedium: function iconMedium(t) {
+      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.inputIconSizeMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    },
+    iconLarge: function iconLarge(t) {
+      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.inputIconSizeLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    }
+  });
+};

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","getStyles","emotion","calcPulse","t","keyframes","fade","inputBlinkColor","pulse","root","css","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\nexport const getStyles = (emotion: Emotion) => {\n  return memoizeStyle({\n    calcPulse(t: Theme) {\n      return emotion.keyframes`\n        0% {\n          box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n        }\n        95% {\n          box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n        }\n        100% {\n          box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n        }\n      `;\n    },\n    pulse() {\n      return emotion.keyframes`\n        0% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0.7);\n        }\n        95% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 10px rgba(45, 164, 249, 0);\n        }\n        100% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0);\n        }\n      `;\n    },\n\n    root(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      background-color: ${t.fileUploaderBg};\n    `;\n    },\n\n    uploadButton(t: Theme) {\n      return emotion.css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      background-color: ${t.fileUploaderUploadButtonBg};\n    `;\n    },\n\n    uploadButtonFocus(t: Theme) {\n      return emotion.css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n    },\n\n    dragOver(t: Theme) {\n      return emotion.css`\n      border: 1px solid ${t.fileUploaderDragOverBorderColor};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: ${t.fileUploaderDragOverShadow};\n    `;\n    },\n\n    windowDragOver(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${this.pulse(t)} 1.5s infinite;\n    `;\n    },\n\n    windowDragOver2022(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${this.calcPulse(t)} 1.5s infinite;\n    `;\n    },\n\n    content() {\n      return emotion.css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n    },\n\n    contentWithFiles() {\n      return emotion.css`\n      display: flex;\n      align-items: center;\n    `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n    },\n\n    visuallyHidden() {\n      return emotion.css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    `;\n    },\n\n    afterLinkText(t: Theme) {\n      return emotion.css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n    },\n\n    afterLinkText_HasFiles(t: Theme) {\n      return emotion.css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n    },\n\n    warning(t: Theme) {\n      return emotion.css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n    },\n\n    hovered(t: Theme) {\n      return emotion.css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n    },\n\n    linkHovered(t: Theme) {\n      return emotion.css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderDisabledBorder};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      background-clip: ${t.fileUploaderDisabledBgClip};\n\n      .${globalClasses.afterLinkText} {\n        color: ${t.fileUploaderDisabledTextColor};\n      }\n    `;\n    },\n\n    icon(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n    },\n\n    iconDisabled(t: Theme) {\n      return emotion.css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n    },\n\n    link(t: Theme) {\n      return emotion.css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n    },\n\n    linkDisabled(t: Theme) {\n      return emotion.css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n    },\n\n    singleFile() {\n      return emotion.css`\n      width: 100%;\n    `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n    },\n\n    iconSmall(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n    },\n    iconMedium(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n    },\n    iconLarge(t: Theme) {\n      return emotion.css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n    },\n  });\n};\n"]}

package/components/FileUploader/FileUploader.styles/package.json

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

package/components/FileUploader/FileUploader.styles.d.ts

@@ -0,0 +1,39 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
+export declare const getStyles: (emotion: Emotion) => {
+    calcPulse(t: Theme): string;
+    pulse(): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(t: Theme): string;
+    windowDragOver(t: Theme): string;
+    windowDragOver2022(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
+    visuallyHidden(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    hovered(t: Theme): string;
+    linkHovered(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    link(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    singleFile(): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+};

package/components/FileUploader/UploadIcon/UploadIcon.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { NetUploadIcon16Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light";
+import { NetUploadIcon20Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light";
+import { NetUploadIcon24Regular } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
+export var UploadIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
+  }
+}, 'UploadIcon');

package/components/FileUploader/UploadIcon/UploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["UploadIcon.tsx"],"names":["React","iconSizer","NetUploadIcon16Light","NetUploadIcon20Light","NetUploadIcon24Regular","UploadIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,sBAAT,QAAuC,+DAAvC;;AAEA,OAAO,IAAMC,UAAU,GAAGJ,SAAS;AACjC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,oBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,oBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,sBAAD,OAAN,EAHT,EADiC;;AAMjC,YANiC,CAA5B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light';\nimport { NetUploadIcon24Regular } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon16Light />,\n    medium: () => <NetUploadIcon20Light />,\n    large: () => <NetUploadIcon24Regular />,\n  },\n  'UploadIcon',\n);\n"]}

package/components/FileUploader/UploadIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FileUploader/UploadIcon.js",
+  "module": "UploadIcon",
+  "types": "../UploadIcon.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/UploadIcon.d.ts

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

package/components/FileUploader/index/index.js

@@ -0,0 +1,3 @@
+export { FileUploaderFileStatus } from "../../../internal/FileUploaderControl/fileUtils";
+export { FileUploaderFileValidationResult } from "../../../internal/FileUploaderControl/FileUploaderFileValidationResult";
+export * from "../FileUploader";

package/components/FileUploader/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["FileUploaderFileStatus","FileUploaderFileValidationResult"],"mappings":";AACA,SAASA,sBAAT,QAAuC,8CAAvC;;AAEA,SAASC,gCAAT,QAAiD,qEAAjD;AACA,cAAc,gBAAd","sourcesContent":["import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type FileUploaderAttachedFile = Type;\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"]}

package/components/FileUploader/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FileUploader/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/index.d.ts

@@ -0,0 +1,5 @@
+import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export declare type FileUploaderAttachedFile = Type;
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/components/FileUploader/locale/index/index.js

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var FileUploaderLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

package/components/FileUploader/locale/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,wBAAwB,GAAG,IAAIJ,YAAJ,CAAqC;AAC3EG,EAAAA,KAAK,EAALA,KAD2E;AAE3ED,EAAAA,KAAK,EAALA,KAF2E,EAArC,CAAjC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/FileUploader/locale/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/FileUploader/locale/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/components/FileUploader/locale/locales/en/en.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+  chooseFile: 'Select a file',
+  choosedFile: 'File selected',
+  orDragHere: 'or drag here',
+  requestErrorText: 'The file could not be uploaded to the server, please try again later'
+};

package/components/FileUploader/locale/locales/en/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;AACnDC,EAAAA,UAAU,EAAE,eADuC;AAEnDC,EAAAA,WAAW,EAAE,eAFsC;AAGnDC,EAAAA,UAAU,EAAE,cAHuC;AAInDC,EAAAA,gBAAgB,EAAE,sEAJiC,EAA9C","sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"]}

package/components/FileUploader/locale/locales/en/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/FileUploader/locale/locales/en.js",
+  "module": "en",
+  "types": "../en.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/locales/ru/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/FileUploader/locale/locales/ru.js",
+  "module": "ru",
+  "types": "../ru.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/locale/locales/ru/ru.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+  chooseFile: 'Выберите файл',
+  choosedFile: 'Выбран файл',
+  orDragHere: 'или перетащите сюда',
+  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже'
+};

package/components/FileUploader/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;AACnDC,EAAAA,UAAU,EAAE,eADuC;AAEnDC,EAAAA,WAAW,EAAE,aAFsC;AAGnDC,EAAAA,UAAU,EAAE,qBAHuC;AAInDC,EAAAA,gBAAgB,EAAE,8DAJiC,EAA9C","sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"]}

package/components/FileUploader/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FileUploader/locale/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/locale/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/FileUploader/locale/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/locale/types/types.js

@@ -0,0 +1 @@
+export {};

package/components/FileUploader/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/FileUploader/locale/types.d.ts

@@ -0,0 +1,6 @@
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/components/FileUploader/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/FileUploader/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/FxInput/FxInput/FxInput.js

@@ -1,19 +1,32 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];
+
+var _class, _class2, _temp; // TODO: Enable this rule in functional components.
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from "../../Button";
 import { Group } from "../../Group";
 import { Input } from "../../Input";
 import { CurrencyInput } from "../../CurrencyInput";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { FunctionIcon, UndoIcon } from "../../../internal/icons/16px";
+import { FunctionIcon } from "../../../internal/icons/16px";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MathFunctionIcon } from "../MathFunctionIcon";
+import { FxInputRestoreBtn } from "../FxInputRestoreBtn";
+export var FxInputDataTids = {
+  root: 'FxInput__root'
+};
+export
 /** Принимает все свойства `Input`'a */
-
-export var FxInput =
-/*#__PURE__*/
-function (_React$Component) {
+var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FxInput, _React$Component);
 
   function FxInput() {
@@ -27,6 +40,71 @@ function (_React$Component) {
     _this.input = null;
     _this.getProps = createPropsGetter(FxInput.defaultProps);
 
+    _this.renderMain = function (props) {
+      var type = props.type,
+          onRestore = props.onRestore,
+          auto = props.auto,
+          refInput = props.refInput,
+          value = props.value,
+          width = props.width,
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+      var inputProps = {
+        align: 'right'
+      };
+      var button = null;
+      var inputCorners;
+      var IconFunction = /*#__PURE__*/React.createElement(FunctionIcon, null);
+
+      if (isTheme2022(_this.theme)) {
+        inputCorners = auto ? {} : {
+          borderBottomLeftRadius: 0,
+          borderTopLeftRadius: 0
+        };
+        var iconSizes = {
+          small: parseInt(_this.theme.inputIconSizeSmall),
+          medium: parseInt(_this.theme.inputIconSizeMedium),
+          large: parseInt(_this.theme.inputIconSizeLarge)
+        };
+        var size = _this.props.size || Input.defaultProps.size;
+        IconFunction = /*#__PURE__*/React.createElement(MathFunctionIcon, {
+          size: iconSizes[size]
+        });
+      }
+
+      if (auto) {
+        inputProps.leftIcon = IconFunction;
+      } else {
+        button = /*#__PURE__*/React.createElement(FxInputRestoreBtn, {
+          size: rest.size,
+          onRestore: onRestore,
+          disabled: rest.disabled,
+          borderless: rest.borderless,
+          "aria-label": props.buttonAriaLabel
+        });
+      }
+
+      return /*#__PURE__*/React.createElement(Group, {
+        "data-tid": FxInputDataTids.root,
+        width: width
+      }, button, type === 'currency' ? /*#__PURE__*/React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
+        width: '100%',
+        ref: _this.refInput,
+        value: value,
+        onValueChange: _this.props.onValueChange
+      })) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
+        width: '100%',
+        ref: _this.refInput,
+        type: type,
+        value: value,
+        onValueChange: _this.props.onValueChange
+      })));
+    };
+
     _this.focus = function () {
       if (_this.input) {
         _this.input.focus();
@@ -53,57 +131,22 @@ function (_React$Component) {
   var _proto = FxInput.prototype;
 
   _proto.render = function render() {
-    var _this$props = this.props,
-        type = _this$props.type,
-        onRestore = _this$props.onRestore,
-        auto = _this$props.auto,
-        rest = _objectWithoutPropertiesLoose(_this$props, ["type", "onRestore", "auto"]);
-
-    var inputProps = {
-      align: 'right'
-    };
-    var button = null;
-
-    if (auto) {
-      inputProps.leftIcon = React.createElement(FunctionIcon, null);
-    } else {
-      button = React.createElement(Button, {
-        narrow: true,
-        onClick: this.props.onRestore,
-        borderless: this.props.borderless,
-        disabled: this.props.disabled
-      }, React.createElement(UndoIcon, null));
-    }
+    var _this2 = this;
 
-    return React.createElement(Group, {
-      width: this.props.width
-    }, button, this.getProps().type === 'currency' ? React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
-      width: '100%',
-      ref: this.refInput,
-      value: this.props.value,
-      onValueChange: this.props.onValueChange
-    })) : React.createElement(Input, _extends({}, inputProps, rest, {
-      width: '100%',
-      ref: this.refInput,
-      type: this.props.type,
-      value: this.props.value,
-      onValueChange: this.props.onValueChange
-    })));
-  }
-  /**
-   * @public
-   */
-  ;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
+    });
+  };
 
   return FxInput;
-}(React.Component);
-FxInput.__KONTUR_REACT_UI__ = 'FxInput';
-FxInput.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.displayName = 'FxInput', _class2.propTypes = {
   auto: PropTypes.bool,
   type: PropTypes.string
-};
-FxInput.defaultProps = {
+}, _class2.defaultProps = {
   width: 250,
   type: 'text',
   value: ''
-};
+}, _temp)) || _class;

package/components/FxInput/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Button","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","UndoIcon","FxInput","input","getProps","defaultProps","focus","blur","refInput","element","props","render","type","onRestore","auto","rest","inputProps","align","button","leftIcon","borderless","disabled","width","value","onValueChange","Component","__KONTUR_REACT_UI__","propTypes","bool","string"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Button } from '../Button';\r\nimport { Group } from '../Group';\r\nimport { Input, InputProps, InputType } from '../Input';\r\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Override } from '../../typings/utility-types';\r\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\r\n\r\nexport type FxInputProps = Override<\r\n  CurrencyInputProps,\r\n  {\r\n    /** Авто-режим */\r\n    auto?: boolean;\r\n    /** Тип инпута */\r\n    type?: 'currency' | InputProps['type'];\r\n    /** onRestore */\r\n    onRestore?: () => void;\r\n    /** onValueChange */\r\n    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\r\n    /** Значение */\r\n    value?: React.ReactText;\r\n    /** ref Input'а */\r\n    refInput?: (element: CurrencyInput | Input | null) => void;\r\n    /** Убрать лишние нули после запятой */\r\n    hideTrailingZeros?: boolean;\r\n  }\r\n>;\r\n\r\n/** Принимает все свойства `Input`'a */\r\nexport class FxInput extends React.Component<FxInputProps> {\r\n  public static __KONTUR_REACT_UI__ = 'FxInput';\r\n\r\n  public static propTypes = {\r\n    auto: PropTypes.bool,\r\n    type: PropTypes.string,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    width: 250,\r\n    type: 'text',\r\n    value: '',\r\n  };\r\n\r\n  private input: Input | CurrencyInput | null = null;\r\n\r\n  private getProps = createPropsGetter(FxInput.defaultProps);\r\n\r\n  public render(): JSX.Element {\r\n    const { type, onRestore, auto, ...rest } = this.props;\r\n    const inputProps: Partial<CurrencyInputProps> = {\r\n      align: 'right',\r\n    };\r\n\r\n    let button = null;\r\n\r\n    if (auto) {\r\n      inputProps.leftIcon = <FunctionIcon />;\r\n    } else {\r\n      button = (\r\n        <Button narrow onClick={this.props.onRestore} borderless={this.props.borderless} disabled={this.props.disabled}>\r\n          <UndoIcon />\r\n        </Button>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Group width={this.props.width}>\r\n        {button}\r\n        {this.getProps().type === 'currency' ? (\r\n          <CurrencyInput\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            value={this.props.value as CurrencyInputProps['value']}\r\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\r\n          />\r\n        ) : (\r\n          <Input\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            type={this.props.type as InputType}\r\n            value={this.props.value as InputProps['value']}\r\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\r\n          />\r\n        )}\r\n      </Group>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n  };\r\n\r\n  private refInput = (element: Input | CurrencyInput | null) => {\r\n    this.input = element;\r\n\r\n    if (this.props.refInput) {\r\n      this.props.refInput(this.input);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","CommonWrapper","rootNode","isTheme2022","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","leftIcon","disabled","borderless","buttonAriaLabel","onValueChange","focus","blur","element","render","setRootNode","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    let inputCorners: InputProps['corners'];\n    let IconFunction = <FunctionIcon />;\n\n    if (isTheme2022(this.theme)) {\n      inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n      const iconSizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.inputIconSizeSmall),\n        medium: parseInt(this.theme.inputIconSizeMedium),\n        large: parseInt(this.theme.inputIconSizeLarge),\n      };\n      const size = this.props.size || Input.defaultProps.size;\n      IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n    }\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}