@skbkontur/react-ui 0.0.0-2d05d1e54b → 0.0.0-2dd5039746

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

@@ -0,0 +1,270 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _FileUploader = require("./FileUploader.mixins");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;
+
+var styles = {
+  pulse: function pulse() {
+    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  },
+
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      position: relative;\n    "])),
+
+
+    t.fileUploaderBg,
+    t.fileUploaderLineHeight,
+    t.fileUploaderFontSize,
+    t.fileUploaderTextColorDefault);
+
+
+  },
+
+  uploadButton: function uploadButton(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\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: box-shadow 0.3s ease;\n    "])),
+
+
+
+
+    t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
+
+    t.fileUploaderBorderRadius,
+
+
+    t.fileUploaderPaddingY, t.fileUploaderPaddingX);
+
+
+  },
+
+  uploadButtonFocus: function uploadButtonFocus(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
+    t.fileUploaderBorderColorFocus);
+
+  },
+
+  dragOver: function dragOver(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid #2da4f9;\n      border-radius: ", ";\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    "])),
+
+    t.fileUploaderBorderRadius);
+
+
+  },
+
+  windowDragOver: function windowDragOver(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+    t.fileUploaderBorderRadius,
+    styles.pulse());
+
+  },
+
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+
+
+
+
+
+
+
+  },
+
+  contentWithFiles: function contentWithFiles() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+
+
+
+  },
+
+  contentInnerSmall: function contentInnerSmall(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+
+  },
+
+  contentInnerMedium: function contentInnerMedium(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+
+  },
+
+  contentInnerLarge: function contentInnerLarge(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+
+  },
+
+  fileInput: function fileInput() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0;\n      height: 0;\n    "])));
+
+
+
+  },
+
+  afterLinkText: function afterLinkText() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+
+
+  },
+
+  afterLinkText_HasFiles: function afterLinkText_HasFiles() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
+
+
+
+
+  },
+
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+    t.fileUploaderBorderColorWarning);
+
+  },
+
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
+    t.fileUploaderBorderColorError);
+
+  },
+
+  hovered: function hovered(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.fileUploaderHoveredBg);
+
+  },
+
+  linkHovered: function linkHovered(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.fileUploaderLinkHoverTextDecoration);
+
+  },
+
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])),
+
+    t.fileUploaderDisabledBg,
+    t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor,
+    t.fileUploaderDisabledTextColor);
+
+
+  },
+
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
+
+
+    t.fileUploaderIconColor);
+
+
+  },
+
+  iconDisabled: function iconDisabled(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderDisabledIconColor);
+
+  },
+
+  link: function link(t) {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+
+
+    t.fileUploaderLinkColor);
+
+  },
+
+  linkDisabled: function linkDisabled(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+    t.fileUploaderDisabledLinkColor);
+
+
+
+
+  },
+
+  singleFile: function singleFile() {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+
+
+  },
+
+  sizeSmall: function sizeSmall(t) {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall,
+    t.fileUploaderPaddingXSmall,
+    t.fileUploaderPaddingYSmall));
+
+
+  },
+
+  sizeMedium: function sizeMedium(t) {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium,
+    t.fileUploaderPaddingXMedium,
+    t.fileUploaderPaddingYMedium));
+
+
+  },
+
+  sizeLarge: function sizeLarge(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge,
+    t.fileUploaderPaddingXLarge,
+    t.fileUploaderPaddingYLarge));
+
+
+  },
+
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge,
+    t.inputIconSizeLarge,
+    t.fileUploaderPaddingYLarge,
+    t.fileUploaderPaddingXLarge);
+
+  } };
+
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["styles","pulse","keyframes","root","t","css","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","afterLinkText","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","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","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            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 css`\n      display: inline-block;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      position: relative;\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return 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: box-shadow 0.3s ease;\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return 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 css`\n      border: 1px solid #2da4f9;\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return 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 css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  afterLinkText_HasFiles() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    `;\n  },\n\n  warning(t: Theme) {\n    return 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 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 css`\n      background: ${t.fileUploaderHoveredBg};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return 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 css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return 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 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 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\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/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/cjs/components/FileUploader/index.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;var _exportNames = { FileUploaderFileStatus: true, FileUploaderFileValidationResult: true };exports.FileUploaderFileValidationResult = exports.FileUploaderFileStatus = void 0;
+var _fileUtils = require("../../internal/FileUploaderControl/fileUtils");exports.FileUploaderFileStatus = _fileUtils.FileUploaderFileStatus;
+
+var _FileUploaderFileValidationResult = require("../../internal/FileUploaderControl/FileUploaderFileValidationResult");exports.FileUploaderFileValidationResult = _FileUploaderFileValidationResult.FileUploaderFileValidationResult;
+var _FileUploader = require("./FileUploader");Object.keys(_FileUploader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _FileUploader[key]) return;exports[key] = _FileUploader[key];});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";AACA,yE;;AAEA,uH;AACA","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/cjs/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/cjs/components/FileUploader/locale/index.js

@@ -0,0 +1,11 @@
+"use strict";exports.__esModule = true;var _exportNames = { FileUploaderLocaleHelper: true };exports.FileUploaderLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var FileUploaderLocaleHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales });exports.FileUploaderLocaleHelper = FileUploaderLocaleHelper;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["FileUploaderLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"uIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,wBAAwB,GAAG,IAAIC,0BAAJ,CAAqC;AAC3EC,EAAAA,KAAK,EAALA,qBAD2E;AAE3EC,EAAAA,KAAK,EAALA,qBAF2E,EAArC,CAAjC,C","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/cjs/components/FileUploader/locale/locales/en.d.ts

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

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

@@ -0,0 +1,7 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+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' };exports.componentsLocales = componentsLocales;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"mappings":";;AAEO,IAAMA,iBAAqC,GAAG;AACnDC,EAAAA,UAAU,EAAE,eADuC;AAEnDC,EAAAA,WAAW,EAAE,eAFsC;AAGnDC,EAAAA,UAAU,EAAE,cAHuC;AAInDC,EAAAA,gBAAgB,EAAE,sEAJiC,EAA9C,C","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/cjs/components/FileUploader/locale/locales/ru.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

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

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

package/cjs/components/FxInput/FxInput.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Input, InputProps } from '../Input';
 import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { DefaultizedProps } from '../../lib/createPropsGetter';
 import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
     /** Авто-режим */
     auto?: boolean;
@@ -21,6 +22,11 @@ export interface FxInputProps extends CommonProps, Override<CurrencyInputProps,
     hideTrailingZeros?: boolean;
 }> {
 }
+export declare const FxInputDataTids: {
+    readonly root: "FxInput__root";
+};
+declare type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
+declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
 /** Принимает все свойства `Input`'a */
 export declare class FxInput extends React.Component<FxInputProps> {
     static __KONTUR_REACT_UI__: string;
@@ -28,15 +34,12 @@ export declare class FxInput extends React.Component<FxInputProps> {
         auto: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        width: number;
-        type: string;
-        value: string;
-    };
+    static defaultProps: DefaultProps;
     private input;
     private getProps;
+    private setRootNode;
     render(): JSX.Element;
-    renderMain: (props: Pick<Pick<FxInputProps, "type" | "auto" | "placeholder" | "dir" | "form" | "slot" | "title" | "mask" | "pattern" | "maskChar" | "formatChars" | "alwaysShowMask" | "onUnexpectedInput" | "onValueChange" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "leftIcon" | "rightIcon" | "error" | "warning" | "borderless" | "align" | "suffix" | "selectAllOnFocus" | "refInput" | "fractionDigits" | "hideTrailingZeros" | "signed" | "integerDigits" | "onRestore">, "type" | "auto" | "placeholder" | "dir" | "form" | "slot" | "title" | "mask" | "pattern" | "maskChar" | "formatChars" | "alwaysShowMask" | "onUnexpectedInput" | "onValueChange" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "leftIcon" | "rightIcon" | "error" | "warning" | "borderless" | "align" | "suffix" | "selectAllOnFocus" | "refInput" | "fractionDigits" | "hideTrailingZeros" | "signed" | "integerDigits" | "onRestore">) => JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => JSX.Element;
     /**
      * @public
      */
@@ -47,3 +50,4 @@ export declare class FxInput extends React.Component<FxInputProps> {
     blur: () => void;
     private refInput;
 }
+export {};

package/cjs/components/FxInput/FxInput.js

@@ -1,4 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Button = require("../Button");
@@ -9,6 +11,10 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _class2, _temp;
+
+
+
 
 
 
@@ -27,13 +33,18 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 
 
+
+
+var FxInputDataTids = {
+  root: 'FxInput__root' };exports.FxInputDataTids = FxInputDataTids;
 
 
 
 
 
 /** Принимает все свойства `Input`'a */var
-FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInput, _React$Component);function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInput, _React$Component);function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -55,8 +66,13 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
 
 
 
-    renderMain = function (props) {var
-      type = props.type,onRestore = props.onRestore,auto = props.auto,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["type", "onRestore", "auto"]);
+
+
+
+
+
+    renderMain = function (props) {
+      var type = props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var inputProps = {
         align: 'right' };
 
@@ -67,22 +83,28 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
         inputProps.leftIcon = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
       } else {
         button = /*#__PURE__*/
-        _react.default.createElement(_Button.Button, { narrow: true, onClick: _this.props.onRestore, borderless: _this.props.borderless, disabled: _this.props.disabled }, /*#__PURE__*/
+        _react.default.createElement(_Button.Button, {
+          size: _this.props.size,
+          narrow: true,
+          onClick: _this.props.onRestore,
+          borderless: _this.props.borderless,
+          disabled: _this.props.disabled }, /*#__PURE__*/
+
         _react.default.createElement(_px.UndoIcon, null));
 
 
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { width: _this.props.width },
+        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
         button,
-        _this.getProps().type === 'currency' ? /*#__PURE__*/
+        type === 'currency' ? /*#__PURE__*/
         _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
         inputProps,
         rest, {
           width: '100%',
           ref: _this.refInput,
-          value: _this.props.value,
+          value: value,
           onValueChange: _this.props.onValueChange })) : /*#__PURE__*/
 
 
@@ -91,8 +113,8 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
         rest, {
           width: '100%',
           ref: _this.refInput,
-          type: _this.props.type,
-          value: _this.props.value,
+          type: type,
+          value: value,
           onValueChange: _this.props.onValueChange }))));
 
 
@@ -124,4 +146,4 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
       if (_this.props.refInput) {
         _this.props.refInput(_this.input);
       }
-    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);};return FxInput;}(_react.default.Component);exports.FxInput = FxInput;FxInput.__KONTUR_REACT_UI__ = 'FxInput';FxInput.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string };FxInput.defaultProps = { width: 250, type: 'text', value: '' };
+    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return FxInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _class2.defaultProps = { width: 250, type: 'text', value: '' }, _temp)) || _class;exports.FxInput = FxInput;

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

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","rest","inputProps","align","button","leftIcon","borderless","disabled","width","refInput","value","onValueChange","focus","blur","element","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"icAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,uC;AACaA,O;;;;;;;;;;;;;;AAcHC,IAAAA,K,GAAsC,I;;AAEtCC,IAAAA,Q,GAAW,0CAAkBF,OAAO,CAACG,YAA1B,C;;;;;;AAMZC,IAAAA,U,GAAa,UAACC,KAAD,EAAiD;AAC3DC,MAAAA,IAD2D,GACxBD,KADwB,CAC3DC,IAD2D,CACrDC,SADqD,GACxBF,KADwB,CACrDE,SADqD,CAC1CC,IAD0C,GACxBH,KADwB,CAC1CG,IAD0C,CACjCC,IADiC,+CACxBJ,KADwB;AAEnE,UAAMK,UAAuC,GAAG;AAC9CC,QAAAA,KAAK,EAAE,OADuC,EAAhD;;;AAIA,UAAIC,MAAM,GAAG,IAAb;;AAEA,UAAIJ,IAAJ,EAAU;AACRE,QAAAA,UAAU,CAACG,QAAX,gBAAsB,6BAAC,gBAAD,OAAtB;AACD,OAFD,MAEO;AACLD,QAAAA,MAAM;AACJ,qCAAC,cAAD,IAAQ,MAAM,MAAd,EAAe,OAAO,EAAE,MAAKP,KAAL,CAAWE,SAAnC,EAA8C,UAAU,EAAE,MAAKF,KAAL,CAAWS,UAArE,EAAiF,QAAQ,EAAE,MAAKT,KAAL,CAAWU,QAAtG;AACE,qCAAC,YAAD,OADF,CADF;;;AAKD;;AAED;AACE,qCAAC,YAAD,IAAO,KAAK,EAAE,MAAKV,KAAL,CAAWW,KAAzB;AACGJ,QAAAA,MADH;AAEG,cAAKV,QAAL,GAAgBI,IAAhB,KAAyB,UAAzB;AACC,qCAAC,4BAAD;AACMI,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,KAAK,EAAE,MAHT;AAIE,UAAA,GAAG,EAAE,MAAKQ,QAJZ;AAKE,UAAA,KAAK,EAAE,MAAKZ,KAAL,CAAWa,KALpB;AAME,UAAA,aAAa,EAAE,MAAKb,KAAL,CAAWc,aAN5B,IADD;;;AAUC,qCAAC,YAAD;AACMT,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,KAAK,EAAE,MAHT;AAIE,UAAA,GAAG,EAAE,MAAKQ,QAJZ;AAKE,UAAA,IAAI,EAAE,MAAKZ,KAAL,CAAWC,IALnB;AAME,UAAA,KAAK,EAAE,MAAKD,KAAL,CAAWa,KANpB;AAOE,UAAA,aAAa,EAAE,MAAKb,KAAL,CAAWc,aAP5B,IAZJ,CADF;;;;;AAyBD,K;;;;;AAKMC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKnB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWmB,KAAX;AACD;AACF,K;;;;;AAKMC,IAAAA,I,GAAO,YAAM;AAClB,UAAI,MAAKpB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWoB,IAAX;AACD;AACF,K;;AAEOJ,IAAAA,Q,GAAW,UAACK,OAAD,EAA2C;AAC5D,YAAKrB,KAAL,GAAaqB,OAAb;;AAEA,UAAI,MAAKjB,KAAL,CAAWY,QAAf,EAAyB;AACvB,cAAKZ,KAAL,CAAWY,QAAX,CAAoB,MAAKhB,KAAzB;AACD;AACF,K,qDAzEMsB,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKlB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,kBApB0BoB,eAAMC,S,4BAAtBzB,O,CACG0B,mB,GAAsB,S,CADzB1B,O,CAGG2B,S,GAAY,EACxBnB,IAAI,EAAEoB,mBAAUC,IADQ,EAExBvB,IAAI,EAAEsB,mBAAUE,MAFQ,E,CAHf9B,O,CAQGG,Y,GAAe,EAC3Ba,KAAK,EAAE,GADoB,EAE3BV,IAAI,EAAE,MAFqB,EAG3BY,KAAK,EAAE,EAHoB,E","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\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nexport interface FxInputProps\r\n  extends CommonProps,\r\n    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() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  public renderMain = (props: CommonWrapperRestProps<FxInputProps>) => {\r\n    const { type, onRestore, auto, ...rest } = 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":["FxInputDataTids","root","FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","leftIcon","size","borderless","disabled","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","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 from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\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, UndoIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FxInputProps\n  extends 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      }\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\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 input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\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\n    if (auto) {\n      inputProps.leftIcon = <FunctionIcon />;\n    } else {\n      button = (\n        <Button\n          size={this.props.size}\n          narrow\n          onClick={this.props.onRestore}\n          borderless={this.props.borderless}\n          disabled={this.props.disabled}\n        >\n          <UndoIcon />\n        </Button>\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            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            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"]}