npm - @skbkontur/react-ui - Versions diffs - 0.0.0-4c5579465d → 0.0.0-4da47ece08 - Mend

@skbkontur/react-ui 0.0.0-4c5579465d → 0.0.0-4da47ece08

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2335) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","fade","inputBlinkColor","pulse","root","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"yrBAAA,SAASA,GAAT,EAAcC,SAAd,EAAyBC,YAAzB,EAAuCC,MAAvC,QAAqD,2BAArD;;AAEA,OAAO,KAAKC,cAAZ,MAAgC,iCAAhC;;AAEA,SAASC,qBAAT,QAAsC,uBAAtC;;AAEA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAAC,eAAD,CAAN,CAAwB;AACnDI,EAAAA,aAAa,EAAE,iBADoC,EAAxB,CAAtB;;;AAIP,IAAMC,MAAM,GAAG;AACbC,EAAAA,SADa,qBACHC,CADG,EACO;AAClB,WAAOT,SAAP;;AAE4BG,IAAAA,cAAc,CAACO,IAAf,CAAoBD,CAAC,CAACE,eAAtB,EAAuC,GAAvC,CAF5B;;;AAK6BR,IAAAA,cAAc,CAACO,IAAf,CAAoBD,CAAC,CAACE,eAAtB,EAAuC,GAAvC,CAL7B;;;AAQ4BR,IAAAA,cAAc,CAACO,IAAf,CAAoBD,CAAC,CAACE,eAAtB,EAAuC,GAAvC,CAR5B;;;AAWD,GAbY;AAcbC,EAAAA,KAda,mBAcL;AACN,WAAOZ,SAAP;;;;;;;;;;;;;;;;;AAiBD,GAhCY;;AAkCba,EAAAA,IAlCa,gBAkCRJ,CAlCQ,EAkCE;AACb,WAAOV,GAAP;;;AAGiBU,IAAAA,CAAC,CAACK,sBAHnB;AAIeL,IAAAA,CAAC,CAACM,oBAJjB;AAKWN,IAAAA,CAAC,CAACO,4BALb;AAMsBP,IAAAA,CAAC,CAACQ,cANxB;;AAQD,GA3CY;;AA6CbC,EAAAA,YA7Ca,wBA6CAT,CA7CA,EA6CU;AACrB,WAAOV,GAAP;;;;;AAKYU,IAAAA,CAAC,CAACU,uBALd,EAKyCV,CAAC,CAACW,uBAL3C,EAKsEX,CAAC,CAACY,uBALxE;;AAOmBZ,IAAAA,CAAC,CAACa,wBAPrB;;;AAUab,IAAAA,CAAC,CAACc,oBAVf,EAUuCd,CAAC,CAACe,oBAVzC;AAWiCf,IAAAA,CAAC,CAACgB,kBAXnC,EAWyDhB,CAAC,CAACiB,wBAX3D;AAYmBjB,IAAAA,CAAC,CAACgB,kBAZrB,EAY2ChB,CAAC,CAACiB,wBAZ7C;AAasBjB,IAAAA,CAAC,CAACkB,0BAbxB;;AAeD,GA7DY;;AA+DbC,EAAAA,iBA/Da,6BA+DKnB,CA/DL,EA+De;AAC1B,WAAOV,GAAP;AACYU,IAAAA,CAAC,CAACU,uBADd,EAC+CV,CAAC,CAACoB,4BADjD;AAEgCpB,IAAAA,CAAC,CAACoB,4BAFlC;;AAID,GApEY;;AAsEbC,EAAAA,QAtEa,oBAsEJrB,CAtEI,EAsEM;AACjB,WAAOV,GAAP;AACsBU,IAAAA,CAAC,CAACsB,+BADxB;AAEmBtB,IAAAA,CAAC,CAACa,wBAFrB;AAGgBb,IAAAA,CAAC,CAACuB,0BAHlB;;AAKD,GA5EY;;AA8EbC,EAAAA,cA9Ea,0BA8EExB,CA9EF,EA8EY;AACvB,WAAOV,GAAP;AACmBU,IAAAA,CAAC,CAACa,wBADrB;AAEef,IAAAA,MAAM,CAACK,KAAP,EAFf;;AAID,GAnFY;;AAqFbsB,EAAAA,kBArFa,8BAqFMzB,CArFN,EAqFgB;AAC3B,WAAOV,GAAP;AACmBU,IAAAA,CAAC,CAACa,wBADrB;AAEef,IAAAA,MAAM,CAACC,SAAP,CAAiBC,CAAjB,CAFf;;AAID,GA1FY;;AA4Fb0B,EAAAA,OA5Fa,qBA4FH;AACR,WAAOpC,GAAP;;;;;;;;AAQD,GArGY;;AAuGbqC,EAAAA,gBAvGa,8BAuGM;AACjB,WAAOrC,GAAP;;;;AAID,GA5GY;;AA8GbsC,EAAAA,iBA9Ga,6BA8GK5B,CA9GL,EA8Ge;AAC1B,WAAOV,GAAP;AACuBU,IAAAA,CAAC,CAAC6B,kBADzB,EACiD7B,CAAC,CAAC8B,wBADnD;;AAGD,GAlHY;;AAoHbC,EAAAA,kBApHa,8BAoHM/B,CApHN,EAoHgB;AAC3B,WAAOV,GAAP;AACuBU,IAAAA,CAAC,CAACgC,mBADzB,EACkDhC,CAAC,CAACiC,yBADpD;;AAGD,GAxHY;;AA0HbC,EAAAA,iBA1Ha,6BA0HKlC,CA1HL,EA0He;AAC1B,WAAOV,GAAP;AACuBU,IAAAA,CAAC,CAACmC,kBADzB,EACiDnC,CAAC,CAACoC,wBADnD;;AAGD,GA9HY;;AAgIbC,EAAAA,SAhIa,uBAgID;AACV,WAAO/C,GAAP;;;;AAID,GArIY;;AAuIbO,EAAAA,aAvIa,yBAuICG,CAvID,EAuIW;AACtB,WAAOV,GAAP;;AAEWU,IAAAA,CAAC,CAACsC,0BAFb;;AAID,GA5IY;;AA8IbC,EAAAA,sBA9Ia,kCA8IUvC,CA9IV,EA8IoB;AAC/B,WAAOV,GAAP;;;;AAIWU,IAAAA,CAAC,CAACsC,0BAJb;;AAMD,GArJY;;AAuJbE,EAAAA,OAvJa,mBAuJLxC,CAvJK,EAuJK;AAChB,WAAOV,GAAP;AACYU,IAAAA,CAAC,CAACU,uBADd,EAC+CV,CAAC,CAACyC,8BADjD;AAEgCzC,IAAAA,CAAC,CAACyC,8BAFlC;;AAID,GA5JY;;AA8JbC,EAAAA,KA9Ja,iBA8JP1C,CA9JO,EA8JG;AACd,WAAOV,GAAP;AACYU,IAAAA,CAAC,CAACU,uBADd,EAC+CV,CAAC,CAAC2C,4BADjD;AAEgC3C,IAAAA,CAAC,CAAC2C,4BAFlC;;AAID,GAnKY;;AAqKbC,EAAAA,OArKa,mBAqKL5C,CArKK,EAqKK;AAChB,WAAOV,GAAP;AACgBU,IAAAA,CAAC,CAAC6C,qBADlB;AAEkB7C,IAAAA,CAAC,CAAC8C,8BAFpB;;AAID,GA1KY;;AA4KbC,EAAAA,WA5Ka,uBA4KD/C,CA5KC,EA4KS;AACpB,WAAOV,GAAP;AACqBU,IAAAA,CAAC,CAACgD,mCADvB;;AAGD,GAhLY;;AAkLbC,EAAAA,QAlLa,oBAkLJjD,CAlLI,EAkLM;AACjB,WAAOV,GAAP;;AAEgBU,IAAAA,CAAC,CAACkD,sBAFlB;AAGYlD,IAAAA,CAAC,CAACmD,0BAHd;AAIWnD,IAAAA,CAAC,CAACoD,6BAJb;;AAMqBpD,IAAAA,CAAC,CAACqD,0BANvB;;AAQKzD,IAAAA,aAAa,CAACC,aARnB;AASaG,IAAAA,CAAC,CAACoD,6BATf;;;AAYD,GA/LY;;AAiMbE,EAAAA,IAjMa,gBAiMRtD,CAjMQ,EAiME;AACb,WAAOV,GAAP;;;AAGWU,IAAAA,CAAC,CAACuD,qBAHb;;;AAMD,GAxMY;;AA0MbC,EAAAA,YA1Ma,wBA0MAxD,CA1MA,EA0MU;AACrB,WAAOV,GAAP;AACWU,IAAAA,CAAC,CAACyD,6BADb;;AAGD,GA9MY;;AAgNbC,EAAAA,IAhNa,gBAgNR1D,CAhNQ,EAgNE;AACb,WAAOV,GAAP;;;AAGWU,IAAAA,CAAC,CAAC2D,qBAHb;;AAKD,GAtNY;;AAwNbC,EAAAA,YAxNa,wBAwNA5D,CAxNA,EAwNU;AACrB,WAAOV,GAAP;AACWU,IAAAA,CAAC,CAAC6D,6BADb;;;;;AAMD,GA/NY;;AAiObC,EAAAA,UAjOa,wBAiOA;AACX,WAAOxE,GAAP;;;AAGD,GArOY;;AAuObyE,EAAAA,SAvOa,qBAuOH/D,CAvOG,EAuOO;AAClB,WAAOV,GAAP;AACIK,IAAAA,qBAAqB;AACrBK,IAAAA,CAAC,CAACgE,yBADmB;AAErBhE,IAAAA,CAAC,CAACiE,2BAFmB;AAGrBjE,IAAAA,CAAC,CAACkE,yBAHmB;AAIrBlE,IAAAA,CAAC,CAACmE,yBAJmB,CADzB;;;AAQD,GAhPY;;AAkPbC,EAAAA,UAlPa,sBAkPFpE,CAlPE,EAkPQ;AACnB,WAAOV,GAAP;AACIK,IAAAA,qBAAqB;AACrBK,IAAAA,CAAC,CAACqE,0BADmB;AAErBrE,IAAAA,CAAC,CAACsE,4BAFmB;AAGrBtE,IAAAA,CAAC,CAACuE,0BAHmB;AAIrBvE,IAAAA,CAAC,CAACwE,0BAJmB,CADzB;;;AAQD,GA3PY;;AA6PbC,EAAAA,SA7Pa,qBA6PHzE,CA7PG,EA6PO;AAClB,WAAOV,GAAP;AACIK,IAAAA,qBAAqB;AACrBK,IAAAA,CAAC,CAAC0E,yBADmB;AAErB1E,IAAAA,CAAC,CAAC2E,2BAFmB;AAGrB3E,IAAAA,CAAC,CAAC4E,yBAHmB;AAIrB5E,IAAAA,CAAC,CAAC6E,yBAJmB,CADzB;;;AAQD,GAtQY;;AAwQbC,EAAAA,SAxQa,qBAwQH9E,CAxQG,EAwQO;AAClB,WAAOV,GAAP;AACeU,IAAAA,CAAC,CAACgE,yBADjB;AAEiBhE,IAAAA,CAAC,CAACiE,2BAFnB;AAGWjE,IAAAA,CAAC,CAAC6B,kBAHb;AAIY7B,IAAAA,CAAC,CAACmE,yBAJd;AAKWnE,IAAAA,CAAC,CAACkE,yBALb;;AAOD,GAhRY;AAiRba,EAAAA,UAjRa,sBAiRF/E,CAjRE,EAiRQ;AACnB,WAAOV,GAAP;AACeU,IAAAA,CAAC,CAACqE,0BADjB;AAEiBrE,IAAAA,CAAC,CAACsE,4BAFnB;AAGWtE,IAAAA,CAAC,CAACgC,mBAHb;AAIYhC,IAAAA,CAAC,CAACwE,0BAJd;AAKWxE,IAAAA,CAAC,CAACuE,0BALb;;AAOD,GAzRY;AA0RbS,EAAAA,SA1Ra,qBA0RHhF,CA1RG,EA0RO;AAClB,WAAOV,GAAP;AACeU,IAAAA,CAAC,CAAC0E,yBADjB;AAEiB1E,IAAAA,CAAC,CAAC2E,2BAFnB;AAGW3E,IAAAA,CAAC,CAACmC,kBAHb;AAIYnC,IAAAA,CAAC,CAAC6E,yBAJd;AAKW7E,IAAAA,CAAC,CAAC4E,yBALb;;AAOD,GAlSY,EAAf;;;AAqSA,OAAO,IAAMK,QAAQ,GAAGzF,YAAY,CAACM,MAAD,CAA7B","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n calcPulse(t: Theme) {\n return keyframes`\n 0% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n }\n 95% {\n box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n }\n 100% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n }\n `;\n },\n pulse() {\n return 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 line-height: ${t.fileUploaderLineHeight};\n font-size: ${t.fileUploaderFontSize};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n background-color: ${t.fileUploaderUploadButtonBg};\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return 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 ${t.fileUploaderDragOverBorderColor};\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: ${t.fileUploaderDragOverShadow};\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 windowDragOver2022(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.calcPulse(t)} 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(t: Theme) {\n return css`\n display: inline;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n afterLinkText_HasFiles(t: Theme) {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n warning(t: Theme) {\n return 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 border-color: ${t.fileUploaderHoveredBorderColor};\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.fileUploaderDisabledBorder};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n background-clip: ${t.fileUploaderDisabledBgClip};\n\n .${globalClasses.afterLinkText} {\n color: ${t.fileUploaderDisabledTextColor};\n }\n `;\n },\n\n icon(t: Theme) {\n return 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"]}
1	+ {"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","fade","inputBlinkColor","pulse","root","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n calcPulse(t: Theme) {\n return keyframes`\n 0% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n }\n 95% {\n box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n }\n 100% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n }\n `;\n },\n pulse() {\n return 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 line-height: ${t.fileUploaderLineHeight};\n font-size: ${t.fileUploaderFontSize};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n background-color: ${t.fileUploaderUploadButtonBg};\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return 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 ${t.fileUploaderDragOverBorderColor};\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: ${t.fileUploaderDragOverShadow};\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 windowDragOver2022(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.calcPulse(t)} 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 visuallyHidden() {\n return css`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n `;\n },\n\n afterLinkText(t: Theme) {\n return css`\n display: inline;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n afterLinkText_HasFiles(t: Theme) {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n warning(t: Theme) {\n return 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 border-color: ${t.fileUploaderHoveredBorderColor};\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.fileUploaderDisabledBorder};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n background-clip: ${t.fileUploaderDisabledBgClip};\n\n .${globalClasses.afterLinkText} {\n color: ${t.fileUploaderDisabledTextColor};\n }\n `;\n },\n\n icon(t: Theme) {\n return 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.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare const jsStyles: {
     contentInnerSmall(t: Theme): string;
     contentInnerMedium(t: Theme): string;
     contentInnerLarge(t: Theme): string;
-    fileInput(): string;
+    visuallyHidden(): string;
     afterLinkText(t: Theme): string;
     afterLinkText_HasFiles(t: Theme): string;
     warning(t: Theme): string;

package/components/FxInput/FxInput/FxInput.js CHANGED Viewed

@@ -79,7 +79,8 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
           size: rest.size,
           onRestore: onRestore,
           disabled: rest.disabled,
-          borderless: rest.borderless
+          borderless: rest.borderless,
+          "aria-label": props.buttonAriaLabel
         });
       }
@@ -141,7 +142,7 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
   };
   return FxInput;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.displayName = 'FxInput', _class2.propTypes = {
   auto: PropTypes.bool,
   type: PropTypes.string
 }, _class2.defaultProps = {

package/components/FxInput/FxInput/FxInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","CommonWrapper","rootNode","isTheme2022","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","leftIcon","disabled","borderless","onValueChange","focus","blur","element","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string"],"mappings":"4UAAA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,KAAT,QAA6C,UAA7C;AACA,SAASC,aAAT,QAAkD,kBAAlD;AACA,SAASC,iBAAT,QAAoD,6BAApD;;AAEA,SAASC,YAAT,QAA6B,2BAA7B;AACA,SAASC,aAAT,QAAmE,8BAAnE;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,OAAO,IAAMC,eAAe,GAAG;AAC7BC,EAAAA,IAAI,EAAE,eADuB,EAAxB;;;;;;;;AASP,OAFA,uCAEA,IAAaC,OAAb,GADCP,QACD;;;;;;;;;;;;;;;AAeUQ,IAAAA,KAfV,GAegD,IAfhD;;AAiBUC,IAAAA,QAjBV,GAiBqBZ,iBAAiB,CAACU,OAAO,CAACG,YAAT,CAjBtC;;;;;;;;;;;;;;;;;;AAmCSC,IAAAA,UAnCT,GAmCsB,UAACC,KAAD,EAA4D;AAC9E,UAAQC,IAAR,GAAmED,KAAnE,CAAQC,IAAR,CAAcC,SAAd,GAAmEF,KAAnE,CAAcE,SAAd,CAAyBC,IAAzB,GAAmEH,KAAnE,CAAyBG,IAAzB,CAA+BC,QAA/B,GAAmEJ,KAAnE,CAA+BI,QAA/B,CAAyCC,KAAzC,GAAmEL,KAAnE,CAAyCK,KAAzC,CAAgDC,KAAhD,GAAmEN,KAAnE,CAAgDM,KAAhD,CAA0DC,IAA1D,iCAAmEP,KAAnE;AACA,UAAMQ,UAAuC,GAAG;AAC9CC,QAAAA,KAAK,EAAE,OADuC,EAAhD;;;AAIA,UAAIC,MAAM,GAAG,IAAb;AACA,UAAIC,YAAJ;AACA,UAAIC,YAAY,gBAAG,oBAAC,YAAD,OAAnB;;AAEA,UAAIvB,WAAW,CAAC,MAAKwB,KAAN,CAAf,EAA6B;AAC3BF,QAAAA,YAAY,GAAGR,IAAI,GAAG,EAAH,GAAQ,EAAEW,sBAAsB,EAAE,CAA1B,EAA6BC,mBAAmB,EAAE,CAAlD,EAA3B;AACA,YAAMC,SAAoC,GAAG;AAC3CC,UAAAA,KAAK,EAAEC,QAAQ,CAAC,MAAKL,KAAL,CAAWM,kBAAZ,CAD4B;AAE3CC,UAAAA,MAAM,EAAEF,QAAQ,CAAC,MAAKL,KAAL,CAAWQ,mBAAZ,CAF2B;AAG3CC,UAAAA,KAAK,EAAEJ,QAAQ,CAAC,MAAKL,KAAL,CAAWU,kBAAZ,CAH4B,EAA7C;;AAKA,YAAMC,IAAI,GAAG,MAAKxB,KAAL,CAAWwB,IAAX,IAAmBzC,KAAK,CAACe,YAAN,CAAmB0B,IAAnD;AACAZ,QAAAA,YAAY,gBAAG,oBAAC,gBAAD,IAAkB,IAAI,EAAEI,SAAS,CAACQ,IAAD,CAAjC,GAAf;AACD;;AAED,UAAIrB,IAAJ,EAAU;AACRK,QAAAA,UAAU,CAACiB,QAAX,GAAsBb,YAAtB;AACD,OAFD,MAEO;AACLF,QAAAA,MAAM;AACJ,4BAAC,iBAAD;AACE,UAAA,IAAI,EAAEH,IAAI,CAACiB,IADb;AAEE,UAAA,SAAS,EAAEtB,SAFb;AAGE,UAAA,QAAQ,EAAEK,IAAI,CAACmB,QAHjB;AAIE,UAAA,UAAU,EAAEnB,IAAI,CAACoB,UAJnB,GADF;;;AAQD;;AAED;AACE,4BAAC,KAAD,IAAO,YAAUlC,eAAe,CAACC,IAAjC,EAAuC,KAAK,EAAEY,KAA9C;AACGI,QAAAA,MADH;AAEGT,QAAAA,IAAI,KAAK,UAAT;AACC,4BAAC,aAAD;AACMO,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,OAAO,EAAEI,YAHX;AAIE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWwB,IAJnB;AAKE,UAAA,KAAK,EAAE,MALT;AAME,UAAA,GAAG,EAAE,MAAKpB,QANZ;AAOE,UAAA,KAAK,EAAEC,KAPT;AAQE,UAAA,aAAa,EAAE,MAAKL,KAAL,CAAW4B,aAR5B,IADD;;;AAYC,4BAAC,KAAD;AACMpB,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,OAAO,EAAEI,YAHX;AAIE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWwB,IAJnB;AAKE,UAAA,KAAK,EAAE,MALT;AAME,UAAA,GAAG,EAAE,MAAKpB,QANZ;AAOE,UAAA,IAAI,EAAEH,IAPR;AAQE,UAAA,KAAK,EAAEI,KART;AASE,UAAA,aAAa,EAAE,MAAKL,KAAL,CAAW4B,aAT5B,IAdJ,CADF;;;;;AA6BD,KAlGH;;;;;AAuGSC,IAAAA,KAvGT,GAuGiB,YAAM;AACnB,UAAI,MAAKjC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWiC,KAAX;AACD;AACF,KA3GH;;;;;AAgHSC,IAAAA,IAhHT,GAgHgB,YAAM;AAClB,UAAI,MAAKlC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWkC,IAAX;AACD;AACF,KApHH;;AAsHU1B,IAAAA,QAtHV,GAsHqB,UAAC2B,OAAD,EAA2C;AAC5D,YAAKnC,KAAL,GAAamC,OAAb;;AAEA,UAAI,MAAK/B,KAAL,CAAWI,QAAf,EAAyB;AACvB,cAAKJ,KAAL,CAAWI,QAAX,CAAoB,MAAKR,KAAzB;AACD;AACF,KA5HH,qDAoBSoC,MApBT,GAoBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACnB,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACoB,WAAjC,IAAkD,MAAI,CAACpC,QAAL,EAAlD,GACG,MAAI,CAACE,UADR,CADF,CAKD,CARH,CADF,CAYD,CAjCH,kBAA6BnB,KAAK,CAACsD,SAAnC,WACgBC,mBADhB,GACsC,SADtC,UAGgBC,SAHhB,GAG4B,EACxBjC,IAAI,EAAEtB,SAAS,CAACwD,IADQ,EAExBpC,IAAI,EAAEpB,SAAS,CAACyD,MAFQ,EAH5B,UAQgBxC,YARhB,GAQ6C,EACzCQ,KAAK,EAAE,GADkC,EAEzCL,IAAI,EAAE,MAFmC,EAGzCI,KAAK,EAAE,EAHkC,EAR7C","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 { Group } from '../Group';\nimport { Input, InputProps, InputSize } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\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 theme!: Theme;\n private input: Input \| CurrencyInput \| null = null;\n\n private getProps = createPropsGetter(FxInput.defaultProps);\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n const inputProps: Partial<CurrencyInputProps> = {\n align: 'right',\n };\n\n let button = null;\n let inputCorners: InputProps['corners'];\n let IconFunction = <FunctionIcon />;\n\n if (isTheme2022(this.theme)) {\n inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n const iconSizes: Record<InputSize, number> = {\n small: parseInt(this.theme.inputIconSizeSmall),\n medium: parseInt(this.theme.inputIconSizeMedium),\n large: parseInt(this.theme.inputIconSizeLarge),\n };\n const size = this.props.size \|\| Input.defaultProps.size;\n IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n }\n\n if (auto) {\n inputProps.leftIcon = IconFunction;\n } else {\n button = (\n <FxInputRestoreBtn\n size={rest.size}\n onRestore={onRestore}\n disabled={rest.disabled}\n borderless={rest.borderless}\n />\n );\n }\n\n return (\n <Group data-tid={FxInputDataTids.root} width={width}>\n {button}\n {type === 'currency' ? (\n <CurrencyInput\n {...inputProps}\n {...rest}\n corners={inputCorners}\n size={this.props.size}\n width={'100%'}\n ref={this.refInput}\n value={value as CurrencyInputProps['value']}\n onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n />\n ) : (\n <Input\n {...inputProps}\n {...rest}\n corners={inputCorners}\n size={this.props.size}\n width={'100%'}\n ref={this.refInput}\n type={type}\n value={value as InputProps['value']}\n onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n />\n )}\n </Group>\n );\n };\n\n /\n @public\n /\n public focus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /\n @public\n */\n public blur = () => {\n if (this.input) {\n this.input.blur();\n }\n };\n\n private refInput = (element: Input \| CurrencyInput \| null) => {\n this.input = element;\n\n if (this.props.refInput) {\n this.props.refInput(this.input);\n }\n };\n}\n"]}
1	+ {"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","CommonWrapper","rootNode","isTheme2022","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","leftIcon","disabled","borderless","buttonAriaLabel","onValueChange","focus","blur","element","render","setRootNode","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n extends Pick<AriaAttributes, 'aria-label'>,\n CommonProps,\n Override<\n CurrencyInputProps,\n {\n /* Авто-режим /\n auto?: boolean;\n /* Тип инпута /\n type?: 'currency' \| InputProps['type'];\n /* onRestore /\n onRestore?: () => void;\n /* onValueChange /\n onValueChange: CurrencyInputProps['onValueChange'] \| InputProps['onValueChange'];\n /* Значение /\n value?: React.ReactText;\n /* ref Input'а /\n refInput?: (element: CurrencyInput \| Input \| null) => void;\n /* Убрать лишние нули после запятой /\n hideTrailingZeros?: boolean;\n /* Позвоялет задать атрибут aria-label кнопке восстановления (restore button) /\n buttonAriaLabel?: AriaAttributes['aria-label'];\n }\n > {}\n\nexport const FxInputDataTids = {\n root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' \| 'type' \| 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/* Принимает все свойства `Input`'a /\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n public static __KONTUR_REACT_UI__ = 'FxInput';\n public static displayName = 'FxInput';\n\n public static propTypes = {\n auto: PropTypes.bool,\n type: PropTypes.string,\n };\n\n public static defaultProps: DefaultProps = {\n width: 250,\n type: 'text',\n value: '',\n };\n\n private theme!: Theme;\n private input: Input \| CurrencyInput \| null = null;\n\n private getProps = createPropsGetter(FxInput.defaultProps);\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n const inputProps: Partial<CurrencyInputProps> = {\n align: 'right',\n };\n\n let button = null;\n let inputCorners: InputProps['corners'];\n let IconFunction = <FunctionIcon />;\n\n if (isTheme2022(this.theme)) {\n inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(this.theme.inputIconSizeSmall),\n medium: parseInt(this.theme.inputIconSizeMedium),\n large: parseInt(this.theme.inputIconSizeLarge),\n };\n const size = this.props.size \|\| Input.defaultProps.size;\n IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n }\n\n if (auto) {\n inputProps.leftIcon = IconFunction;\n } else {\n button = (\n <FxInputRestoreBtn\n size={rest.size}\n onRestore={onRestore}\n disabled={rest.disabled}\n borderless={rest.borderless}\n aria-label={props.buttonAriaLabel}\n />\n );\n }\n\n return (\n <Group data-tid={FxInputDataTids.root} width={width}>\n {button}\n {type === 'currency' ? (\n <CurrencyInput\n {...inputProps}\n {...rest}\n corners={inputCorners}\n size={this.props.size}\n width={'100%'}\n ref={this.refInput}\n value={value as CurrencyInputProps['value']}\n onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n />\n ) : (\n <Input\n {...inputProps}\n {...rest}\n corners={inputCorners}\n size={this.props.size}\n width={'100%'}\n ref={this.refInput}\n type={type}\n value={value as InputProps['value']}\n onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n />\n )}\n </Group>\n );\n };\n\n /\n @public\n /\n public focus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /\n @public\n */\n public blur = () => {\n if (this.input) {\n this.input.blur();\n }\n };\n\n private refInput = (element: Input \| CurrencyInput \| null) => {\n this.input = element;\n\n if (this.props.refInput) {\n this.props.refInput(this.input);\n }\n };\n}\n"]}

package/components/FxInput/FxInput.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { AriaAttributes } 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, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
     /** Авто-режим */
     auto?: boolean;
     /** Тип инпута */
@@ -20,6 +20,8 @@ export interface FxInputProps extends CommonProps, Override<CurrencyInputProps,
     refInput?: (element: CurrencyInput | Input | null) => void;
     /** Убрать лишние нули после запятой */
     hideTrailingZeros?: boolean;
+    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
 }> {
 }
 export declare const FxInputDataTids: {
@@ -30,6 +32,7 @@ declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultPro
 /** Принимает все свойства `Input`'a */
 export declare class FxInput extends React.Component<FxInputProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         auto: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js CHANGED Viewed

@@ -47,7 +47,8 @@ export var FxInputRestoreBtn = function FxInputRestoreBtn(props) {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, buttonCorners),
-    icon: iconUndo
+    icon: iconUndo,
+    "aria-label": props['aria-label']
   }) : /*#__PURE__*/React.createElement(Button, {
     size: props.size,
     narrow: true,
@@ -57,6 +58,7 @@ export var FxInputRestoreBtn = function FxInputRestoreBtn(props) {
     corners: _extends({
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
-    }, buttonCorners)
+    }, buttonCorners),
+    "aria-label": props['aria-label']
   }, iconUndo);
 };

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["FxInputRestoreBtn.tsx"],"names":["React","useContext","Input","ThemeContext","isTheme2022","Button","UndoIcon","UndoIcon2022","FxInputRestoreBtn","props","theme","iconUndo","buttonCorners","size","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","onRestore","borderless","disabled","borderTopRightRadius","borderBottomRightRadius"],"mappings":"0DAAA,OAAOA,KAAP,~~IAAgBC~~,~~UAAhB~~,~~QAAkC~~,~~OAAlC~~;;AAEA,SAASC,KAAT,~~QAAiC~~,~~UAAjC~~;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,QAAT,QAAyB,2BAAzB~~;;AAEA~~,SAASA,QAAQ,IAAIC,YAArB,QAAyC,YAAzC~~;;;;;AAKA~~,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAqE,CAACC,KAAD,EAAW;AAC3F,MAAMC,KAAK,GAAGT,UAAU,CAACE,YAAD,CAAxB;;AAEA,MAAIQ,QAAQ,gBAAG,oBAAC,QAAD,OAAf;AACA,MAAIC,aAAJ;;AAEA,MAAIR,WAAW,CAACM,KAAD,CAAf,EAAwB;AACtB,QAAMG,IAAI,GAAGJ,KAAK,CAACI,IAAN,IAAcX,KAAK,CAACY,YAAN,CAAmBD,IAA9C;;AAEA,QAAME,~~SAAoC~~,GAAG;~~AAC3CC~~,MAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,~~CAD4B~~;~~AAE3CC~~,MAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,~~CAF2B~~;~~AAG3CC~~,MAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,~~CAH4B~~,~~EAA7C~~;;AAKA,QAAMC,~~YAAoD~~,GAAG;~~AAC3DP~~,MAAAA,KAAK,EAAE;AACLQ,QAAAA,mBAAmB,EAAEd,KAAK,CAACe,sBADtB;AAELC,QAAAA,sBAAsB,EAAEhB,KAAK,CAACe,sBAFzB,~~EADoD~~;;~~AAK3DN~~,MAAAA,MAAM,EAAE;AACNK,QAAAA,mBAAmB,EAAEd,KAAK,CAACiB,uBADrB;AAEND,QAAAA,sBAAsB,EAAEhB,KAAK,CAACiB,uBAFxB,~~EALmD~~;;~~AAS3DN~~,MAAAA,KAAK,EAAE;AACLG,QAAAA,mBAAmB,EAAEd,KAAK,CAACkB,sBADtB;AAELF,QAAAA,sBAAsB,EAAEhB,KAAK,CAACkB,sBAFzB,~~EAToD~~,~~EAA7D~~;;;AAcAhB,IAAAA,aAAa,GAAGW,YAAY,CAACV,IAAD,CAA5B;AACAF,IAAAA,QAAQ,gBAAG,oBAAC,YAAD,IAAc,IAAI,EAAEI,SAAS,CAACF,IAAD,CAA7B,GAAX;AACD;;AAED,SAAOT,WAAW,CAACM,KAAD,CAAX;AACL,sBAAC,MAAD;AACE,IAAA,IAAI,EAAED,KAAK,CAACI,IADd;AAEE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAFjB;AAGE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAHpB;AAIE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QAJlB;AAKE,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CALT;;AAUE,IAAA,IAAI,EAAED,QAVR,GADK;;;~~AAcL~~,sBAAC,MAAD;AACE,IAAA,IAAI,~~EAAEF~~,KAAK,CAACI,IADd;AAEE,IAAA,MAAM,MAFR;AAGE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAHjB;AAIE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAJpB;AAKE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QALlB;AAME,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CANT~~;;;AAYGD~~,EAAAA,~~QAZH~~,~~CAdF~~;;;~~AA6BD~~,~~CA7DM~~","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Input, ~~InputSize~~ } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { UndoIcon } from '../../internal/icons/16px';\n\nimport { UndoIcon as UndoIcon2022 } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\~~ntype~~ FxInputRestoreBtnProps = Pick<FxInputProps, 'size' \| 'onRestore' \| 'borderless' \| 'disabled'~~>;\~~n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n const theme = useContext(ThemeContext);\n\n let iconUndo = <UndoIcon />;\n let buttonCorners;\n\n if (isTheme2022(theme)) {\n const size = props.size \|\| Input.defaultProps.size;\n\n const iconSizes: Record<~~InputSize~~, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const cornersSizes: Record<~~InputSize~~, React.CSSProperties> = {\n small: {\n borderTopLeftRadius: theme.inputBorderRadiusSmall,\n borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n },\n medium: {\n borderTopLeftRadius: theme.inputBorderRadiusMedium,\n borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n },\n large: {\n borderTopLeftRadius: theme.inputBorderRadiusLarge,\n borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n },\n };\n buttonCorners = cornersSizes[size];\n iconUndo = <UndoIcon2022 size={iconSizes[size]} />;\n }\n\n return isTheme2022(theme) ? (\n <Button\n size={props.size}\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n }}\n icon={iconUndo}\n />\n ) : (\n <Button\n size={props.size}\n narrow\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n }}\n >\n {iconUndo}\n </Button>\n );\n};\n"]}
1	+ {"version":3,"sources":["FxInputRestoreBtn.tsx"],"names":["React","useContext","Input","ThemeContext","isTheme2022","Button","UndoIcon","UndoIcon2022","FxInputRestoreBtn","props","theme","iconUndo","buttonCorners","size","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","onRestore","borderless","disabled","borderTopRightRadius","borderBottomRightRadius"],"mappings":"0DAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,QAAT,QAAyB,2BAAzB;;;AAGA,SAASA,QAAQ,IAAIC,YAArB,QAAyC,YAAzC;;;;;;;AAOA,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAqE,CAACC,KAAD,EAAW;AAC3F,MAAMC,KAAK,GAAGT,UAAU,CAACE,YAAD,CAAxB;;AAEA,MAAIQ,QAAQ,gBAAG,oBAAC,QAAD,OAAf;AACA,MAAIC,aAAJ;;AAEA,MAAIR,WAAW,CAACM,KAAD,CAAf,EAAwB;AACtB,QAAMG,IAAI,GAAGJ,KAAK,CAACI,IAAN,IAAcX,KAAK,CAACY,YAAN,CAAmBD,IAA9C;;AAEA,QAAME,SAAmC,GAAG;AAC1CC,MAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,CAD2B;AAE1CC,MAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,CAF0B;AAG1CC,MAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,CAH2B,EAA5C;;AAKA,QAAMC,YAAmD,GAAG;AAC1DP,MAAAA,KAAK,EAAE;AACLQ,QAAAA,mBAAmB,EAAEd,KAAK,CAACe,sBADtB;AAELC,QAAAA,sBAAsB,EAAEhB,KAAK,CAACe,sBAFzB,EADmD;;AAK1DN,MAAAA,MAAM,EAAE;AACNK,QAAAA,mBAAmB,EAAEd,KAAK,CAACiB,uBADrB;AAEND,QAAAA,sBAAsB,EAAEhB,KAAK,CAACiB,uBAFxB,EALkD;;AAS1DN,MAAAA,KAAK,EAAE;AACLG,QAAAA,mBAAmB,EAAEd,KAAK,CAACkB,sBADtB;AAELF,QAAAA,sBAAsB,EAAEhB,KAAK,CAACkB,sBAFzB,EATmD,EAA5D;;;AAcAhB,IAAAA,aAAa,GAAGW,YAAY,CAACV,IAAD,CAA5B;AACAF,IAAAA,QAAQ,gBAAG,oBAAC,YAAD,IAAc,IAAI,EAAEI,SAAS,CAACF,IAAD,CAA7B,GAAX;AACD;;AAED,SAAOT,WAAW,CAACM,KAAD,CAAX;AACL,sBAAC,MAAD;AACE,IAAA,IAAI,EAAED,KAAK,CAACI,IADd;AAEE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAFjB;AAGE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAHpB;AAIE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QAJlB;AAKE,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CALT;;AAUE,IAAA,IAAI,EAAED,QAVR;AAWE,kBAAYF,KAAK,CAAC,YAAD,CAXnB,GADK;;;AAeL,sBAAC,MAAD;AACE,IAAA,IAAI,EAAEA,KAAK,CAACI,IADd;AAEE,IAAA,MAAM,MAFR;AAGE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAHjB;AAIE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAJpB;AAKE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QALlB;AAME,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CANT;;AAWE,kBAAYH,KAAK,CAAC,YAAD,CAXnB;;AAaGE,EAAAA,QAbH,CAfF;;;AA+BD,CA/DM","sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { UndoIcon } from '../../internal/icons/16px';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon as UndoIcon2022 } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n extends Pick<AriaAttributes, 'aria-label'>,\n Pick<FxInputProps, 'size' \| 'onRestore' \| 'borderless' \| 'disabled'> {}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n const theme = useContext(ThemeContext);\n\n let iconUndo = <UndoIcon />;\n let buttonCorners;\n\n if (isTheme2022(theme)) {\n const size = props.size \|\| Input.defaultProps.size;\n\n const iconSizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n small: {\n borderTopLeftRadius: theme.inputBorderRadiusSmall,\n borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n },\n medium: {\n borderTopLeftRadius: theme.inputBorderRadiusMedium,\n borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n },\n large: {\n borderTopLeftRadius: theme.inputBorderRadiusLarge,\n borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n },\n };\n buttonCorners = cornersSizes[size];\n iconUndo = <UndoIcon2022 size={iconSizes[size]} />;\n }\n\n return isTheme2022(theme) ? (\n <Button\n size={props.size}\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n }}\n icon={iconUndo}\n aria-label={props['aria-label']}\n />\n ) : (\n <Button\n size={props.size}\n narrow\n onClick={props.onRestore}\n borderless={props.borderless}\n disabled={props.disabled}\n corners={{\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n ...buttonCorners,\n }}\n aria-label={props['aria-label']}\n >\n {iconUndo}\n </Button>\n );\n};\n"]}

package/components/FxInput/FxInputRestoreBtn.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import { FxInputProps } from './FxInput';
-declare type FxInputRestoreBtnProps = Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'>;
+interface FxInputRestoreBtnProps extends Pick<AriaAttributes, 'aria-label'>, Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {
+}
 export declare const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps>;
 export {};

package/components/Gapped/Gapped/Gapped.js CHANGED Viewed

@@ -112,7 +112,7 @@ var Gapped = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$
   };
   return Gapped;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Gapped', _class2.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Gapped', _class2.displayName = 'Gapped', _class2.propTypes = {
   /**
   * Расстояние между элементами.
   */

package/components/Gapped/Gapped/Gapped.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Gapped.tsx"],"names":["React","PropTypes","isNonNullable","CommonWrapper","rootNode","createPropsGetter","GappedDataTids","vertical","horizontal","Gapped","getProps","defaultProps","render","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","number","bool","oneOf"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAO,IAAMC,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,EAAE,kBADkB;AAE5BC,EAAAA,UAAU,EAAE,oBAFgB,EAAvB;;;;;;;;;AAWP,OAJA;AACA;AACA,GAEA,IAAaC,MAAb,GADCL,QACD~~;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BUM~~,IAAAA,~~QA5BV~~,~~GA4BqBL~~,iBAAiB,CAACI,MAAM,CAACE,YAAR,~~CA5BtC~~;;~~AA8BSC~~,EAAAA,~~MA9BT~~,~~GA8BE~~,kBAAgB;AACd;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKC,KAAvD;AACG,WAAKJ,QAAL,GAAgBH,QAAhB,GAA2B,KAAKQ,cAAL,EAA3B,GAAmD,KAAKC,gBAAL,EADtD,CADF;;;AAKD,~~GApCH~~;;~~AAsCUC~~,EAAAA,~~WAtCV~~,~~GAsCE~~,uBAAsB;AACpB;AACA,QAAaC,QAAb,GAA0B,KAAKJ,KAA/B,CAAQK,GAAR;AACA,QAAIjB,aAAa,CAACgB,QAAD,CAAjB,EAA6B;AAC3B,aAAOA,QAAP;AACD;;AAED,WAAO,CAAP;AACD,~~GA9CH~~;;~~AAgDUH~~,EAAAA,~~cAhDV~~,~~GAgDE~~,0BAAyB;AACvB,QAAMK,mBAAwC,GAAG;AAC/CC,MAAAA,UAAU,EAAE,KAAKJ,WAAL,EADmC,EAAjD;;AAGA,QAAMK,QAAQ,GAAGtB,KAAK,CAACuB,QAAN,CAAeC,OAAf,CAAuB,KAAKV,KAAL,CAAWQ,QAAlC;AACdG,IAAAA,MADc,CACP,KAAKC,cADE;AAEdC,IAAAA,GAFc,CAEV,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACrB,UAAMC,KAAK,GAAGD,KAAK,KAAK,CAAV,GAAcE,SAAd,GAA0BX,mBAAxC;AACA;AACE,qCAAK,KAAK,EAAEU,KAAZ,EAAmB,GAAG,EAAED,KAAxB;AACGD,QAAAA,KADH,CADF;;;AAKD,KATc,CAAjB;;AAWA,wBAAO,6BAAK,YAAUtB,cAAc,CAACC,QAA9B,IAAyCe,QAAzC,CAAP;AACD,~~GAhEH~~;;~~AAkEUN~~,EAAAA,~~gBAlEV~~,~~GAkEE~~,4BAA2B;AACzB,sBAAoC,KAAKF,KAAzC,CAAQQ,QAAR,eAAQA,QAAR,CAAkBU,aAAlB,eAAkBA,aAAlB;AACA,QAAMC,IAAI,GAAG,KAAKvB,QAAL,GAAgBuB,IAA7B;AACA,QAAMd,GAAG,GAAG,KAAKF,WAAL,EAAZ;AACA,QAAMiB,SAA8B;AAClCC,MAAAA,OAAO,EAAE,cADyB;AAElCH,MAAAA,aAAa,EAAbA,aAFkC;AAG9BC,IAAAA,IAAI,GAAG,EAAEG,UAAU,EAAEjB,GAAd,EAAmBkB,SAAS,EAAElB,GAA9B,EAAH,GAAyC,EAHf,CAApC;;AAKA,QAAMmB,SAA8B,GAAGL,IAAI,GAAG,EAAEZ,UAAU,EAAE,CAAd,EAAH,GAAuB,EAAlE;AACA,QAAMkB,SAA8B,GAAGN,IAAI,GAAG,EAAEI,SAAS,EAAE,CAAClB,GAAD,GAAO,CAApB,EAAuBiB,UAAU,EAAE,CAACjB,GAApC,EAAH,GAA+C,EAAEqB,UAAU,EAAE,QAAd,EAA1F;;AAEA;AACE,mCAAK,YAAUlC,cAAc,CAACE,UAA9B,EAA0C,KAAK,EAAE8B,SAAjD;AACE,mCAAK,KAAK,EAAEC,SAAZ;AACGvC,MAAAA,KAAK,CAACuB,QAAN,CAAeC,OAAf,CAAuBF,QAAvB;AACEG,MAAAA,MADF,CACS,KAAKC,cADd;AAEEC,MAAAA,GAFF,CAEM,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACrB,YAAMO,UAAU,GAAGP,KAAK,KAAK,CAAV,GAAcE,SAAd,GAA0BZ,GAA7C;AACA;AACE,wCAAM,GAAG,EAAEU,KAAX,EAAkB,KAAK,aAAIO,UAAU,EAAVA,UAAJ,IAAmBF,SAAnB,CAAvB;AACGN,UAAAA,KADH,CADF;;;AAKD,OATF,CADH,CADF,CADF;;;;AAgBD,~~GA9FH~~;;~~AAgGUF~~,EAAAA,~~cAhGV~~,~~GAgGE~~,wBAAuBE,KAAvB,EAAwD;AACtD,WAAOa,OAAO,CAACb,KAAD,CAAP,IAAkB,OAAOA,KAAP,KAAiB,QAA1C;AACD,~~GAlGH~~,iBAA4B5B,KAAK,CAAC0C,SAAlC,WACgBC,mBADhB,GACsC,QADtC,~~UAGgBC~~,~~SAHhB~~,~~GAG4B~~,EACxB;AACJ;AACA,~~KACIzB~~,GAAG,EAAElB,SAAS,~~CAAC4C~~,MAJS,EAMxB;AACJ;AACA,~~KACItC~~,QAAQ,EAAEN,SAAS,~~CAAC6C~~,IATI,EAWxB;AACJ;AACA,~~KACId~~,aAAa,EAAE/B,SAAS,~~CAAC8C~~,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB,UAAlB,EAA8B,QAA9B,CAAhB,CAdS,~~EAH5B~~,~~UAsBgBpC~~,~~YAtBhB~~,~~GAsB6C~~,EACzCsB,IAAI,EAAE,KADmC,EAEzC1B,QAAQ,EAAE,KAF+B,EAGzCyB,aAAa,EAAE,UAH0B,~~EAtB7C~~","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n /*\n Расстояние между элементами в пикселях\n * @default 8\n /\n gap?: number;\n /\n Вертикальное выравнивание\n * @default \"baseline\"\n /\n verticalAlign?: 'top' \| 'middle' \| 'baseline' \| 'bottom';\n /\n Расположение элементов по вертикали\n * @default false\n /\n vertical?: boolean;\n /\n Перенос элементов на новую строку при горизонтальном расположении\n * @default false\n /\n wrap?: boolean;\n children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n vertical: 'Gapped__vertical',\n horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' \| 'vertical' \| 'verticalAlign'>>;\n\n/\n Контейнер, расстояние между элементами в котором равно `gap`.\n /\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n public static __KONTUR_REACT_UI__ = 'Gapped';\n\n public static propTypes = {\n /\n Расстояние между элементами.\n /\n gap: PropTypes.number,\n\n /\n Располагать элементы вертикально.\n /\n vertical: PropTypes.bool,\n\n /\n Вертикальное выравнивание элементов.\n */\n verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n };\n\n private setRootNode!: TSetRootNode;\n\n public static defaultProps: DefaultProps = {\n wrap: false,\n vertical: false,\n verticalAlign: 'baseline',\n };\n\n private getProps = createPropsGetter(Gapped.defaultProps);\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n </CommonWrapper>\n );\n }\n\n private getGapValue() {\n // DEPRECATED remove in 4.0\n const { gap: propsGap } = this.props;\n if (isNonNullable(propsGap)) {\n return propsGap;\n }\n\n return 8;\n }\n\n private renderVertical() {\n const subsequentItemStyle: React.CSSProperties = {\n paddingTop: this.getGapValue(),\n };\n const children = React.Children.toArray(this.props.children)\n .filter(this.filterChildren)\n .map((child, index) => {\n const style = index === 0 ? undefined : subsequentItemStyle;\n return (\n <div style={style} key={index}>\n {child}\n </div>\n );\n });\n\n return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n }\n\n private renderHorizontal() {\n const { children, verticalAlign } = this.props;\n const wrap = this.getProps().wrap;\n const gap = this.getGapValue();\n const itemStyle: React.CSSProperties = {\n display: 'inline-block',\n verticalAlign,\n ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n };\n const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n return (\n <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n <div style={contStyle}>\n {React.Children.toArray(children)\n .filter(this.filterChildren)\n .map((child, index) => {\n const marginLeft = index === 0 ? undefined : gap;\n return (\n <span key={index} style={{ marginLeft, ...itemStyle }}>\n {child}\n </span>\n );\n })}\n </div>\n </div>\n );\n }\n\n private filterChildren(child: React.ReactNode): boolean {\n return Boolean(child) \|\| typeof child === 'number';\n }\n}\n"]}
1	+ {"version":3,"sources":["Gapped.tsx"],"names":["React","PropTypes","isNonNullable","CommonWrapper","rootNode","createPropsGetter","GappedDataTids","vertical","horizontal","Gapped","getProps","defaultProps","render","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","displayName","propTypes","number","bool","oneOf"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAO,IAAMC,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,EAAE,kBADkB;AAE5BC,EAAAA,UAAU,EAAE,oBAFgB,EAAvB;;;;;;;;;AAWP,OAJA;AACA;AACA,GAEA,IAAaC,MAAb,GADCL,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BUM,IAAAA,QA7BV,GA6BqBL,iBAAiB,CAACI,MAAM,CAACE,YAAR,CA7BtC;;AA+BSC,EAAAA,MA/BT,GA+BE,kBAAgB;AACd;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKC,KAAvD;AACG,WAAKJ,QAAL,GAAgBH,QAAhB,GAA2B,KAAKQ,cAAL,EAA3B,GAAmD,KAAKC,gBAAL,EADtD,CADF;;;AAKD,GArCH;;AAuCUC,EAAAA,WAvCV,GAuCE,uBAAsB;AACpB;AACA,QAAaC,QAAb,GAA0B,KAAKJ,KAA/B,CAAQK,GAAR;AACA,QAAIjB,aAAa,CAACgB,QAAD,CAAjB,EAA6B;AAC3B,aAAOA,QAAP;AACD;;AAED,WAAO,CAAP;AACD,GA/CH;;AAiDUH,EAAAA,cAjDV,GAiDE,0BAAyB;AACvB,QAAMK,mBAAwC,GAAG;AAC/CC,MAAAA,UAAU,EAAE,KAAKJ,WAAL,EADmC,EAAjD;;AAGA,QAAMK,QAAQ,GAAGtB,KAAK,CAACuB,QAAN,CAAeC,OAAf,CAAuB,KAAKV,KAAL,CAAWQ,QAAlC;AACdG,IAAAA,MADc,CACP,KAAKC,cADE;AAEdC,IAAAA,GAFc,CAEV,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACrB,UAAMC,KAAK,GAAGD,KAAK,KAAK,CAAV,GAAcE,SAAd,GAA0BX,mBAAxC;AACA;AACE,qCAAK,KAAK,EAAEU,KAAZ,EAAmB,GAAG,EAAED,KAAxB;AACGD,QAAAA,KADH,CADF;;;AAKD,KATc,CAAjB;;AAWA,wBAAO,6BAAK,YAAUtB,cAAc,CAACC,QAA9B,IAAyCe,QAAzC,CAAP;AACD,GAjEH;;AAmEUN,EAAAA,gBAnEV,GAmEE,4BAA2B;AACzB,sBAAoC,KAAKF,KAAzC,CAAQQ,QAAR,eAAQA,QAAR,CAAkBU,aAAlB,eAAkBA,aAAlB;AACA,QAAMC,IAAI,GAAG,KAAKvB,QAAL,GAAgBuB,IAA7B;AACA,QAAMd,GAAG,GAAG,KAAKF,WAAL,EAAZ;AACA,QAAMiB,SAA8B;AAClCC,MAAAA,OAAO,EAAE,cADyB;AAElCH,MAAAA,aAAa,EAAbA,aAFkC;AAG9BC,IAAAA,IAAI,GAAG,EAAEG,UAAU,EAAEjB,GAAd,EAAmBkB,SAAS,EAAElB,GAA9B,EAAH,GAAyC,EAHf,CAApC;;AAKA,QAAMmB,SAA8B,GAAGL,IAAI,GAAG,EAAEZ,UAAU,EAAE,CAAd,EAAH,GAAuB,EAAlE;AACA,QAAMkB,SAA8B,GAAGN,IAAI,GAAG,EAAEI,SAAS,EAAE,CAAClB,GAAD,GAAO,CAApB,EAAuBiB,UAAU,EAAE,CAACjB,GAApC,EAAH,GAA+C,EAAEqB,UAAU,EAAE,QAAd,EAA1F;;AAEA;AACE,mCAAK,YAAUlC,cAAc,CAACE,UAA9B,EAA0C,KAAK,EAAE8B,SAAjD;AACE,mCAAK,KAAK,EAAEC,SAAZ;AACGvC,MAAAA,KAAK,CAACuB,QAAN,CAAeC,OAAf,CAAuBF,QAAvB;AACEG,MAAAA,MADF,CACS,KAAKC,cADd;AAEEC,MAAAA,GAFF,CAEM,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACrB,YAAMO,UAAU,GAAGP,KAAK,KAAK,CAAV,GAAcE,SAAd,GAA0BZ,GAA7C;AACA;AACE,wCAAM,GAAG,EAAEU,KAAX,EAAkB,KAAK,aAAIO,UAAU,EAAVA,UAAJ,IAAmBF,SAAnB,CAAvB;AACGN,UAAAA,KADH,CADF;;;AAKD,OATF,CADH,CADF,CADF;;;;AAgBD,GA/FH;;AAiGUF,EAAAA,cAjGV,GAiGE,wBAAuBE,KAAvB,EAAwD;AACtD,WAAOa,OAAO,CAACb,KAAD,CAAP,IAAkB,OAAOA,KAAP,KAAiB,QAA1C;AACD,GAnGH,iBAA4B5B,KAAK,CAAC0C,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAEgBC,WAFhB,GAE8B,QAF9B,UAIgBC,SAJhB,GAI4B,EACxB;AACJ;AACA,KACI1B,GAAG,EAAElB,SAAS,CAAC6C,MAJS,EAMxB;AACJ;AACA,KACIvC,QAAQ,EAAEN,SAAS,CAAC8C,IATI,EAWxB;AACJ;AACA,KACIf,aAAa,EAAE/B,SAAS,CAAC+C,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB,UAAlB,EAA8B,QAA9B,CAAhB,CAdS,EAJ5B,UAuBgBrC,YAvBhB,GAuB6C,EACzCsB,IAAI,EAAE,KADmC,EAEzC1B,QAAQ,EAAE,KAF+B,EAGzCyB,aAAa,EAAE,UAH0B,EAvB7C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n /*\n Расстояние между элементами в пикселях\n * @default 8\n /\n gap?: number;\n /\n Вертикальное выравнивание\n * @default \"baseline\"\n /\n verticalAlign?: 'top' \| 'middle' \| 'baseline' \| 'bottom';\n /\n Расположение элементов по вертикали\n * @default false\n /\n vertical?: boolean;\n /\n Перенос элементов на новую строку при горизонтальном расположении\n * @default false\n /\n wrap?: boolean;\n children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n vertical: 'Gapped__vertical',\n horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' \| 'vertical' \| 'verticalAlign'>>;\n\n/\n Контейнер, расстояние между элементами в котором равно `gap`.\n /\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n public static __KONTUR_REACT_UI__ = 'Gapped';\n public static displayName = 'Gapped';\n\n public static propTypes = {\n /\n Расстояние между элементами.\n /\n gap: PropTypes.number,\n\n /\n Располагать элементы вертикально.\n /\n vertical: PropTypes.bool,\n\n /\n Вертикальное выравнивание элементов.\n */\n verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n };\n\n private setRootNode!: TSetRootNode;\n\n public static defaultProps: DefaultProps = {\n wrap: false,\n vertical: false,\n verticalAlign: 'baseline',\n };\n\n private getProps = createPropsGetter(Gapped.defaultProps);\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n </CommonWrapper>\n );\n }\n\n private getGapValue() {\n // DEPRECATED remove in 4.0\n const { gap: propsGap } = this.props;\n if (isNonNullable(propsGap)) {\n return propsGap;\n }\n\n return 8;\n }\n\n private renderVertical() {\n const subsequentItemStyle: React.CSSProperties = {\n paddingTop: this.getGapValue(),\n };\n const children = React.Children.toArray(this.props.children)\n .filter(this.filterChildren)\n .map((child, index) => {\n const style = index === 0 ? undefined : subsequentItemStyle;\n return (\n <div style={style} key={index}>\n {child}\n </div>\n );\n });\n\n return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n }\n\n private renderHorizontal() {\n const { children, verticalAlign } = this.props;\n const wrap = this.getProps().wrap;\n const gap = this.getGapValue();\n const itemStyle: React.CSSProperties = {\n display: 'inline-block',\n verticalAlign,\n ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n };\n const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n return (\n <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n <div style={contStyle}>\n {React.Children.toArray(children)\n .filter(this.filterChildren)\n .map((child, index) => {\n const marginLeft = index === 0 ? undefined : gap;\n return (\n <span key={index} style={{ marginLeft, ...itemStyle }}>\n {child}\n </span>\n );\n })}\n </div>\n </div>\n );\n }\n\n private filterChildren(child: React.ReactNode): boolean {\n return Boolean(child) \|\| typeof child === 'number';\n }\n}\n"]}

package/components/Gapped/Gapped.d.ts CHANGED Viewed

@@ -34,6 +34,7 @@ declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 've
  */
 export declare class Gapped extends React.Component<GappedProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Расстояние между элементами.

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
@@ -19,8 +18,6 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
   _inheritsLoose(GlobalLoader, _React$Component);
   function GlobalLoader(props) {
-    var _currentGlobalLoader;
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -41,18 +38,15 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       _this.props.onDone == null ? void 0 : _this.props.onDone();
     }, _this.getProps().delayBeforeHide);
+    _this.resumeTaskAfterSuccessAnimation = debounce(function () {
+      _this.setActive();
+    }, _this.getProps().delayBeforeHide);
     _this.setActive = function () {
-      var _this$getProps = _this.getProps(),
-          delayBeforeHide = _this$getProps.delayBeforeHide,
-          rejected = _this$getProps.rejected;
       _this.startTask.cancel();
       if (_this.state.successAnimationInProgress) {
-        _this.successAnimationInProgressTimeout = setTimeout(function () {
-          _this.setActive();
-        }, delayBeforeHide);
+        _this.resumeTaskAfterSuccessAnimation();
       } else {
         _this.setState({
           visible: false,
@@ -62,7 +56,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
           started: true
         });
-        if (rejected) {
+        if (_this.getProps().rejected) {
           _this.setReject(true);
         } else {
           _this.stopTask.cancel();
@@ -73,6 +67,10 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
     };
     _this.setDone = function () {
+      if (!_this.state.started) {
+        return;
+      }
       _this.setState({
         done: true,
         successAnimationInProgress: true
@@ -80,6 +78,8 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       _this.startTask.cancel();
+      _this.resumeTaskAfterSuccessAnimation.cancel();
       _this.stopTask();
     };
@@ -114,6 +114,8 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       _this.startTask.cancel();
+      _this.resumeTaskAfterSuccessAnimation.cancel();
       _this.setState({
         dead: true
       });
@@ -129,18 +131,20 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       successAnimationInProgress: false,
       expectedResponseTime: _this.getProps().expectedResponseTime
     };
-    _this.successAnimationInProgressTimeout = null;
-    (_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();
-    currentGlobalLoader = _assertThisInitialized(_this);
     return _this;
   }
   var _proto = GlobalLoader.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    var _this$getProps2 = this.getProps(),
-        active = _this$getProps2.active,
-        rejected = _this$getProps2.rejected;
+    var _currentGlobalLoader;
+    (_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();
+    currentGlobalLoader = this;
+    var _this$getProps = this.getProps(),
+        active = _this$getProps.active,
+        rejected = _this$getProps.rejected;
     if (active) {
       this.setActive();
@@ -152,10 +156,10 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var _this$getProps3 = this.getProps(),
-        expectedResponseTime = _this$getProps3.expectedResponseTime,
-        rejected = _this$getProps3.rejected,
-        active = _this$getProps3.active;
+    var _this$getProps2 = this.getProps(),
+        expectedResponseTime = _this$getProps2.expectedResponseTime,
+        rejected = _this$getProps2.rejected,
+        active = _this$getProps2.active;
     if (expectedResponseTime !== prevProps.expectedResponseTime) {
       this.setState({
@@ -164,7 +168,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
     }
     if (rejected !== prevProps.rejected) {
-      this.setReject(!!rejected);
+      this.setReject(rejected);
     }
     if (active !== prevProps.active) {
@@ -176,27 +180,20 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
     }
   };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);
-  };
   _proto.render = function render() {
     var status = 'standard';
-    var dataState;
     if (this.state.done) {
       status = 'success';
-      dataState = 'done';
     } else if (this.state.rejected) {
       status = 'error';
-      dataState = 'rejected';
     } else if (this.state.accept) {
       status = 'accept';
     }
-    var _this$getProps4 = this.getProps(),
-        delayBeforeHide = _this$getProps4.delayBeforeHide,
-        disableAnimations = _this$getProps4.disableAnimations;
+    var _this$getProps3 = this.getProps(),
+        delayBeforeHide = _this$getProps3.delayBeforeHide,
+        disableAnimations = _this$getProps3.disableAnimations;
     return !this.state.dead && this.state.visible && /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
@@ -205,8 +202,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       delayBeforeHide: delayBeforeHide,
       status: status,
       "data-tid": GlobalLoaderDataTids.root,
-      disableAnimations: disableAnimations,
-      dataState: dataState
+      disableAnimations: disableAnimations
     }));
   }
   /**
@@ -224,7 +220,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
   };
   return GlobalLoader;
-}(React.Component), _class2.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'GlobalLoader', _class2.displayName = 'GlobalLoader', _class2.defaultProps = {
   expectedResponseTime: 1000,
   delayBeforeShow: 1000,
   delayBeforeHide: 1000,

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","createPropsGetter","GlobalLoaderView","GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","props","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","setActive","rejected","cancel","state","successAnimationInProgressTimeout","setTimeout","done","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","dataState","disableAnimations","setRootNode","updateExpectedResponseTime","Component","start"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /*\n Время(ms) до появления лоадера\n /\n delayBeforeShow?: number;\n /\n Время(ms) до исчезновения лоадера\n /\n delayBeforeHide?: number;\n /\n Ожидаемое время(ms) ответа сервера\n /\n expectedResponseTime?: number;\n /\n Анимация лоадера в виде спиннера\n /\n rejected?: boolean;\n /\n Показывать лоадер\n /\n active?: boolean;\n /\n Не показывать анимацию\n /\n disableAnimations?: boolean;\n /\n Коллбек, вызывающийся после появления лоадера\n /\n onStart?(): void;\n /\n Коллбек, вызывающийся после исчезновения лоадера\n /\n onDone?(): void;\n /\n Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n * Или после установки пропа `rejected = true`\n /\n onReject?(): void;\n /\n Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n * Или после установки пропа `rejected = false`\n /\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' \| 'delayBeforeShow' \| 'delayBeforeHide' \| 'rejected' \| 'active' \| 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n this.successAnimationInProgressTimeout = null;\n currentGlobalLoader?.kill();\n currentGlobalLoader = this;\n }\n componentDidMount() {\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(!!rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n componentWillUnmount() {\n this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n let dataState: GlobalLoaderViewProps['dataState'];\n\n if (this.state.done) {\n status = 'success';\n dataState = 'done';\n } else if (this.state.rejected) {\n status = 'error';\n dataState = 'rejected';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n dataState={dataState}\n />\n </CommonWrapper>\n )\n );\n }\n\n /\n Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n \n @public\n /\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /\n Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n \n @public\n /\n public static done = () => {\n currentGlobalLoader.setDone();\n };\n\n /\n Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n \n @public\n /\n public static reject = () => {\n currentGlobalLoader.setReject(true);\n };\n\n /\n Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n \n @public\n */\n public static accept = () => {\n currentGlobalLoader.setReject(false);\n };\n\n public setActive = () => {\n const { delayBeforeHide, rejected } = this.getProps();\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.successAnimationInProgressTimeout = setTimeout(() => {\n this.setActive();\n }, delayBeforeHide);\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started \|\| this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"]}
1	+ {"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","createPropsGetter","GlobalLoaderView","GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","props","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","render","status","disableAnimations","setRootNode","updateExpectedResponseTime","Component","__KONTUR_REACT_UI__","displayName","start"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,iBAArB;;AAEA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,aAAT,QAA8B,8BAA9B;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,gBAAT,QAAwD,oBAAxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,OAAO,IAAMC,oBAAoB,GAAG;AAClCC,EAAAA,IAAI,EAAE,cAD4B,EAA7B;;;;;;;;;;AAWP,IAAIC,mBAAJ;;AAEA,WAAaC,YAAb,GADCN,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BE,wBAAYO,KAAZ,EAAsC;AACpC,wCAAMA,KAAN,UADoC,MAzB9BC,QAyB8B,GAzBnBP,iBAAiB,CAACK,YAAY,CAACG,YAAd,CAyBE,OAvBrBC,SAuBqB,GAvBTb,QAAQ,CAAC,YAAM,CAC1C,MAAKc,QAAL,CAAc,EAAEC,OAAO,EAAE,IAAX,EAAd,EACA,MAAKL,KAAL,CAAWM,OAAX,0BAAKN,KAAL,CAAWM,OAAX,GACD,CAHoC,EAGlC,MAAKL,QAAL,GAAgBM,eAHkB,CAuBC,OAlBrBC,QAkBqB,GAlBVlB,QAAQ,CAAC,YAAM,CACzC,MAAKc,QAAL,CAAc,EAAEC,OAAO,EAAE,KAAX,EAAkBI,0BAA0B,EAAE,KAA9C,EAAqDC,OAAO,EAAE,KAA9D,EAAd,EACA,MAAKV,KAAL,CAAWW,MAAX,0BAAKX,KAAL,CAAWW,MAAX,GACD,CAHmC,EAGjC,MAAKV,QAAL,GAAgBW,eAHiB,CAkBE,OAbrBC,+BAaqB,GAbavB,QAAQ,CAAC,YAAM,CAChE,MAAKwB,SAAL,GACD,CAF0D,EAExD,MAAKb,QAAL,GAAgBW,eAFwC,CAarB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgH/BE,IAAAA,SAhH+B,GAgHnB,YAAM;AACvB,YAAKX,SAAL,CAAeY,MAAf;AACA,UAAI,MAAKC,KAAL,CAAWP,0BAAf,EAA2C;AACzC,cAAKI,+BAAL;AACD,OAFD,MAEO;AACL,cAAKT,QAAL,CAAc,EAAEC,OAAO,EAAE,KAAX,EAAkBY,IAAI,EAAE,KAAxB,EAA+BC,QAAQ,EAAE,KAAzC,EAAgDC,MAAM,EAAE,KAAxD,EAA+DT,OAAO,EAAE,IAAxE,EAAd;AACA,YAAI,MAAKT,QAAL,GAAgBiB,QAApB,EAA8B;AAC5B,gBAAKE,SAAL,CAAe,IAAf;AACD,SAFD,MAEO;AACL,gBAAKZ,QAAL,CAAcO,MAAd;AACA,gBAAKZ,SAAL;AACD;AACF;AACF,KA7HqC;;AA+H/BkB,IAAAA,OA/H+B,GA+HrB,YAAM;AACrB,UAAI,CAAC,MAAKL,KAAL,CAAWN,OAAhB,EAAyB;AACvB;AACD;AACD,YAAKN,QAAL,CAAc,EAAEa,IAAI,EAAE,IAAR,EAAcR,0BAA0B,EAAE,IAA1C,EAAd;AACA,YAAKN,SAAL,CAAeY,MAAf;AACA,YAAKF,+BAAL,CAAqCE,MAArC;AACA,YAAKP,QAAL;AACD,KAvIqC;;AAyI/BY,IAAAA,SAzI+B,GAyInB,UAACE,MAAD,EAAqB;AACtC,UAAI,CAAC,MAAKN,KAAL,CAAWX,OAAZ,KAAwB,MAAKW,KAAL,CAAWN,OAAX,IAAsB,MAAKT,QAAL,GAAgBsB,MAA9D,CAAJ,EAA2E;AACzE,cAAKnB,QAAL,CAAc,EAAEC,OAAO,EAAE,IAAX,EAAd;AACD;AACD,YAAKF,SAAL,CAAeY,MAAf;AACA,YAAKP,QAAL,CAAcO,MAAd;AACA,UAAIO,MAAJ,EAAY;AACV,cAAKtB,KAAL,CAAWwB,QAAX,0BAAKxB,KAAL,CAAWwB,QAAX;AACD,OAFD,MAEO,IAAI,MAAKR,KAAL,CAAWE,QAAf,EAAyB;AAC9B,cAAKd,QAAL,CAAc,EAAEe,MAAM,EAAE,IAAV,EAAd;AACA,cAAKnB,KAAL,CAAWyB,QAAX,0BAAKzB,KAAL,CAAWyB,QAAX;AACD;AACD,YAAKrB,QAAL,CAAc,EAAEc,QAAQ,EAAEI,MAAZ,EAAd;AACD,KAtJqC;;;;;;AA4J/BI,IAAAA,IA5J+B,GA4JxB,YAAM;AAClB,YAAKlB,QAAL,CAAcO,MAAd;AACA,YAAKZ,SAAL,CAAeY,MAAf;AACA,YAAKF,+BAAL,CAAqCE,MAArC;AACA,YAAKX,QAAL,CAAc;AACZuB,QAAAA,IAAI,EAAE,IADM,EAAd;;AAGD,KAnKqC,CAEpC,MAAKX,KAAL,GAAa,EACXN,OAAO,EAAE,KADE,EAEXL,OAAO,EAAE,KAFE,EAGXY,IAAI,EAAE,KAHK,EAIXC,QAAQ,EAAE,KAJC,EAKXC,MAAM,EAAE,KALG,EAMXQ,IAAI,EAAE,KANK,EAOXlB,0BAA0B,EAAE,KAPjB,EAQXmB,oBAAoB,EAAE,MAAK3B,QAAL,GAAgB2B,oBAR3B,EAAb,CAFoC,aAYrC,CA1CH,2CA2CEC,iBA3CF,GA2CE,6BAAoB,0BAClB,wBAAA/B,mBAAmB,SAAnB,iCAAqB4B,IAArB,GACA5B,mBAAmB,GAAG,IAAtB,CACA,qBAA6B,KAAKG,QAAL,EAA7B,CAAQsB,MAAR,kBAAQA,MAAR,CAAgBL,QAAhB,kBAAgBA,QAAhB,CACA,IAAIK,MAAJ,EAAY,CACV,KAAKT,SAAL,GACD,CACD,IAAII,QAAJ,EAAc,CACZ,KAAKE,SAAL,CAAe,IAAf,EACD,CACF,CArDH,QAuDEU,kBAvDF,GAuDE,4BAAmBC,SAAnB,EAA2D,CACzD,sBAAmD,KAAK9B,QAAL,EAAnD,CAAQ2B,oBAAR,mBAAQA,oBAAR,CAA8BV,QAA9B,mBAA8BA,QAA9B,CAAwCK,MAAxC,mBAAwCA,MAAxC,CACA,IAAIK,oBAAoB,KAAKG,SAAS,CAACH,oBAAvC,EAA6D,CAC3D,KAAKxB,QAAL,CAAc,EAAEwB,oBAAoB,EAApBA,oBAAF,EAAd,EACD,CACD,IAAIV,QAAQ,KAAKa,SAAS,CAACb,QAA3B,EAAqC,CACnC,KAAKE,SAAL,CAAeF,QAAf,EACD,CACD,IAAIK,MAAM,KAAKQ,SAAS,CAACR,MAAzB,EAAiC,CAC/B,IAAIA,MAAJ,EAAY,CACV,KAAKT,SAAL,GACD,CAFD,MAEO,CACL,KAAKO,OAAL,GACD,CACF,CACF,CAtEH,QAwESW,MAxET,GAwEE,kBAAgB,CACd,IAAIC,MAAuC,GAAG,UAA9C,CAEA,IAAI,KAAKjB,KAAL,CAAWC,IAAf,EAAqB,CACnBgB,MAAM,GAAG,SAAT,CACD,CAFD,MAEO,IAAI,KAAKjB,KAAL,CAAWE,QAAf,EAAyB,CAC9Be,MAAM,GAAG,OAAT,CACD,CAFM,MAEA,IAAI,KAAKjB,KAAL,CAAWG,MAAf,EAAuB,CAC5Bc,MAAM,GAAG,QAAT,CACD,CACD,sBAA+C,KAAKhC,QAAL,EAA/C,CAAQW,eAAR,mBAAQA,eAAR,CAAyBsB,iBAAzB,mBAAyBA,iBAAzB,CACA,OACE,CAAC,KAAKlB,KAAL,CAAWW,IAAZ,IACA,KAAKX,KAAL,CAAWX,OADX,iBAEE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAK8B,WAAjC,IAAkD,KAAKnC,KAAvD,gBACE,oBAAC,gBAAD,IACE,oBAAoB,EAAE,KAAKgB,KAAL,CAAWY,oBADnC,EAEE,eAAe,EAAEhB,eAFnB,EAGE,MAAM,EAAEqB,MAHV,EAIE,YAAUrC,oBAAoB,CAACC,IAJjC,EAKE,iBAAiB,EAAEqC,iBALrB,GADF,CAHJ,CAcD,CAjGH,CAmGE;AACF;AACA;AACA;AACA;AACA,KAxGA,QAsLSE,0BAtLT,GAsLE,oCAAkCR,oBAAlC,EAAgE,CAC9D,KAAKxB,QAAL,CAAc,EAAEwB,oBAAoB,EAApBA,oBAAF,EAAd,EACD,CAxLH,uBAAkCvC,KAAK,CAACgD,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAEgBC,WAFhB,GAE8B,cAF9B,UAqBgBrC,YArBhB,GAqB6C,EACzC0B,oBAAoB,EAAE,IADmB,EAEzCrB,eAAe,EAAE,IAFwB,EAGzCK,eAAe,EAAE,IAHwB,EAIzCM,QAAQ,EAAE,KAJ+B,EAKzCK,MAAM,EAAE,KALiC,EAMzCW,iBAAiB,EAAE3C,SANsB,EArB7C,UAyGgBiD,KAzGhB,GAyGwB,UAACZ,oBAAD,EAAmC,CACvD9B,mBAAmB,CAACgB,SAApB,GACA,IAAI,OAAOc,oBAAP,KAAgC,QAApC,EAA8C,CAC5C9B,mBAAmB,CAACsC,0BAApB,CAA+CR,oBAA/C,EACD,CACF,CA9GH,UAsHgBX,IAtHhB,GAsHuB,YAAM,CACzBnB,mBAAmB,CAACuB,OAApB,GACD,CAxHH,UAgIgBC,MAhIhB,GAgIyB,YAAM,CAC3BxB,mBAAmB,CAACsB,SAApB,CAA8B,IAA9B,EACD,CAlIH,UA0IgBD,MA1IhB,GA0IyB,YAAM,CAC3BrB,mBAAmB,CAACsB,SAApB,CAA8B,KAA9B,EACD,CA5IH","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /*\n Время(ms) до появления лоадера\n /\n delayBeforeShow?: number;\n /\n Время(ms) до исчезновения лоадера\n /\n delayBeforeHide?: number;\n /\n Ожидаемое время(ms) ответа сервера\n /\n expectedResponseTime?: number;\n /\n Анимация лоадера в виде спиннера\n /\n rejected?: boolean;\n /\n Показывать лоадер\n /\n active?: boolean;\n /\n Не показывать анимацию\n /\n disableAnimations?: boolean;\n /\n Коллбек, вызывающийся после появления лоадера\n /\n onStart?(): void;\n /\n Коллбек, вызывающийся после исчезновения лоадера\n /\n onDone?(): void;\n /\n Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n * Или после установки пропа `rejected = true`\n /\n onReject?(): void;\n /\n Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n * Или после установки пропа `rejected = false`\n /\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' \| 'delayBeforeShow' \| 'delayBeforeHide' \| 'rejected' \| 'active' \| 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n public static __KONTUR_REACT_UI__ = 'GlobalLoader';\n public static displayName = 'GlobalLoader';\n\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n this.setActive();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n }\n componentDidMount() {\n currentGlobalLoader?.kill();\n currentGlobalLoader = this;\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n\n if (this.state.done) {\n status = 'success';\n } else if (this.state.rejected) {\n status = 'error';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n />\n </CommonWrapper>\n )\n );\n }\n\n /\n Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n \n @public\n /\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /\n Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n \n @public\n /\n public static done = () => {\n currentGlobalLoader.setDone();\n };\n\n /\n Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n \n @public\n /\n public static reject = () => {\n currentGlobalLoader.setReject(true);\n };\n\n /\n Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n \n @public\n */\n public static accept = () => {\n currentGlobalLoader.setReject(false);\n };\n\n public setActive = () => {\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.resumeTaskAfterSuccessAnimation();\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (this.getProps().rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n if (!this.state.started) {\n return;\n }\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started \|\| this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"]}

package/components/GlobalLoader/GlobalLoader.d.ts CHANGED Viewed

@@ -58,16 +58,17 @@ export declare const GlobalLoaderDataTids: {
 };
 declare type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
 export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
-    private successAnimationInProgressTimeout;
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private setRootNode;
     private getProps;
     private readonly startTask;
     private readonly stopTask;
+    private readonly resumeTaskAfterSuccessAnimation;
     static defaultProps: DefaultProps;
     constructor(props: GlobalLoaderProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
-    componentWillUnmount(): void;
     render(): false | JSX.Element;
     /**
      * Запускает анимацию лоадера <br />

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["expectedResponseTime", "delayBeforeHide", "status", "disableAnimations", "dataState"];
+var _excluded = ["expectedResponseTime", "delayBeforeHide", "status", "disableAnimations"];
 import React, { useContext, useRef } from 'react';
 import { cx } from "../../../lib/theming/Emotion";
 import { ZIndex } from "../../../internal/ZIndex";
@@ -13,7 +13,6 @@ export var GlobalLoaderView = function GlobalLoaderView(_ref) {
       delayBeforeHide = _ref.delayBeforeHide,
       status = _ref.status,
       disableAnimations = _ref.disableAnimations,
-      dataState = _ref.dataState,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var ref = useRef(null);
@@ -66,7 +65,7 @@ export var GlobalLoaderView = function GlobalLoaderView(_ref) {
   };
   return /*#__PURE__*/React.createElement(CommonWrapper, _extends({}, rest, {
-    "data-state": dataState
+    "data-status": status
   }), /*#__PURE__*/React.createElement(ZIndex, {
     priority: "GlobalLoader",
     className: styles.outer(theme)