@skbkontur/react-ui 0.0.0-4ef0a955cc → 0.0.0-52df310f7c

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","fileUploaderSizeMixin","styles","pulse","root","t","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":"mpBAAA,SAASA,GAAT,EAAcC,SAAd,EAAyBC,YAAzB,QAA6C,2BAA7C;;;AAGA,SAASC,qBAAT,QAAsC,uBAAtC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOJ,SAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBY;;AAqBbK,EAAAA,IArBa,gBAqBRC,CArBQ,EAqBE;AACb,WAAOP,GAAP;;;AAGsBO,IAAAA,CAAC,CAACC,cAHxB;AAIiBD,IAAAA,CAAC,CAACE,sBAJnB;AAKeF,IAAAA,CAAC,CAACG,oBALjB;AAMWH,IAAAA,CAAC,CAACI,4BANb;;;AASD,GA/BY;;AAiCbC,EAAAA,YAjCa,wBAiCAL,CAjCA,EAiCU;AACrB,WAAOP,GAAP;;;;;AAKYO,IAAAA,CAAC,CAACM,uBALd,EAKyCN,CAAC,CAACO,uBAL3C,EAKsEP,CAAC,CAACQ,uBALxE;;AAOmBR,IAAAA,CAAC,CAACS,wBAPrB;;;AAUaT,IAAAA,CAAC,CAACU,oBAVf,EAUuCV,CAAC,CAACW,oBAVzC;;;AAaD,GA/CY;;AAiDbC,EAAAA,iBAjDa,6BAiDKZ,CAjDL,EAiDe;AAC1B,WAAOP,GAAP;AACYO,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAACa,4BADjD;AAEgCb,IAAAA,CAAC,CAACa,4BAFlC;;AAID,GAtDY;;AAwDbC,EAAAA,QAxDa,oBAwDJd,CAxDI,EAwDM;AACjB,WAAOP,GAAP;;AAEmBO,IAAAA,CAAC,CAACS,wBAFrB;;;AAKD,GA9DY;;AAgEbM,EAAAA,cAhEa,0BAgEEf,CAhEF,EAgEY;AACvB,WAAOP,GAAP;AACmBO,IAAAA,CAAC,CAACS,wBADrB;AAEeZ,IAAAA,MAAM,CAACC,KAAP,EAFf;;AAID,GArEY;;AAuEbkB,EAAAA,OAvEa,qBAuEH;AACR,WAAOvB,GAAP;;;;;;;;AAQD,GAhFY;;AAkFbwB,EAAAA,gBAlFa,8BAkFM;AACjB,WAAOxB,GAAP;;;;AAID,GAvFY;;AAyFbyB,EAAAA,iBAzFa,6BAyFKlB,CAzFL,EAyFe;AAC1B,WAAOP,GAAP;AACuBO,IAAAA,CAAC,CAACmB,kBADzB,EACiDnB,CAAC,CAACoB,wBADnD;;AAGD,GA7FY;;AA+FbC,EAAAA,kBA/Fa,8BA+FMrB,CA/FN,EA+FgB;AAC3B,WAAOP,GAAP;AACuBO,IAAAA,CAAC,CAACsB,mBADzB,EACkDtB,CAAC,CAACuB,yBADpD;;AAGD,GAnGY;;AAqGbC,EAAAA,iBArGa,6BAqGKxB,CArGL,EAqGe;AAC1B,WAAOP,GAAP;AACuBO,IAAAA,CAAC,CAACyB,kBADzB,EACiDzB,CAAC,CAAC0B,wBADnD;;AAGD,GAzGY;;AA2GbC,EAAAA,SA3Ga,uBA2GD;AACV,WAAOlC,GAAP;;;;AAID,GAhHY;;AAkHbmC,EAAAA,aAlHa,2BAkHG;AACd,WAAOnC,GAAP;;;AAGD,GAtHY;;AAwHboC,EAAAA,sBAxHa,oCAwHY;AACvB,WAAOpC,GAAP;;;;;AAKD,GA9HY;;AAgIbqC,EAAAA,OAhIa,mBAgIL9B,CAhIK,EAgIK;AAChB,WAAOP,GAAP;AACYO,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAAC+B,8BADjD;AAEgC/B,IAAAA,CAAC,CAAC+B,8BAFlC;;AAID,GArIY;;AAuIbC,EAAAA,KAvIa,iBAuIPhC,CAvIO,EAuIG;AACd,WAAOP,GAAP;AACYO,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAACiC,4BADjD;AAEgCjC,IAAAA,CAAC,CAACiC,4BAFlC;;AAID,GA5IY;;AA8IbC,EAAAA,OA9Ia,mBA8ILlC,CA9IK,EA8IK;AAChB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACmC,qBADlB;;AAGD,GAlJY;;AAoJbC,EAAAA,WApJa,uBAoJDpC,CApJC,EAoJS;AACpB,WAAOP,GAAP;AACqBO,IAAAA,CAAC,CAACqC,mCADvB;;AAGD,GAxJY;;AA0JbC,EAAAA,QA1Ja,oBA0JJtC,CA1JI,EA0JM;AACjB,WAAOP,GAAP;;AAEgBO,IAAAA,CAAC,CAACuC,sBAFlB;AAGYvC,IAAAA,CAAC,CAACM,uBAHd,EAG+CN,CAAC,CAACwC,+BAHjD;AAIWxC,IAAAA,CAAC,CAACyC,6BAJb;;;AAOD,GAlKY;;AAoKbC,EAAAA,IApKa,gBAoKR1C,CApKQ,EAoKE;AACb,WAAOP,GAAP;;;AAGWO,IAAAA,CAAC,CAAC2C,qBAHb;;;AAMD,GA3KY;;AA6KbC,EAAAA,YA7Ka,wBA6KA5C,CA7KA,EA6KU;AACrB,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAAC6C,6BADb;;AAGD,GAjLY;;AAmLbC,EAAAA,IAnLa,gBAmLR9C,CAnLQ,EAmLE;AACb,WAAOP,GAAP;;;AAGWO,IAAAA,CAAC,CAAC+C,qBAHb;;AAKD,GAzLY;;AA2LbC,EAAAA,YA3La,wBA2LAhD,CA3LA,EA2LU;AACrB,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAACiD,6BADb;;;;;AAMD,GAlMY;;AAoMbC,EAAAA,UApMa,wBAoMA;AACX,WAAOzD,GAAP;;;AAGD,GAxMY;;AA0Mb0D,EAAAA,SA1Ma,qBA0MHnD,CA1MG,EA0MO;AAClB,WAAOP,GAAP;AACIG,IAAAA,qBAAqB;AACrBI,IAAAA,CAAC,CAACoD,yBADmB;AAErBpD,IAAAA,CAAC,CAACqD,2BAFmB;AAGrBrD,IAAAA,CAAC,CAACsD,yBAHmB;AAIrBtD,IAAAA,CAAC,CAACuD,yBAJmB,CADzB;;;AAQD,GAnNY;;AAqNbC,EAAAA,UArNa,sBAqNFxD,CArNE,EAqNQ;AACnB,WAAOP,GAAP;AACIG,IAAAA,qBAAqB;AACrBI,IAAAA,CAAC,CAACyD,0BADmB;AAErBzD,IAAAA,CAAC,CAAC0D,4BAFmB;AAGrB1D,IAAAA,CAAC,CAAC2D,0BAHmB;AAIrB3D,IAAAA,CAAC,CAAC4D,0BAJmB,CADzB;;;AAQD,GA9NY;;AAgObC,EAAAA,SAhOa,qBAgOH7D,CAhOG,EAgOO;AAClB,WAAOP,GAAP;AACIG,IAAAA,qBAAqB;AACrBI,IAAAA,CAAC,CAAC8D,yBADmB;AAErB9D,IAAAA,CAAC,CAAC+D,2BAFmB;AAGrB/D,IAAAA,CAAC,CAACgE,yBAHmB;AAIrBhE,IAAAA,CAAC,CAACiE,yBAJmB,CADzB;;;AAQD,GAzOY;;AA2ObC,EAAAA,SA3Oa,qBA2OHlE,CA3OG,EA2OO;AAClB,WAAOP,GAAP;AACeO,IAAAA,CAAC,CAACoD,yBADjB;AAEiBpD,IAAAA,CAAC,CAACqD,2BAFnB;AAGWrD,IAAAA,CAAC,CAACmB,kBAHb;AAIYnB,IAAAA,CAAC,CAACuD,yBAJd;AAKWvD,IAAAA,CAAC,CAACsD,yBALb;;AAOD,GAnPY;AAoPba,EAAAA,UApPa,sBAoPFnE,CApPE,EAoPQ;AACnB,WAAOP,GAAP;AACeO,IAAAA,CAAC,CAACyD,0BADjB;AAEiBzD,IAAAA,CAAC,CAAC0D,4BAFnB;AAGW1D,IAAAA,CAAC,CAACsB,mBAHb;AAIYtB,IAAAA,CAAC,CAAC4D,0BAJd;AAKW5D,IAAAA,CAAC,CAAC2D,0BALb;;AAOD,GA5PY;AA6PbS,EAAAA,SA7Pa,qBA6PHpE,CA7PG,EA6PO;AAClB,WAAOP,GAAP;AACeO,IAAAA,CAAC,CAAC8D,yBADjB;AAEiB9D,IAAAA,CAAC,CAAC+D,2BAFnB;AAGW/D,IAAAA,CAAC,CAACyB,kBAHb;AAIYzB,IAAAA,CAAC,CAACiE,yBAJd;AAKWjE,IAAAA,CAAC,CAACgE,yBALb;;AAOD,GArQY,EAAf;;;AAwQA,OAAO,IAAMK,QAAQ,GAAG1E,YAAY,CAACE,MAAD,CAA7B","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/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,33 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const jsStyles: {
+    pulse(): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(t: Theme): string;
+    windowDragOver(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
+    fileInput(): string;
+    afterLinkText(): string;
+    afterLinkText_HasFiles(): 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/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.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,6 +1,13 @@
 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";
@@ -9,9 +16,14 @@ import { Input } from "../../Input";
 import { CurrencyInput } from "../../CurrencyInput";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FunctionIcon, UndoIcon } from "../../../internal/icons/16px";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+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() {
@@ -25,6 +37,49 @@ export var FxInput = /*#__PURE__*/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;
+
+      if (auto) {
+        inputProps.leftIcon = /*#__PURE__*/React.createElement(FunctionIcon, null);
+      } else {
+        button = /*#__PURE__*/React.createElement(Button, {
+          size: _this.props.size,
+          narrow: true,
+          onClick: _this.props.onRestore,
+          borderless: _this.props.borderless,
+          disabled: _this.props.disabled
+        }, /*#__PURE__*/React.createElement(UndoIcon, null));
+      }
+
+      return /*#__PURE__*/React.createElement(Group, {
+        "data-tid": FxInputDataTids.root,
+        width: width
+      }, button, type === 'currency' ? /*#__PURE__*/React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
+        width: '100%',
+        ref: _this.refInput,
+        value: value,
+        onValueChange: _this.props.onValueChange
+      })) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, rest, {
+        width: '100%',
+        ref: _this.refInput,
+        type: type,
+        value: value,
+        onValueChange: _this.props.onValueChange
+      })));
+    };
+
     _this.focus = function () {
       if (_this.input) {
         _this.input.focus();
@@ -51,57 +106,17 @@ export var FxInput = /*#__PURE__*/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 = /*#__PURE__*/React.createElement(FunctionIcon, null);
-    } else {
-      button = /*#__PURE__*/React.createElement(Button, {
-        narrow: true,
-        onClick: this.props.onRestore,
-        borderless: this.props.borderless,
-        disabled: this.props.disabled
-      }, /*#__PURE__*/React.createElement(UndoIcon, null));
-    }
-
-    return /*#__PURE__*/React.createElement(Group, {
-      width: this.props.width
-    }, button, this.getProps().type === 'currency' ? /*#__PURE__*/React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
-      width: '100%',
-      ref: this.refInput,
-      value: this.props.value,
-      onValueChange: this.props.onValueChange
-    })) : /*#__PURE__*/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(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.getProps()), this.renderMain);
+  };
 
   return FxInput;
-}(React.Component);
-FxInput.__KONTUR_REACT_UI__ = 'FxInput';
-FxInput.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = '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","Button","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","UndoIcon","CommonWrapper","rootNode","FxInputDataTids","root","FxInput","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","Component","__KONTUR_REACT_UI__","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"]}

package/components/FxInput/FxInput.d.ts

@@ -2,8 +2,10 @@ 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';
-export declare type FxInputProps = Override<CurrencyInputProps, {
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
     /** Авто-режим */
     auto?: boolean;
     /** Тип инпута */
@@ -18,7 +20,13 @@ export declare type FxInputProps = Override<CurrencyInputProps, {
     refInput?: (element: CurrencyInput | Input | null) => void;
     /** Убрать лишние нули после запятой */
     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;
@@ -26,14 +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: CommonWrapperRestProps<DefaultizedFxInputProps>) => JSX.Element;
     /**
      * @public
      */
@@ -44,3 +50,4 @@ export declare class FxInput extends React.Component<FxInputProps> {
     blur: () => void;
     private refInput;
 }
+export {};

package/components/FxInput/FxInput.md

@@ -1,13 +1,29 @@
-```jsx harmony
-let initialState = { auto: false };
-
-function handleValueChange(value) {
-  setState({ auto: false, value });
-}
-
-function handleRestore() {
-  setState({ auto: true, value: 'auto' });
-}
-
-<FxInput auto={state.auto} value={state.value} onValueChange={handleValueChange} onRestore={handleRestore} />;
-```
+```jsx harmony
+const [auto, setAuto] = React.useState(false);
+const [value, setValue] = React.useState();
+
+function handleValueChange(value) {
+  setAuto(false);
+  setValue(value);
+}
+
+function handleRestore() {
+  setAuto(true);
+  setValue('auto');
+}
+
+<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
+```
+
+Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState(12345);
+
+<Group>
+  <FxInput value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(undefined)}>Undefined</Button>
+  <Button onClick={() => setValue('')}>Пустая строка</Button>
+</Group>
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from './FxInput';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from './FxInput';\n"]}