@skbkontur/react-ui 1.6.10 → 1.6.11

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 (342) hide show
  1. package/README.md +135 -135
  2. package/components/Autocomplete/Autocomplete.adapter.js.flow +4 -4
  3. package/components/Autocomplete/Autocomplete.js.flow +37 -37
  4. package/components/Autocomplete/README.md +7 -7
  5. package/components/Autocomplete/index.js.flow +2 -2
  6. package/components/Button/Button.adapter.js.flow +4 -4
  7. package/components/Button/Button.js.flow +58 -58
  8. package/components/Button/Corners.js.flow +12 -12
  9. package/components/Button/README.md +85 -85
  10. package/components/Button/index.js.flow +2 -2
  11. package/components/Calendar/Animation.js.flow +7 -7
  12. package/components/Calendar/Calendar.js.flow +33 -33
  13. package/components/Calendar/CalendarDateShape.js.flow +26 -26
  14. package/components/Calendar/CalendarScrollEvents.js.flow +15 -15
  15. package/components/Calendar/CalendarUtils.js.flow +35 -35
  16. package/components/Calendar/DayCellView.js.flow +16 -16
  17. package/components/Calendar/DayCellViewModel.js.flow +9 -9
  18. package/components/Calendar/Month.js.flow +23 -23
  19. package/components/Calendar/MonthView.js.flow +24 -24
  20. package/components/Calendar/MonthViewModel.js.flow +16 -16
  21. package/components/Calendar/config.js.flow +11 -11
  22. package/components/Calendar/index.js.flow +2 -2
  23. package/components/Calendar/presets.js.flow +21 -21
  24. package/components/Calendar/stepper.js.flow +2 -2
  25. package/components/Calendar/utils.js.flow +2 -2
  26. package/components/Center/Center.js.flow +15 -15
  27. package/components/Center/README.md +5 -5
  28. package/components/Center/index.js.flow +2 -2
  29. package/components/Checkbox/Checkbox.adapter.js.flow +4 -4
  30. package/components/Checkbox/Checkbox.js.flow +27 -27
  31. package/components/Checkbox/README.md +61 -61
  32. package/components/Checkbox/index.js.flow +2 -2
  33. package/components/ComboBox/ComboBox.js.flow +58 -58
  34. package/components/ComboBox/README.md +423 -423
  35. package/components/ComboBox/__mocks__/getCities.js.map +1 -1
  36. package/components/ComboBox/__mocks__/kladr.json +20002 -20002
  37. package/components/ComboBox/index.js.flow +2 -2
  38. package/components/ComboBoxOld/ComboBoxOld.adapter.js.map +1 -1
  39. package/components/ComboBoxOld/ComboBoxOld.d.ts +120 -120
  40. package/components/ComboBoxOld/ComboBoxOld.js +45 -45
  41. package/components/ComboBoxOld/ComboBoxOld.js.map +1 -1
  42. package/components/ComboBoxOld/ComboBoxRenderer.js.map +1 -1
  43. package/components/ComboBoxOld/README.md +83 -83
  44. package/components/ComboBoxOld/index.d.ts +1 -1
  45. package/components/ComboBoxOld/index.js.map +1 -1
  46. package/components/CurrencyInput/CurrencyHelper.js.flow +44 -44
  47. package/components/CurrencyInput/CurrencyInput.js.flow +30 -30
  48. package/components/CurrencyInput/CurrencyInputHelper.js.flow +38 -38
  49. package/components/CurrencyInput/CurrencyInputKeyboardActions.js.flow +19 -19
  50. package/components/CurrencyInput/CursorHelper.js.flow +15 -15
  51. package/components/CurrencyInput/README.md +19 -19
  52. package/components/CurrencyInput/SelectionHelper.js.flow +16 -16
  53. package/components/CurrencyInput/index.js.flow +2 -2
  54. package/components/CurrencyLabel/CurrencyLabel.js.flow +10 -10
  55. package/components/CurrencyLabel/README.md +23 -23
  56. package/components/CurrencyLabel/index.js.flow +2 -2
  57. package/components/CustomComboBox/ComboBoxMenu.js.flow +22 -22
  58. package/components/CustomComboBox/ComboBoxView.js.flow +52 -52
  59. package/components/CustomComboBox/CustomComboBox.js.flow +130 -130
  60. package/components/CustomComboBox/index.js.flow +2 -2
  61. package/components/DateInput/DateInput.js.flow +60 -60
  62. package/components/DateInput/README.md +104 -104
  63. package/components/DateInput/helpers/DateInputKeyboardActions.js.flow +17 -17
  64. package/components/DateInput/helpers/SelectionHelpers.js.flow +3 -3
  65. package/components/DateInput/helpers/inputNumber.js.flow +4 -4
  66. package/components/DateInput/index.js.flow +2 -2
  67. package/components/DatePicker/DatePicker.js.flow +45 -45
  68. package/components/DatePicker/DatePickerHelpers.js.flow +7 -7
  69. package/components/DatePicker/DateShape.js.flow +11 -11
  70. package/components/DatePicker/Picker.js.flow +23 -23
  71. package/components/DatePicker/README.md +307 -307
  72. package/components/DatePicker/index.js.flow +2 -2
  73. package/components/DatePickerOld/Calendar.js.map +1 -1
  74. package/components/DatePickerOld/CalendarCell.js.map +1 -1
  75. package/components/DatePickerOld/DateInput.js +2 -2
  76. package/components/DatePickerOld/DateInput.js.map +1 -1
  77. package/components/DatePickerOld/DatePicker.adapter.js.map +1 -1
  78. package/components/DatePickerOld/DatePickerOld.d.ts +35 -35
  79. package/components/DatePickerOld/DatePickerOld.js +16 -16
  80. package/components/DatePickerOld/DatePickerOld.js.map +1 -1
  81. package/components/DatePickerOld/Picker.js.map +1 -1
  82. package/components/DatePickerOld/README.md +7 -7
  83. package/components/DatePickerOld/dateParser.js.map +1 -1
  84. package/components/DatePickerOld/index.d.ts +1 -1
  85. package/components/DatePickerOld/index.js.map +1 -1
  86. package/components/DateSelect/DateSelect.js.flow +30 -30
  87. package/components/DateSelect/index.js.flow +2 -2
  88. package/components/Dropdown/Dropdown.js.flow +41 -41
  89. package/components/Dropdown/README.md +14 -14
  90. package/components/Dropdown/index.js.flow +2 -2
  91. package/components/DropdownContainer/DropdownContainer.js.flow +29 -29
  92. package/components/DropdownMenu/DropdownMenu.js.flow +20 -20
  93. package/components/DropdownMenu/README.md +66 -66
  94. package/components/DropdownMenu/index.js.flow +2 -2
  95. package/components/Fias/Fias.js.flow +37 -37
  96. package/components/Fias/FiasModal.js.flow +12 -12
  97. package/components/Fias/FiasSearch/FiasSearch.js.flow +32 -32
  98. package/components/Fias/FiasSearch/README.md +78 -78
  99. package/components/Fias/Form/FiasComboBox.js.flow +25 -25
  100. package/components/Fias/Form/FiasForm.js.flow +21 -21
  101. package/components/Fias/README.md +436 -436
  102. package/components/Fias/api/APIResultFactory.js.flow +7 -7
  103. package/components/Fias/api/FiasAPI.js.flow +13 -13
  104. package/components/Fias/api/MockAPI.js.flow +13 -13
  105. package/components/Fias/api/data.json +285 -285
  106. package/components/Fias/constants/abbreviations.js.flow +7 -7
  107. package/components/Fias/index.js.flow +5 -5
  108. package/components/Fias/locale/types.js.flow +71 -71
  109. package/components/Fias/logger/Logger.js.flow +13 -13
  110. package/components/Fias/models/Address.js.flow +57 -57
  111. package/components/Fias/models/AddressElement.js.flow +15 -15
  112. package/components/Fias/models/FiasData.js.flow +10 -10
  113. package/components/Fias/types.js.flow +133 -133
  114. package/components/FxInput/FxInput.adapter.js.flow +4 -4
  115. package/components/FxInput/FxInput.js.flow +24 -24
  116. package/components/FxInput/README.md +13 -13
  117. package/components/FxInput/index.js.flow +2 -2
  118. package/components/Gapped/Gapped.js.flow +13 -13
  119. package/components/Gapped/README.md +6 -6
  120. package/components/Gapped/index.js.flow +2 -2
  121. package/components/Group/Group.js.flow +14 -14
  122. package/components/Group/README.md +27 -27
  123. package/components/Group/index.js.flow +2 -2
  124. package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.js.flow +7 -7
  125. package/components/HideBodyVerticalScroll/index.js.flow +2 -2
  126. package/components/Hint/Hint.js.flow +37 -37
  127. package/components/Hint/README.md +3 -3
  128. package/components/Hint/index.js.flow +2 -2
  129. package/components/Icon/20px/Icon.js.flow +27 -27
  130. package/components/Icon/20px/index.js.flow +2 -2
  131. package/components/Icon/README.md +64 -64
  132. package/components/IgnoreLayerClick/IgnoreLayerClick.js.flow +12 -12
  133. package/components/IgnoreLayerClick/index.js.flow +2 -2
  134. package/components/Input/Input.adapter.js.flow +9 -9
  135. package/components/Input/Input.js.flow +55 -55
  136. package/components/Input/README.md +13 -13
  137. package/components/Input/index.js.flow +2 -2
  138. package/components/Kebab/Kebab.js.flow +23 -23
  139. package/components/Kebab/README.md +44 -44
  140. package/components/Kebab/index.js.flow +2 -2
  141. package/components/Kladr/AddressModal.d.ts +39 -39
  142. package/components/Kladr/AddressModal.js.flow +20 -20
  143. package/components/Kladr/AddressModal.js.map +1 -1
  144. package/components/Kladr/Kladr.d.ts +39 -39
  145. package/components/Kladr/Kladr.js +2 -2
  146. package/components/Kladr/Kladr.js.flow +27 -27
  147. package/components/Kladr/Kladr.js.map +1 -1
  148. package/components/Kladr/KladrAPI.d.ts +8 -8
  149. package/components/Kladr/KladrAPI.js.flow +8 -8
  150. package/components/Kladr/KladrAPI.js.map +1 -1
  151. package/components/Kladr/README.md +3 -3
  152. package/components/Kladr/Types.d.ts +40 -40
  153. package/components/Kladr/Types.js.flow +39 -39
  154. package/components/Kladr/index.d.ts +1 -1
  155. package/components/Kladr/index.js.flow +2 -2
  156. package/components/Kladr/index.js.map +1 -1
  157. package/components/Kladr/util.js.map +1 -1
  158. package/components/Kladr/utils.d.ts +4 -4
  159. package/components/Kladr/utils.js.flow +4 -4
  160. package/components/Link/Link.adapter.js.flow +4 -4
  161. package/components/Link/Link.js.flow +25 -25
  162. package/components/Link/README.md +11 -11
  163. package/components/Link/index.js.flow +2 -2
  164. package/components/Loader/Loader.js.flow +20 -20
  165. package/components/Loader/README.md +25 -25
  166. package/components/Loader/index.js.flow +2 -2
  167. package/components/Logotype/Logotype.js.flow +21 -21
  168. package/components/Logotype/ProductWidget.js.flow +7 -7
  169. package/components/Logotype/README.md +32 -32
  170. package/components/Logotype/index.js.flow +2 -2
  171. package/components/Menu/Menu.js.flow +24 -24
  172. package/components/Menu/isActiveElement.js.flow +7 -7
  173. package/components/MenuHeader/MenuHeader.js.flow +11 -11
  174. package/components/MenuHeader/index.js.flow +2 -2
  175. package/components/MenuItem/MenuItem.js.flow +33 -33
  176. package/components/MenuItem/README.md +5 -5
  177. package/components/MenuItem/index.js.flow +2 -2
  178. package/components/MenuSeparator/MenuSeparator.js.flow +7 -7
  179. package/components/MenuSeparator/index.js.flow +2 -2
  180. package/components/Modal/Modal.adapter.js.flow +4 -4
  181. package/components/Modal/Modal.js.flow +30 -30
  182. package/components/Modal/Modal.js.map +1 -1
  183. package/components/Modal/ModalBody.js.flow +7 -7
  184. package/components/Modal/ModalClose.js.flow +6 -6
  185. package/components/Modal/ModalContext.js.flow +15 -15
  186. package/components/Modal/ModalFooter.js.flow +11 -11
  187. package/components/Modal/ModalHeader.js.flow +11 -11
  188. package/components/Modal/README.md +38 -38
  189. package/components/Modal/index.js.flow +2 -2
  190. package/components/ModalStack/ModalStack.d.ts +4 -2
  191. package/components/ModalStack/ModalStack.js +13 -2
  192. package/components/ModalStack/ModalStack.js.flow +10 -10
  193. package/components/ModalStack/ModalStack.js.map +1 -1
  194. package/components/ModalStack/index.js.flow +2 -2
  195. package/components/Paging/NavigationHelper.js.flow +13 -13
  196. package/components/Paging/Paging.js.flow +38 -38
  197. package/components/Paging/PagingHelper.js.flow +10 -10
  198. package/components/Paging/README.md +43 -43
  199. package/components/Paging/index.js.flow +2 -2
  200. package/components/PasswordInput/PasswordInput.js.flow +26 -26
  201. package/components/PasswordInput/PasswordInputFallback.js.flow +13 -13
  202. package/components/PasswordInput/getCharHelper.js.flow +4 -4
  203. package/components/PasswordInput/index.js.flow +2 -2
  204. package/components/PhoneInput/PhoneInput.js +2 -2
  205. package/components/PhoneInput/PhoneInput.js.map +1 -1
  206. package/components/PhoneInput/index.js.map +1 -1
  207. package/components/Popup/Popup.js.flow +60 -60
  208. package/components/Popup/PopupHelper.js.flow +29 -29
  209. package/components/Popup/PopupPin.js.flow +15 -15
  210. package/components/Popup/index.js.flow +2 -2
  211. package/components/Radio/README.md +14 -14
  212. package/components/Radio/Radio.js.flow +33 -33
  213. package/components/Radio/index.js.flow +2 -2
  214. package/components/RadioGroup/Prevent.js.flow +9 -9
  215. package/components/RadioGroup/README.md +44 -44
  216. package/components/RadioGroup/RadioGroup.adapter.js.flow +4 -4
  217. package/components/RadioGroup/RadioGroup.js +1 -1
  218. package/components/RadioGroup/RadioGroup.js.flow +42 -42
  219. package/components/RadioGroup/RadioGroup.js.map +1 -1
  220. package/components/RadioGroup/index.js.flow +2 -2
  221. package/components/RenderContainer/RenderContainer.js.flow +11 -11
  222. package/components/RenderContainer/index.js.flow +2 -2
  223. package/components/RenderLayer/RenderLayer.js.flow +12 -12
  224. package/components/RenderLayer/index.js.flow +2 -2
  225. package/components/ScrollContainer/README.md +60 -60
  226. package/components/ScrollContainer/ScrollContainer.js.flow +24 -24
  227. package/components/ScrollContainer/index.js.flow +2 -2
  228. package/components/Select/Item.js.flow +7 -7
  229. package/components/Select/README.md +23 -23
  230. package/components/Select/Select.adapter.js.flow +4 -4
  231. package/components/Select/Select.js.flow +81 -81
  232. package/components/Select/index.js.flow +2 -2
  233. package/components/SidePage/README.md +46 -46
  234. package/components/SidePage/SidePage.js.flow +34 -34
  235. package/components/SidePage/SidePage.js.map +1 -1
  236. package/components/SidePage/SidePageBody.js.flow +13 -13
  237. package/components/SidePage/SidePageContainer.js.flow +9 -9
  238. package/components/SidePage/SidePageContext.js.flow +15 -15
  239. package/components/SidePage/SidePageFooter.js.flow +16 -16
  240. package/components/SidePage/SidePageHeader.js.flow +11 -11
  241. package/components/SidePage/index.js.flow +2 -2
  242. package/components/Spinner/README.md +33 -33
  243. package/components/Spinner/Spinner.js.flow +20 -20
  244. package/components/Spinner/SpinnerFallback.js.flow +15 -15
  245. package/components/Spinner/index.js.flow +2 -2
  246. package/components/Spinner/settings.js.flow +48 -48
  247. package/components/Sticky/README.md +27 -27
  248. package/components/Sticky/Sticky.js.flow +22 -22
  249. package/components/Sticky/index.js.flow +2 -2
  250. package/components/Switcher/README.md +10 -10
  251. package/components/Switcher/Switcher.js.flow +26 -26
  252. package/components/Switcher/index.js.flow +2 -2
  253. package/components/Tabs/Indicator.js.flow +21 -21
  254. package/components/Tabs/README.md +28 -28
  255. package/components/Tabs/Tab.js.flow +48 -48
  256. package/components/Tabs/Tabs.js.flow +28 -28
  257. package/components/Tabs/index.js.flow +2 -2
  258. package/components/Textarea/README.md +9 -9
  259. package/components/Textarea/Textarea.adapter.js.flow +11 -11
  260. package/components/Textarea/Textarea.js.flow +33 -33
  261. package/components/Textarea/TextareaHelpers.js.flow +6 -6
  262. package/components/Textarea/index.js.flow +2 -2
  263. package/components/ThemeProvider/Playground/README.md +7 -7
  264. package/components/ThemeProvider/README.md +172 -172
  265. package/components/ThemeShowcase/README.md +13 -13
  266. package/components/Toast/README.md +39 -39
  267. package/components/Toast/Toast.js.flow +29 -29
  268. package/components/Toast/ToastStatic.js.flow +10 -10
  269. package/components/Toast/ToastView.js.flow +16 -16
  270. package/components/Toast/index.js.flow +2 -2
  271. package/components/Toggle/README.md +9 -9
  272. package/components/Toggle/Toggle.js.flow +28 -28
  273. package/components/Toggle/index.js.flow +2 -2
  274. package/components/Token/README.md +109 -109
  275. package/components/Token/Token.js.flow +25 -25
  276. package/components/Token/TokenRemoveIcon.js.flow +11 -11
  277. package/components/Token/index.js.flow +2 -2
  278. package/components/TokenInput/README.md +82 -82
  279. package/components/TokenInput/TextWidthHelper.js.flow +10 -10
  280. package/components/TokenInput/TokenInput.js.flow +39 -39
  281. package/components/TokenInput/TokenInputMenu.js.flow +17 -17
  282. package/components/TokenInput/TokenInputReducer.js.flow +63 -63
  283. package/components/TokenInput/index.js.flow +2 -2
  284. package/components/Tooltip/README.md +207 -207
  285. package/components/Tooltip/Tooltip.js.flow +33 -33
  286. package/components/Tooltip/index.js.flow +2 -2
  287. package/components/TooltipMenu/README.md +106 -106
  288. package/components/TooltipMenu/TooltipMenu.js.flow +19 -19
  289. package/components/TooltipMenu/index.js.flow +2 -2
  290. package/components/TopBar/ButtonItem.js.flow +22 -22
  291. package/components/TopBar/Divider.js.flow +5 -5
  292. package/components/TopBar/Item.js.flow +19 -19
  293. package/components/TopBar/Organizations.js.flow +16 -16
  294. package/components/TopBar/README.md +112 -112
  295. package/components/TopBar/TopBar.js.flow +53 -53
  296. package/components/TopBar/TopBarDropdown.js.flow +23 -23
  297. package/components/TopBar/TopBarEnd.js.flow +4 -4
  298. package/components/TopBar/TopBarLogout.js.flow +6 -6
  299. package/components/TopBar/TopBarStart.js.flow +4 -4
  300. package/components/TopBar/User.js.flow +9 -9
  301. package/components/TopBar/index.js.flow +2 -2
  302. package/components/ZIndex/ZIndex.js.flow +11 -11
  303. package/components/ZIndex/index.js.flow +2 -2
  304. package/components/__mocks__/react-addons-css-transition-group.js.map +1 -1
  305. package/components/all.js.flow +36 -36
  306. package/components/ensureOldIEClassName.js.flow +6 -6
  307. package/components/eventHandlers.js.flow +9 -9
  308. package/components/index.js.flow +2 -2
  309. package/components/internal/InputLikeText/InputLikeText.js.flow +24 -24
  310. package/components/internal/InputLikeText/index.js.flow +2 -2
  311. package/components/internal/InternalMenu/InternalMenu.js.flow +23 -23
  312. package/components/internal/InternalMenu/isActiveElement.js.flow +7 -7
  313. package/components/internal/MaskedInput/MaskedInput.js.flow +24 -24
  314. package/components/internal/MaskedInput/index.js.flow +2 -2
  315. package/components/internal/MockDate.js.flow +9 -9
  316. package/components/internal/PopupMenu/PopupMenu.js.flow +40 -40
  317. package/components/internal/PopupMenu/PopupMenuPositions.js.flow +4 -4
  318. package/components/internal/PopupMenu/index.js.flow +2 -2
  319. package/components/internal/PopupMenu/validatePositions.js.flow +4 -4
  320. package/components/internal/ResizeDetector/ResizeDetector.js.flow +8 -8
  321. package/components/internal/ResizeDetector/index.js.flow +2 -2
  322. package/components/internal/createPropsGetter.js.flow +8 -8
  323. package/components/internal/cross.js.flow +4 -4
  324. package/components/internal/currentEnvironment.js.flow +4 -4
  325. package/components/internal/extractKeyboardAction.js.flow +12 -12
  326. package/components/polyfillPlaceholder.js.flow +4 -4
  327. package/package.json +1 -4
  328. package/typings/console.d.ts +3 -3
  329. package/typings/event-types.d.ts +4 -4
  330. package/typings/fbjs.d.ts +4 -4
  331. package/typings/global.d.ts +6 -6
  332. package/typings/images.d.ts +1 -1
  333. package/typings/less.d.ts +4 -4
  334. package/typings/mocha/index.d.ts +2 -2
  335. package/typings/mockdate.d.ts +1 -1
  336. package/typings/normalize-wheel.d.ts +1 -1
  337. package/typings/raf.d.ts +1 -1
  338. package/typings/react-addons-css-transition-group.d.ts +1 -1
  339. package/typings/react-testing/index.d.ts +4 -4
  340. package/typings/react-testing/window.d.ts +5 -5
  341. package/typings/react.d.ts +8 -8
  342. package/typings/utility-types.d.ts +17 -17
@@ -1,46 +1,46 @@
1
- ```jsx
2
- let initialState = { opened: false };
3
-
4
- function renderSidePage() {
5
- return (
6
- <SidePage onClose={close} blockBackground>
7
- <SidePage.Header>Title</SidePage.Header>
8
- <SidePage.Body>
9
- <div
10
- style={{
11
- background: `repeating-linear-gradient(
12
- 60deg,
13
- #fafafa,
14
- #fafafa 20px,
15
- #dfdede 20px,
16
- #dfdede 40px
17
- )`,
18
- height: 600,
19
- padding: '20px 0',
20
- }}
21
- >
22
- <SidePage.Container>
23
- <p>Use rxjs operators with react hooks</p>
24
- </SidePage.Container>
25
- </div>
26
- </SidePage.Body>
27
- <SidePage.Footer panel>
28
- <Button onClick={close}>Close</Button>
29
- </SidePage.Footer>
30
- </SidePage>
31
- );
32
- }
33
-
34
- function open() {
35
- setState({ opened: true });
36
- }
37
-
38
- function close() {
39
- setState({ opened: false });
40
- }
41
-
42
- <div>
43
- {state.opened && renderSidePage()}
44
- <Button onClick={open}>Open</Button>
45
- </div>;
46
- ```
1
+ ```jsx
2
+ let initialState = { opened: false };
3
+
4
+ function renderSidePage() {
5
+ return (
6
+ <SidePage onClose={close} blockBackground>
7
+ <SidePage.Header>Title</SidePage.Header>
8
+ <SidePage.Body>
9
+ <div
10
+ style={{
11
+ background: `repeating-linear-gradient(
12
+ 60deg,
13
+ #fafafa,
14
+ #fafafa 20px,
15
+ #dfdede 20px,
16
+ #dfdede 40px
17
+ )`,
18
+ height: 600,
19
+ padding: '20px 0',
20
+ }}
21
+ >
22
+ <SidePage.Container>
23
+ <p>Use rxjs operators with react hooks</p>
24
+ </SidePage.Container>
25
+ </div>
26
+ </SidePage.Body>
27
+ <SidePage.Footer panel>
28
+ <Button onClick={close}>Close</Button>
29
+ </SidePage.Footer>
30
+ </SidePage>
31
+ );
32
+ }
33
+
34
+ function open() {
35
+ setState({ opened: true });
36
+ }
37
+
38
+ function close() {
39
+ setState({ opened: false });
40
+ }
41
+
42
+ <div>
43
+ {state.opened && renderSidePage()}
44
+ <Button onClick={open}>Open</Button>
45
+ </div>;
46
+ ```
@@ -1,34 +1,34 @@
1
- /* @flow */
2
- import SidePageContainer from './SidePageContainer';
3
- import SidePageHeader from './SidePageHeader';
4
- import SidePageBody from './SidePageBody';
5
- import SidePageFooter from './SidePageFooter';
6
-
7
- export type SidePageProps = {|
8
- blockBackground?: boolean,
9
- disableClose?: boolean,
10
- ignoreBackgroundClick?: boolean,
11
- width?: number,
12
- onClose?: () => void,
13
- fromLeft?: boolean,
14
- disableAnimations?: boolean,
15
- children?: React$Node,
16
- |};
17
-
18
- export type SidePageState = {|
19
- stackPosition?: number,
20
- hasMargin?: boolean,
21
- hasShadow?: boolean,
22
- hasBackground?: boolean,
23
- |};
24
-
25
- declare class SidePage extends React$Component<SidePageProps, SidePageState> {
26
- static Header: typeof SidePageHeader,
27
- static Body: typeof SidePageBody,
28
- static Footer: typeof SidePageFooter,
29
- static Container: typeof SidePageContainer,
30
-
31
- updateLayout: () => void,
32
- }
33
-
34
- export default SidePage;
1
+ /* @flow */
2
+ import SidePageContainer from './SidePageContainer';
3
+ import SidePageHeader from './SidePageHeader';
4
+ import SidePageBody from './SidePageBody';
5
+ import SidePageFooter from './SidePageFooter';
6
+
7
+ export type SidePageProps = {|
8
+ blockBackground?: boolean,
9
+ disableClose?: boolean,
10
+ ignoreBackgroundClick?: boolean,
11
+ width?: number,
12
+ onClose?: () => void,
13
+ fromLeft?: boolean,
14
+ disableAnimations?: boolean,
15
+ children?: React$Node,
16
+ |};
17
+
18
+ export type SidePageState = {|
19
+ stackPosition?: number,
20
+ hasMargin?: boolean,
21
+ hasShadow?: boolean,
22
+ hasBackground?: boolean,
23
+ |};
24
+
25
+ declare class SidePage extends React$Component<SidePageProps, SidePageState> {
26
+ static Header: typeof SidePageHeader,
27
+ static Body: typeof SidePageBody,
28
+ static Footer: typeof SidePageFooter,
29
+ static Container: typeof SidePageContainer,
30
+
31
+ updateLayout: () => void,
32
+ }
33
+
34
+ export default SidePage;
@@ -1 +1 @@
1
- {"version":3,"file":"SidePage.js","sourceRoot":"","sources":["SidePage.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SidePage.js","sourceRoot":"","sources":["SidePage.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,13 @@
1
- /* @flow */
2
- import type { SidePageContextType } from './SidePageContext';
3
-
4
- export type SidePageBodyProps = {|
5
- children?: React$Node,
6
- context?: SidePageContextType,
7
- |};
8
-
9
- declare export class SidePageBody extends React$Component<SidePageBodyProps> {}
10
-
11
- declare export var SidePageBodyWithContext: (props: SidePageBodyProps) => React$Node;
12
-
13
- export default SidePageBodyWithContext;
1
+ /* @flow */
2
+ import type { SidePageContextType } from './SidePageContext';
3
+
4
+ export type SidePageBodyProps = {|
5
+ children?: React$Node,
6
+ context?: SidePageContextType,
7
+ |};
8
+
9
+ declare export class SidePageBody extends React$Component<SidePageBodyProps> {}
10
+
11
+ declare export var SidePageBodyWithContext: (props: SidePageBodyProps) => React$Node;
12
+
13
+ export default SidePageBodyWithContext;
@@ -1,9 +1,9 @@
1
- /* @flow */
2
-
3
- type Props = {|
4
- children?: React$Node,
5
- |};
6
-
7
- declare class SidePageContainer extends React$Component<Props> {}
8
-
9
- export default SidePageContainer;
1
+ /* @flow */
2
+
3
+ type Props = {|
4
+ children?: React$Node,
5
+ |};
6
+
7
+ declare class SidePageContainer extends React$Component<Props> {}
8
+
9
+ export default SidePageContainer;
@@ -1,15 +1,15 @@
1
- /* @flow */
2
- import { SidePageFooter } from './SidePageFooter';
3
-
4
- export type SidePageContextType = {|
5
- requestClose: () => void,
6
- width: number | string,
7
- updateLayout: () => void,
8
- footerRef: (ref: SidePageFooter | null) => void,
9
- |};
10
-
11
- declare export var SidePageContext: React$Context<SidePageContextType>;
12
-
13
- declare export var withContext: <P: {}>(BaseComponent: React$ComponentType<P & {|
14
- context?: SidePageContextType | void,
15
- |}>) => (props: P) => React$Node;
1
+ /* @flow */
2
+ import { SidePageFooter } from './SidePageFooter';
3
+
4
+ export type SidePageContextType = {|
5
+ requestClose: () => void,
6
+ width: number | string,
7
+ updateLayout: () => void,
8
+ footerRef: (ref: SidePageFooter | null) => void,
9
+ |};
10
+
11
+ declare export var SidePageContext: React$Context<SidePageContextType>;
12
+
13
+ declare export var withContext: <P: {}>(BaseComponent: React$ComponentType<P & {|
14
+ context?: SidePageContextType | void,
15
+ |}>) => (props: P) => React$Node;
@@ -1,16 +1,16 @@
1
- /* @flow */
2
- import type { SidePageContextType } from './SidePageContext';
3
-
4
- export type SidePageFooterProps = {|
5
- children?: React$Node | ((fixed: boolean) => React$Node),
6
- context?: SidePageContextType,
7
- panel?: boolean,
8
- |};
9
-
10
- declare export class SidePageFooter extends React$Component<SidePageFooterProps> {
11
- update: () => void,
12
- }
13
-
14
- declare export var SidePageFooterWithContext: (props: SidePageFooterProps) => React$Node;
15
-
16
- export default SidePageFooterWithContext;
1
+ /* @flow */
2
+ import type { SidePageContextType } from './SidePageContext';
3
+
4
+ export type SidePageFooterProps = {|
5
+ children?: React$Node | ((fixed: boolean) => React$Node),
6
+ context?: SidePageContextType,
7
+ panel?: boolean,
8
+ |};
9
+
10
+ declare export class SidePageFooter extends React$Component<SidePageFooterProps> {
11
+ update: () => void,
12
+ }
13
+
14
+ declare export var SidePageFooterWithContext: (props: SidePageFooterProps) => React$Node;
15
+
16
+ export default SidePageFooterWithContext;
@@ -1,11 +1,11 @@
1
- /* @flow */
2
-
3
- export type SidePageHeaderProps = {|
4
- children?: React$Node | ((fixed: boolean) => React$Node),
5
- |};
6
-
7
- declare class SidePageHeader extends React$Component<SidePageHeaderProps> {
8
- renderClose(): React$Node,
9
- }
10
-
11
- export default SidePageHeader;
1
+ /* @flow */
2
+
3
+ export type SidePageHeaderProps = {|
4
+ children?: React$Node | ((fixed: boolean) => React$Node),
5
+ |};
6
+
7
+ declare class SidePageHeader extends React$Component<SidePageHeaderProps> {
8
+ renderClose(): React$Node,
9
+ }
10
+
11
+ export default SidePageHeader;
@@ -1,2 +1,2 @@
1
- /* @flow */
2
- export { default, SidePageProps, SidePageState } from './SidePage';
1
+ /* @flow */
2
+ export { default, SidePageProps, SidePageState } from './SidePage';
@@ -1,33 +1,33 @@
1
- ```js
2
- const { default: Gapped } = require('../Gapped');
3
- const reactNodeCaption = (
4
- <div>
5
- <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
6
- агрузка ...
7
- </div>
8
- );
9
-
10
- <Gapped>
11
- <Spinner type="big" caption="big" />
12
- <Spinner type="normal" caption="normal" />
13
- <Spinner type="mini" caption="mini" />
14
- <Spinner type="mini" dimmed caption="mini dimmed" />
15
- <Spinner type="big" caption={reactNodeCaption} />
16
- </Gapped>;
17
- ```
18
-
19
- #### Локали по умолчанию (см. `LocaleProvider`)
20
-
21
- ```typescript
22
- interface SpinnerLocale {
23
- loading?: React.ReactNode;
24
- }
25
-
26
- const ru_RU = {
27
- loading: 'Загрузка',
28
- };
29
-
30
- const en_GB = {
31
- loading: 'Loading',
32
- };
33
- ```
1
+ ```js
2
+ const { default: Gapped } = require('../Gapped');
3
+ const reactNodeCaption = (
4
+ <div>
5
+ <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
6
+ агрузка ...
7
+ </div>
8
+ );
9
+
10
+ <Gapped>
11
+ <Spinner type="big" caption="big" />
12
+ <Spinner type="normal" caption="normal" />
13
+ <Spinner type="mini" caption="mini" />
14
+ <Spinner type="mini" dimmed caption="mini dimmed" />
15
+ <Spinner type="big" caption={reactNodeCaption} />
16
+ </Gapped>;
17
+ ```
18
+
19
+ #### Локали по умолчанию (см. `LocaleProvider`)
20
+
21
+ ```typescript
22
+ interface SpinnerLocale {
23
+ loading?: React.ReactNode;
24
+ }
25
+
26
+ const ru_RU = {
27
+ loading: 'Загрузка',
28
+ };
29
+
30
+ const en_GB = {
31
+ loading: 'Loading',
32
+ };
33
+ ```
@@ -1,20 +1,20 @@
1
- /* @flow */
2
- import { types } from './settings';
3
-
4
- declare export var SpinnerConfig: {|
5
- hasSvgAnimationSupport: boolean,
6
- |};
7
-
8
- export type SpinnerType = 'mini' | 'normal' | 'big';
9
-
10
- export type SpinnerProps = {|
11
- caption?: React$Node,
12
- dimmed?: boolean,
13
- type?: SpinnerType,
14
- |};
15
-
16
- declare class Spinner extends React$Component<SpinnerProps> {
17
- static Types: typeof types;
18
- }
19
-
20
- export default Spinner;
1
+ /* @flow */
2
+ import { types } from './settings';
3
+
4
+ declare export var SpinnerConfig: {|
5
+ hasSvgAnimationSupport: boolean,
6
+ |};
7
+
8
+ export type SpinnerType = 'mini' | 'normal' | 'big';
9
+
10
+ export type SpinnerProps = {|
11
+ caption?: React$Node,
12
+ dimmed?: boolean,
13
+ type?: SpinnerType,
14
+ |};
15
+
16
+ declare class Spinner extends React$Component<SpinnerProps> {
17
+ static Types: typeof types;
18
+ }
19
+
20
+ export default Spinner;
@@ -1,15 +1,15 @@
1
- /* @flow */
2
- import type { SpinnerType } from '.';
3
-
4
- export type SpinnerFallbackProps = {|
5
- type: SpinnerType,
6
- dimmed?: boolean,
7
- |};
8
-
9
- export type SpinnerFallbackState = {|
10
- frame: number,
11
- |};
12
-
13
- declare class SpinnerFallback extends React$Component<SpinnerFallbackProps, SpinnerFallbackState> {}
14
-
15
- export default SpinnerFallback;
1
+ /* @flow */
2
+ import type { SpinnerType } from '.';
3
+
4
+ export type SpinnerFallbackProps = {|
5
+ type: SpinnerType,
6
+ dimmed?: boolean,
7
+ |};
8
+
9
+ export type SpinnerFallbackState = {|
10
+ frame: number,
11
+ |};
12
+
13
+ declare class SpinnerFallback extends React$Component<SpinnerFallbackProps, SpinnerFallbackState> {}
14
+
15
+ export default SpinnerFallback;
@@ -1,2 +1,2 @@
1
- /* @flow */
2
- export { default, SpinnerProps, SpinnerType } from './Spinner';
1
+ /* @flow */
2
+ export { default, SpinnerProps, SpinnerType } from './Spinner';
@@ -1,48 +1,48 @@
1
- /* @flow */
2
- import type { SpinnerType } from './Spinner';
3
-
4
- declare export var types: {
5
- [key: string]: SpinnerType,
6
- };
7
-
8
- declare export var sizeMaps: {
9
- [key: string]:
10
- | {|
11
- height: number,
12
- width: number,
13
- viewBox: void,
14
- strokeWidth: number,
15
- |}
16
- | {|
17
- height: number,
18
- width: number,
19
- viewBox: string,
20
- strokeWidth: number,
21
- |},
22
- };
23
-
24
- declare export function svgAnimateSupport(): boolean;
25
-
26
- declare var _default: {|
27
- types: {
28
- [key: string]: SpinnerType,
29
- },
30
- sizeMaps: {
31
- [key: string]:
32
- | {|
33
- height: number,
34
- width: number,
35
- viewBox: void,
36
- strokeWidth: number,
37
- |}
38
- | {|
39
- height: number,
40
- width: number,
41
- viewBox: string,
42
- strokeWidth: number,
43
- |},
44
- },
45
- svgAnimateSupport: typeof svgAnimateSupport,
46
- |};
47
-
48
- export default _default;
1
+ /* @flow */
2
+ import type { SpinnerType } from './Spinner';
3
+
4
+ declare export var types: {
5
+ [key: string]: SpinnerType,
6
+ };
7
+
8
+ declare export var sizeMaps: {
9
+ [key: string]:
10
+ | {|
11
+ height: number,
12
+ width: number,
13
+ viewBox: void,
14
+ strokeWidth: number,
15
+ |}
16
+ | {|
17
+ height: number,
18
+ width: number,
19
+ viewBox: string,
20
+ strokeWidth: number,
21
+ |},
22
+ };
23
+
24
+ declare export function svgAnimateSupport(): boolean;
25
+
26
+ declare var _default: {|
27
+ types: {
28
+ [key: string]: SpinnerType,
29
+ },
30
+ sizeMaps: {
31
+ [key: string]:
32
+ | {|
33
+ height: number,
34
+ width: number,
35
+ viewBox: void,
36
+ strokeWidth: number,
37
+ |}
38
+ | {|
39
+ height: number,
40
+ width: number,
41
+ viewBox: string,
42
+ strokeWidth: number,
43
+ |},
44
+ },
45
+ svgAnimateSupport: typeof svgAnimateSupport,
46
+ |};
47
+
48
+ export default _default;
@@ -1,27 +1,27 @@
1
- ```js
2
- const style = {
3
- padding: 10,
4
- background: '#f99',
5
- };
6
-
7
- let stop = null;
8
-
9
- <div>
10
- <Sticky side="top" getStop={() => stop}>
11
- {fixed => (
12
- <div style={style}>
13
- Small loan of a million dollars
14
- {fixed ? ' fixed' : <div>not fixed</div>}
15
- </div>
16
- )}
17
- </Sticky>
18
- Great
19
- <div style={{ height: 1000 }} />
20
- <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
21
- <div style={{ height: 1000 }} />
22
- <Sticky side="bottom" getStop={() => stop} offset={20}>
23
- <div style={style}>Make America Great Again</div>
24
- </Sticky>
25
- <div style={{ height: 100 }} />
26
- </div>;
27
- ```
1
+ ```js
2
+ const style = {
3
+ padding: 10,
4
+ background: '#f99',
5
+ };
6
+
7
+ let stop = null;
8
+
9
+ <div>
10
+ <Sticky side="top" getStop={() => stop}>
11
+ {fixed => (
12
+ <div style={style}>
13
+ Small loan of a million dollars
14
+ {fixed ? ' fixed' : <div>not fixed</div>}
15
+ </div>
16
+ )}
17
+ </Sticky>
18
+ Great
19
+ <div style={{ height: 1000 }} />
20
+ <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
21
+ <div style={{ height: 1000 }} />
22
+ <Sticky side="bottom" getStop={() => stop} offset={20}>
23
+ <div style={style}>Make America Great Again</div>
24
+ </Sticky>
25
+ <div style={{ height: 100 }} />
26
+ </div>;
27
+ ```