@skbkontur/react-ui 3.7.1 → 3.8.2

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 (168) hide show
  1. package/CHANGELOG.md +62 -2
  2. package/README.md +1 -1
  3. package/cjs/components/Button/Button.d.ts +1 -0
  4. package/cjs/components/Button/Button.js +4 -1
  5. package/cjs/components/Button/Button.js.map +1 -1
  6. package/cjs/components/Button/Button.styles.js +2 -2
  7. package/cjs/components/Button/Button.styles.js.map +1 -1
  8. package/cjs/components/Checkbox/Checkbox.styles.js +1 -2
  9. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  10. package/cjs/components/CurrencyLabel/CurrencyLabel.js +5 -14
  11. package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
  12. package/cjs/components/Dropdown/Dropdown.d.ts +1 -0
  13. package/cjs/components/Dropdown/Dropdown.js +1 -0
  14. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  15. package/cjs/components/Dropdown/Dropdown.md +0 -1
  16. package/cjs/components/DropdownMenu/DropdownMenu.d.ts +17 -3
  17. package/cjs/components/DropdownMenu/DropdownMenu.js +15 -1
  18. package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  19. package/cjs/components/DropdownMenu/DropdownMenu.md +87 -6
  20. package/cjs/components/Kebab/Kebab.d.ts +5 -2
  21. package/cjs/components/Kebab/Kebab.js +5 -1
  22. package/cjs/components/Kebab/Kebab.js.map +1 -1
  23. package/cjs/components/Kebab/Kebab.md +249 -3
  24. package/cjs/components/MenuHeader/MenuHeader.d.ts +5 -1
  25. package/cjs/components/MenuHeader/MenuHeader.js +5 -1
  26. package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
  27. package/cjs/components/MenuHeader/MenuHeader.md +23 -0
  28. package/cjs/components/MenuItem/MenuItem.d.ts +10 -1
  29. package/cjs/components/MenuItem/MenuItem.js +11 -1
  30. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  31. package/cjs/components/MenuItem/MenuItem.md +106 -4
  32. package/cjs/components/MenuSeparator/MenuSeparator.d.ts +3 -1
  33. package/cjs/components/MenuSeparator/MenuSeparator.js +3 -1
  34. package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
  35. package/cjs/components/MenuSeparator/MenuSeparator.md +14 -0
  36. package/cjs/components/Modal/Modal.styles.d.ts +1 -0
  37. package/cjs/components/Modal/Modal.styles.js +22 -20
  38. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  39. package/cjs/components/Modal/ModalClose.js +23 -3
  40. package/cjs/components/Modal/ModalClose.js.map +1 -1
  41. package/cjs/components/Paging/Paging.styles.js +2 -1
  42. package/cjs/components/Paging/Paging.styles.js.map +1 -1
  43. package/cjs/components/Textarea/Textarea.d.ts +0 -2
  44. package/cjs/components/Textarea/Textarea.js +6 -3
  45. package/cjs/components/Textarea/Textarea.js.map +1 -1
  46. package/cjs/components/Toggle/Toggle.d.ts +47 -1
  47. package/cjs/components/Toggle/Toggle.js +52 -2
  48. package/cjs/components/Toggle/Toggle.js.map +1 -1
  49. package/cjs/components/Toggle/Toggle.md +83 -9
  50. package/cjs/components/Toggle/Toggle.styles.d.ts +3 -0
  51. package/cjs/components/Toggle/Toggle.styles.js +36 -23
  52. package/cjs/components/Toggle/Toggle.styles.js.map +1 -1
  53. package/cjs/components/TokenInput/TokenInput.d.ts +8 -0
  54. package/cjs/components/TokenInput/TokenInput.js +19 -1
  55. package/cjs/components/TokenInput/TokenInput.js.map +1 -1
  56. package/cjs/components/TooltipMenu/TooltipMenu.d.ts +26 -8
  57. package/cjs/components/TooltipMenu/TooltipMenu.js +24 -6
  58. package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
  59. package/cjs/components/TooltipMenu/TooltipMenu.md +76 -8
  60. package/cjs/internal/CustomComboBox/ComboBoxView.js +2 -1
  61. package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  62. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +3 -2
  63. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
  64. package/cjs/internal/InputLikeText/InputLikeText.js +2 -1
  65. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  66. package/cjs/internal/RenderContainer/RenderContainer.js +2 -1
  67. package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
  68. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  69. package/cjs/internal/themes/DefaultTheme.d.ts +4 -0
  70. package/cjs/internal/themes/DefaultTheme.js +13 -3
  71. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  72. package/cjs/lib/Upgrades.d.ts +2 -0
  73. package/cjs/lib/Upgrades.js +14 -0
  74. package/cjs/lib/Upgrades.js.map +1 -1
  75. package/cjs/lib/locale/LOCALECONTEXT.md +1 -1
  76. package/cjs/lib/theming/Emotion.js +1 -1
  77. package/cjs/lib/theming/Emotion.js.map +1 -1
  78. package/cjs/lib/theming/ThemeContext.md +1 -1
  79. package/cjs/lib/utils.d.ts +7 -0
  80. package/cjs/lib/utils.js +12 -2
  81. package/cjs/lib/utils.js.map +1 -1
  82. package/components/Button/Button/Button.js +2 -1
  83. package/components/Button/Button/Button.js.map +1 -1
  84. package/components/Button/Button.d.ts +1 -0
  85. package/components/Button/Button.styles/Button.styles.js +1 -1
  86. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  87. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +1 -1
  88. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  89. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +5 -11
  90. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
  91. package/components/Dropdown/Dropdown/Dropdown.js +1 -0
  92. package/components/Dropdown/Dropdown/Dropdown.js.map +1 -1
  93. package/components/Dropdown/Dropdown.d.ts +1 -0
  94. package/components/Dropdown/Dropdown.md +0 -1
  95. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js +1 -1
  96. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
  97. package/components/DropdownMenu/DropdownMenu.d.ts +17 -3
  98. package/components/DropdownMenu/DropdownMenu.md +87 -6
  99. package/components/Kebab/Kebab/Kebab.js +2 -1
  100. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  101. package/components/Kebab/Kebab.d.ts +5 -2
  102. package/components/Kebab/Kebab.md +249 -3
  103. package/components/MenuHeader/MenuHeader/MenuHeader.js +5 -1
  104. package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
  105. package/components/MenuHeader/MenuHeader.d.ts +5 -1
  106. package/components/MenuHeader/MenuHeader.md +23 -0
  107. package/components/MenuItem/MenuItem/MenuItem.js +4 -1
  108. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  109. package/components/MenuItem/MenuItem.d.ts +10 -1
  110. package/components/MenuItem/MenuItem.md +106 -4
  111. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +3 -1
  112. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
  113. package/components/MenuSeparator/MenuSeparator.d.ts +3 -1
  114. package/components/MenuSeparator/MenuSeparator.md +14 -0
  115. package/components/Modal/Modal.styles/Modal.styles.js +18 -15
  116. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  117. package/components/Modal/Modal.styles.d.ts +1 -0
  118. package/components/Modal/ModalClose/ModalClose.js +25 -2
  119. package/components/Modal/ModalClose/ModalClose.js.map +1 -1
  120. package/components/Paging/Paging.styles/Paging.styles.js +1 -1
  121. package/components/Paging/Paging.styles/Paging.styles.js.map +1 -1
  122. package/components/Textarea/Textarea/Textarea.js +1 -2
  123. package/components/Textarea/Textarea/Textarea.js.map +1 -1
  124. package/components/Textarea/Textarea.d.ts +0 -2
  125. package/components/Toggle/Toggle/Toggle.js +11 -5
  126. package/components/Toggle/Toggle/Toggle.js.map +1 -1
  127. package/components/Toggle/Toggle.d.ts +47 -1
  128. package/components/Toggle/Toggle.md +83 -9
  129. package/components/Toggle/Toggle.styles/Toggle.styles.js +21 -15
  130. package/components/Toggle/Toggle.styles/Toggle.styles.js.map +1 -1
  131. package/components/Toggle/Toggle.styles.d.ts +3 -0
  132. package/components/TokenInput/TokenInput/TokenInput.js +20 -0
  133. package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
  134. package/components/TokenInput/TokenInput.d.ts +8 -0
  135. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js +9 -6
  136. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
  137. package/components/TooltipMenu/TooltipMenu.d.ts +26 -8
  138. package/components/TooltipMenu/TooltipMenu.md +76 -8
  139. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +2 -1
  140. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
  141. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +3 -2
  142. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
  143. package/internal/InputLikeText/InputLikeText/InputLikeText.js +2 -1
  144. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  145. package/internal/RenderContainer/RenderContainer/RenderContainer.js +2 -1
  146. package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
  147. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  148. package/internal/themes/DefaultTheme/DefaultTheme.js +17 -1
  149. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  150. package/internal/themes/DefaultTheme.d.ts +4 -0
  151. package/lib/Upgrades/Upgrades.js +13 -0
  152. package/lib/Upgrades/Upgrades.js.map +1 -1
  153. package/lib/Upgrades.d.ts +2 -0
  154. package/lib/locale/LOCALECONTEXT.md +1 -1
  155. package/lib/theming/Emotion/Emotion.js +1 -1
  156. package/lib/theming/Emotion/Emotion.js.map +1 -1
  157. package/lib/theming/ThemeContext.md +1 -1
  158. package/lib/utils/utils.js +10 -0
  159. package/lib/utils/utils.js.map +1 -1
  160. package/lib/utils.d.ts +7 -0
  161. package/package.json +2 -2
  162. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.d.ts +0 -4
  163. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.js +0 -9
  164. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.js.map +0 -1
  165. package/components/CurrencyLabel/CurrencyLabel.styles/CurrencyLabel.styles.js +0 -10
  166. package/components/CurrencyLabel/CurrencyLabel.styles/CurrencyLabel.styles.js.map +0 -1
  167. package/components/CurrencyLabel/CurrencyLabel.styles/package.json +0 -6
  168. package/components/CurrencyLabel/CurrencyLabel.styles.d.ts +0 -4
@@ -1 +1 @@
1
- {"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","REACT_UI_PREFIX","scope","Array","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,eAAe,GAAG,UAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,OAAO,CAACI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDJ,eAAlD,EAAqEK,IAArE,CAA0E,EAA1E,CAAd,C;;;AAGER,aAAa,CAAC;AACZS,EAAAA,GAAG,EAAEN,eADO;AAEZO,EAAAA,aAAa,EAAEN,KAAK,GAAG,CAACH,gBAAgB,CAACG,KAAD,CAAjB,CAAH,GAA+BO,SAFvC,EAAD,C,CADAC,K,kBAAAA,K,CAAOC,O,kBAAAA,O,CAASC,E,kBAAAA,E,CAAIC,K,kBAAAA,K,CAAOC,mB,kBAAAA,mB,CAAqBC,Y,kBAAAA,Y,CAAcC,S,kBAAAA,S,CAAWC,G,kBAAAA,G,CAAKC,K,kBAAAA,K,CAAOC,K,kBAAAA,K;;;AAMpG,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqBR,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BtC,eAA1B;AACA,cAAmCuC,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMnC,GAAN,EAAc;AACxC,8BAAYmC,GAAZ,6BAAkBnC,GAAlB,IAA2BgC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAACjC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = 'react-ui';\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n createEmotion({\n key: REACT_UI_PREFIX,\n stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n return fn.length == 0;\n}\n\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n if (isZeroArgs(fn)) {\n let isCalled = false;\n let result: R;\n return () => {\n if (!isCalled) {\n isCalled = true;\n result = fn();\n }\n return result;\n };\n }\n\n const cache = new WeakMap();\n return (arg: A) => {\n if (!cache.has(arg)) cache.set(arg, fn(arg));\n return cache.get(arg);\n };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n styles: S,\n): S => {\n Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n return styles;\n};\n\nexport const prefix =\n (component: string, app = REACT_UI_PREFIX) =>\n <T extends Record<string, string>>(classes: T): T =>\n Object.keys(classes).reduce((acc, key) => {\n return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n }, {} as T);\n"]}
1
+ {"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,eAAe,GAAGD,OAAO,CAACE,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUJ,OAAO,CAACK,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd,C;;;AAGET,aAAa,CAAC;AACZU,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,aAAa,EAAEN,KAAK,GAAG,CAACJ,gBAAgB,CAACI,KAAD,CAAjB,CAAH,GAA+BO,SAFvC,EAAD,C,CADAC,K,kBAAAA,K,CAAOC,O,kBAAAA,O,CAASC,E,kBAAAA,E,CAAIC,K,kBAAAA,K,CAAOC,mB,kBAAAA,mB,CAAqBC,Y,kBAAAA,Y,CAAcC,S,kBAAAA,S,CAAWC,G,kBAAAA,G,CAAKC,K,kBAAAA,K,CAAOC,K,kBAAAA,K;;;AAMpG,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqBR,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BvC,eAA1B;AACA,cAAmCwC,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMnC,GAAN,EAAc;AACxC,8BAAYmC,GAAZ,6BAAkBnC,GAAlB,IAA2BgC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAACjC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n createEmotion({\n key: REACT_UI_PREFIX,\n stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n return fn.length == 0;\n}\n\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n if (isZeroArgs(fn)) {\n let isCalled = false;\n let result: R;\n return () => {\n if (!isCalled) {\n isCalled = true;\n result = fn();\n }\n return result;\n };\n }\n\n const cache = new WeakMap();\n return (arg: A) => {\n if (!cache.has(arg)) cache.set(arg, fn(arg));\n return cache.get(arg);\n };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n styles: S,\n): S => {\n Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n return styles;\n};\n\nexport const prefix =\n (component: string, app = REACT_UI_PREFIX) =>\n <T extends Record<string, string>>(classes: T): T =>\n Object.keys(classes).reduce((acc, key) => {\n return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n }, {} as T);\n"]}
@@ -196,7 +196,7 @@ const NestedThemes = () => (
196
196
 
197
197
  ## Кастомизация @skbkontur/react-ui-addons
198
198
 
199
- Компоненты `@skbkontur/react-ui-addons` так же поддерживают кастомизацию через `ThemeContext` из `@skbkontur/react-ui`. Достаточно переопределить нужные переменные, которые перечислены на страницах компонентов в [докумендации аддонов](http://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
199
+ Компоненты `@skbkontur/react-ui-addons` так же поддерживают кастомизацию через `ThemeContext` из `@skbkontur/react-ui`. Достаточно переопределить нужные переменные, которые перечислены на страницах компонентов в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
200
200
 
201
201
  ```tsx static
202
202
  import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
@@ -67,4 +67,14 @@ export var isReactUINode = function isReactUINode(componentName, node) {
67
67
  }
68
68
 
69
69
  return false;
70
+ };
71
+ /**
72
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
73
+ *
74
+ * @param value Значение, которое нужно проверить и исключить из него типы
75
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
76
+ */
77
+
78
+ export var isNonNullable = function isNonNullable(value) {
79
+ return value !== null && value !== undefined;
70
80
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["utils.ts"],"names":["React","isBrowser","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","prototype","isReactComponent","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","window","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","type","__KONTUR_REACT_UI__"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,UAA1B;;AAEA;;;;;;;;;;;AAWA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,EAAD,UAAgB,IAAIC,OAAJ,CAAY,UAACC,OAAD,UAAaC,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAvB,EAAZ,CAAhB,EAAd;;AAEP,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe,GAAM;AAChC;AACD,CAFM;;AAIP,WAAaC,gBAAb;AACSC,IAAAA,IADT,GACgB,kBADhB,wEAAsCC,KAAtC;;;AAIA,OAAO,SAASC,aAAT,CAAuBC,IAAvB,EAAyCT,EAAzC,EAAqD;AAC1D,MAAIU,gBAA4B,GAAG,oCAAM,IAAN,EAAnC;;AAEA,MAAIT,OAAJ,CAAY,UAACC,OAAD,EAAUS,MAAV,EAAqB;AAC/BD,IAAAA,gBAAgB,GAAGC,MAAnB;AACAR,IAAAA,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAV;AACD,GAHD;AAIGY,EAAAA,IAJH,CAIQH,IAJR;AAKS,sBAAM,IAAN,EALT;;AAOA,SAAOC,gBAAP;AACD;;AAED,OAAO,SAASG,UAAT,CAAuBC,CAAvB,EAAuD;AAC5D,SAAO,OAAOA,CAAP,KAAa,UAApB;AACD;;AAED,OAAO,SAASC,qBAAT,CAA+BC,SAA/B,EAA8D;AACnE,SAAO,OAAOA,SAAP,KAAqB,UAArB,IAAmC,EAAEA,SAAS,CAACC,SAAV,IAAuBD,SAAS,CAACC,SAAV,CAAoBC,gBAA7C,CAA1C;AACD;;AAED,OAAO,SAASC,qBAAT,CAA+BC,CAA/B,EAAkD;AACvD,SAAOA,CAAC,CAACC,OAAF,CAAU,qBAAV,EAAiC,MAAjC,CAAP;AACD;;AAED,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAcC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAAd,EAApB;;AAEP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAA2B;AACvD,SAAO,IAAIC,MAAJ,oBAA2B/B,SAAS,WAASgC,MAAM,CAACC,QAAP,CAAgBC,IAAzB,WAApC,YAAiF,IAAjF,EAAuFC,IAAvF,CAA4FL,IAA5F,CAAP;AACD,CAFM;;AAIP;AACA;AACA;AACA,OAAO,IAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACC,aAAD,EAAwBC,IAAxB,EAA2D;AACtF,oBAAIvC,KAAK,CAACwC,cAAN,CAAqBD,IAArB,CAAJ,EAAgC;AAC9B;AACEE,MAAAA,MAAM,CAACrB,SAAP,CAAiBsB,cAAjB,CAAgCC,IAAhC,CAAqCJ,IAAI,CAACK,IAA1C,EAAgD,qBAAhD;AACA;AACAL,MAAAA,IAAI,CAACK,IAAL,CAAUC,mBAAV,KAAkCP,aAHpC;;AAKD;;AAED,SAAO,KAAP;AACD,CAVM","sourcesContent":["import { ReactComponentLike } from 'prop-types';\nimport React from 'react';\n\nimport { isBrowser } from './client';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n ? string extends keyof P\n ? P\n : Pick<P, Exclude<keyof P, keyof D>> &\n Partial<Pick<P, Extract<keyof P, keyof D>>> &\n Partial<Pick<D, Exclude<keyof D, keyof P>>>\n : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n /* noop */\n};\n\nexport class CancelationError extends Error {\n public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n let cancelationToken: () => void = () => null;\n\n new Promise((resolve, reject) => {\n cancelationToken = reject;\n setTimeout(resolve, ms);\n })\n .then(task)\n .catch(() => null);\n\n return cancelationToken;\n}\n\nexport function isFunction<T>(x: T | Function): x is Function {\n return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: ReactComponentLike) {\n return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n return new RegExp(`^(https?:)?//${isBrowser ? `(?!${window.location.host})` : ``}\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n if (React.isValidElement(node)) {\n return (\n Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n // @ts-ignore\n node.type.__KONTUR_REACT_UI__ === componentName\n );\n }\n\n return false;\n};\n"]}
1
+ {"version":3,"sources":["utils.ts"],"names":["React","isBrowser","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","prototype","isReactComponent","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","window","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","type","__KONTUR_REACT_UI__","isNonNullable","value","undefined"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,UAA1B;;AAEA;;;;;;;;;;;AAWA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,EAAD,UAAgB,IAAIC,OAAJ,CAAY,UAACC,OAAD,UAAaC,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAvB,EAAZ,CAAhB,EAAd;;AAEP,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe,GAAM;AAChC;AACD,CAFM;;AAIP,WAAaC,gBAAb;AACSC,IAAAA,IADT,GACgB,kBADhB,wEAAsCC,KAAtC;;;AAIA,OAAO,SAASC,aAAT,CAAuBC,IAAvB,EAAyCT,EAAzC,EAAqD;AAC1D,MAAIU,gBAA4B,GAAG,oCAAM,IAAN,EAAnC;;AAEA,MAAIT,OAAJ,CAAY,UAACC,OAAD,EAAUS,MAAV,EAAqB;AAC/BD,IAAAA,gBAAgB,GAAGC,MAAnB;AACAR,IAAAA,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAV;AACD,GAHD;AAIGY,EAAAA,IAJH,CAIQH,IAJR;AAKS,sBAAM,IAAN,EALT;;AAOA,SAAOC,gBAAP;AACD;;AAED,OAAO,SAASG,UAAT,CAAuBC,CAAvB,EAAuD;AAC5D,SAAO,OAAOA,CAAP,KAAa,UAApB;AACD;;AAED,OAAO,SAASC,qBAAT,CAA+BC,SAA/B,EAA8D;AACnE,SAAO,OAAOA,SAAP,KAAqB,UAArB,IAAmC,EAAEA,SAAS,CAACC,SAAV,IAAuBD,SAAS,CAACC,SAAV,CAAoBC,gBAA7C,CAA1C;AACD;;AAED,OAAO,SAASC,qBAAT,CAA+BC,CAA/B,EAAkD;AACvD,SAAOA,CAAC,CAACC,OAAF,CAAU,qBAAV,EAAiC,MAAjC,CAAP;AACD;;AAED,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAcC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAAd,EAApB;;AAEP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAA2B;AACvD,SAAO,IAAIC,MAAJ,oBAA2B/B,SAAS,WAASgC,MAAM,CAACC,QAAP,CAAgBC,IAAzB,WAApC,YAAiF,IAAjF,EAAuFC,IAAvF,CAA4FL,IAA5F,CAAP;AACD,CAFM;;AAIP;AACA;AACA;AACA,OAAO,IAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACC,aAAD,EAAwBC,IAAxB,EAA2D;AACtF,oBAAIvC,KAAK,CAACwC,cAAN,CAAqBD,IAArB,CAAJ,EAAgC;AAC9B;AACEE,MAAAA,MAAM,CAACrB,SAAP,CAAiBsB,cAAjB,CAAgCC,IAAhC,CAAqCJ,IAAI,CAACK,IAA1C,EAAgD,qBAAhD;AACA;AACAL,MAAAA,IAAI,CAACK,IAAL,CAAUC,mBAAV,KAAkCP,aAHpC;;AAKD;;AAED,SAAO,KAAP;AACD,CAVM;;AAYP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMQ,aAAa,GAAG,SAAhBA,aAAgB,CAAIC,KAAJ,EAA0C;AACrE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKC,SAAnC;AACD,CAFM","sourcesContent":["import { ReactComponentLike } from 'prop-types';\nimport React from 'react';\n\nimport { isBrowser } from './client';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n ? string extends keyof P\n ? P\n : Pick<P, Exclude<keyof P, keyof D>> &\n Partial<Pick<P, Extract<keyof P, keyof D>>> &\n Partial<Pick<D, Exclude<keyof D, keyof P>>>\n : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n /* noop */\n};\n\nexport class CancelationError extends Error {\n public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n let cancelationToken: () => void = () => null;\n\n new Promise((resolve, reject) => {\n cancelationToken = reject;\n setTimeout(resolve, ms);\n })\n .then(task)\n .catch(() => null);\n\n return cancelationToken;\n}\n\nexport function isFunction<T>(x: T | Function): x is Function {\n return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: ReactComponentLike) {\n return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n return new RegExp(`^(https?:)?//${isBrowser ? `(?!${window.location.host})` : ``}\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n if (React.isValidElement(node)) {\n return (\n Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n // @ts-ignore\n node.type.__KONTUR_REACT_UI__ === componentName\n );\n }\n\n return false;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n return value !== null && value !== undefined;\n};\n"]}
package/lib/utils.d.ts CHANGED
@@ -19,3 +19,10 @@ export declare const isExternalLink: (link: string) => boolean;
19
19
  * Check if the given ReactNode is an element of the specified ReactUI component
20
20
  */
21
21
  export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
22
+ /**
23
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
24
+ *
25
+ * @param value Значение, которое нужно проверить и исключить из него типы
26
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
27
+ */
28
+ export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@skbkontur/react-ui",
3
- "version": "3.7.1",
3
+ "version": "3.8.2",
4
4
  "description": "UI Components",
5
5
  "main": "cjs/index.js",
6
6
  "module": "index.js",
7
7
  "sideEffects": false,
8
- "homepage": "https://tech.skbkontur.ru/react-ui/3.7.1/",
8
+ "homepage": "https://tech.skbkontur.ru/react-ui/3.8.2/",
9
9
  "repository": {
10
10
  "type": "git",
11
11
  "url": "git@github.com:skbkontur/retail-ui.git"
@@ -1,4 +0,0 @@
1
- import { Theme } from '../../lib/theming/Theme';
2
- export declare const styles: {
3
- root(t: Theme): string;
4
- };
@@ -1,9 +0,0 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
2
-
3
-
4
- var styles = (0, _Emotion.memoizeStyle)({
5
- root: function root(t) {
6
- return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n color: ", ";\n "])),
7
- t.textColorDefault);
8
-
9
- } });exports.styles = styles;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["CurrencyLabel.styles.ts"],"names":["styles","root","t","css","textColorDefault"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,gBADb;;AAGD,GALgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n});\n"]}
@@ -1,10 +0,0 @@
1
- import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
2
-
3
- var _templateObject;
4
-
5
- import { css, memoizeStyle } from "../../../lib/theming/Emotion";
6
- export var styles = memoizeStyle({
7
- root: function root(t) {
8
- return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), t.textColorDefault);
9
- }
10
- });
@@ -1 +0,0 @@
1
- {"version":3,"sources":["CurrencyLabel.styles.ts"],"names":["css","memoizeStyle","styles","root","t","textColorDefault"],"mappings":"oHAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,gBADb;;AAGD,GALgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n});\n"]}
@@ -1,6 +0,0 @@
1
- {
2
- "main": "../../../cjs/components/CurrencyLabel/CurrencyLabel.styles.js",
3
- "module": "CurrencyLabel.styles",
4
- "types": "../CurrencyLabel.styles.d.ts",
5
- "sideEffects": false
6
- }
@@ -1,4 +0,0 @@
1
- import { Theme } from '../../lib/theming/Theme';
2
- export declare const styles: {
3
- root(t: Theme): string;
4
- };