react-miui 0.28.2 → 0.29.0

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 (904) hide show
  1. package/.storybook/main.ts +14 -14
  2. package/.storybook/preview.tsx +17 -14
  3. package/CHANGELOG.md +27 -0
  4. package/README.md +1 -1
  5. package/dist/components/form/Checkbox.d.ts +8 -5
  6. package/dist/components/form/Checkbox.d.ts.map +1 -1
  7. package/dist/components/form/Checkbox.js +10 -4
  8. package/dist/components/form/Checkbox.js.map +1 -1
  9. package/dist/components/form/Checkbox.styled.js +1 -1
  10. package/dist/components/form/Checkbox.styled.js.map +1 -1
  11. package/dist/components/form/ColorPicker.d.ts +5 -3
  12. package/dist/components/form/ColorPicker.d.ts.map +1 -1
  13. package/dist/components/form/ColorPicker.js +8 -4
  14. package/dist/components/form/ColorPicker.js.map +1 -1
  15. package/dist/components/form/ColorPicker.styled.js +1 -1
  16. package/dist/components/form/ColorPicker.styled.js.map +1 -1
  17. package/dist/components/form/Label.d.ts +97 -6
  18. package/dist/components/form/Label.d.ts.map +1 -1
  19. package/dist/components/form/Label.js +42 -8
  20. package/dist/components/form/Label.js.map +1 -1
  21. package/dist/components/form/Select.d.ts +5 -1
  22. package/dist/components/form/Select.d.ts.map +1 -1
  23. package/dist/components/form/Select.js +1 -1
  24. package/dist/components/form/Select.js.map +1 -1
  25. package/dist/components/form/Toggle.d.ts +100 -5
  26. package/dist/components/form/Toggle.d.ts.map +1 -1
  27. package/dist/components/form/Toggle.js +8 -4
  28. package/dist/components/form/Toggle.js.map +1 -1
  29. package/dist/components/form/choice/Choice.d.ts +5 -4
  30. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  31. package/dist/components/form/choice/Choice.js +42 -8
  32. package/dist/components/form/choice/Choice.js.map +1 -1
  33. package/dist/components/form/choice/ChoiceItem.d.ts +5 -1
  34. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  35. package/dist/components/form/choice/ChoiceItem.js +3 -1
  36. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  37. package/dist/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  38. package/dist/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  39. package/dist/components/form/choice/ChoiceItem.styled.js +9 -0
  40. package/dist/components/form/choice/ChoiceItem.styled.js.map +1 -0
  41. package/dist/components/form/input/Input.css.d.ts +16 -16
  42. package/dist/components/form/input/Input.css.d.ts.map +1 -1
  43. package/dist/components/form/input/Input.css.js.map +1 -1
  44. package/dist/components/form/input/Input.d.ts +1 -1
  45. package/dist/components/form/input/Input.d.ts.map +1 -1
  46. package/dist/components/form/input/Input.js.map +1 -1
  47. package/dist/components/form/textarea/TextArea.d.ts +4 -2
  48. package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
  49. package/dist/components/form/textarea/TextArea.js +5 -3
  50. package/dist/components/form/textarea/TextArea.js.map +1 -1
  51. package/dist/components/icons/Battery.js +2 -2
  52. package/dist/components/icons/Battery.js.map +1 -1
  53. package/dist/components/icons/Checkmark.js +1 -1
  54. package/dist/components/icons/Checkmark.js.map +1 -1
  55. package/dist/components/icons/Config.js +1 -1
  56. package/dist/components/icons/Config.js.map +1 -1
  57. package/dist/components/icons/Dots.js +1 -1
  58. package/dist/components/icons/Dots.js.map +1 -1
  59. package/dist/components/icons/Heart.js +1 -1
  60. package/dist/components/icons/Heart.js.map +1 -1
  61. package/dist/components/icons/Trash.js +1 -1
  62. package/dist/components/icons/Trash.js.map +1 -1
  63. package/dist/components/layout/card/Card.d.ts +5 -9
  64. package/dist/components/layout/card/Card.d.ts.map +1 -1
  65. package/dist/components/layout/card/Card.js +2 -15
  66. package/dist/components/layout/card/Card.js.map +1 -1
  67. package/dist/components/layout/card/Card.styled.d.ts +87 -0
  68. package/dist/components/layout/card/Card.styled.d.ts.map +1 -0
  69. package/dist/components/layout/card/Card.styled.js +23 -0
  70. package/dist/components/layout/card/Card.styled.js.map +1 -0
  71. package/dist/components/layout/header/Header.d.ts +8 -3
  72. package/dist/components/layout/header/Header.d.ts.map +1 -1
  73. package/dist/components/layout/header/Header.js +46 -8
  74. package/dist/components/layout/header/Header.js.map +1 -1
  75. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  76. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  77. package/dist/components/layout/header/HeaderIconAction.styled.js +1 -1
  78. package/dist/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  79. package/dist/components/layout/header/StickyHeader.d.ts +1 -0
  80. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  81. package/dist/components/layout/header/StickyHeader.js +1 -1
  82. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  83. package/dist/components/layout/section/SearchContainer.d.ts +83 -6
  84. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -1
  85. package/dist/components/layout/section/SearchContainer.js +2 -9
  86. package/dist/components/layout/section/SearchContainer.js.map +1 -1
  87. package/dist/components/layout/section/Section.d.ts +86 -7
  88. package/dist/components/layout/section/Section.d.ts.map +1 -1
  89. package/dist/components/layout/section/Section.js +4 -2
  90. package/dist/components/layout/section/Section.js.map +1 -1
  91. package/dist/components/native/index.d.ts.map +1 -1
  92. package/dist/components/native/index.js +3 -1
  93. package/dist/components/native/index.js.map +1 -1
  94. package/dist/components/ui/action/Action.js.map +1 -1
  95. package/dist/components/ui/action/EqualActions.d.ts +4 -3
  96. package/dist/components/ui/action/EqualActions.d.ts.map +1 -1
  97. package/dist/components/ui/action/EqualActions.js +41 -10
  98. package/dist/components/ui/action/EqualActions.js.map +1 -1
  99. package/dist/components/ui/action/EqualActions.styled.d.ts +87 -0
  100. package/dist/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  101. package/dist/components/ui/action/EqualActions.styled.js +20 -0
  102. package/dist/components/ui/action/EqualActions.styled.js.map +1 -0
  103. package/dist/components/ui/directionPad/Button.d.ts +6 -4
  104. package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
  105. package/dist/components/ui/directionPad/Button.js +44 -10
  106. package/dist/components/ui/directionPad/Button.js.map +1 -1
  107. package/dist/components/ui/directionPad/Button.styled.d.ts +168 -0
  108. package/dist/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  109. package/dist/components/ui/directionPad/Button.styled.js +24 -0
  110. package/dist/components/ui/directionPad/Button.styled.js.map +1 -0
  111. package/dist/components/ui/directionPad/Middle.d.ts +4 -3
  112. package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
  113. package/dist/components/ui/directionPad/Middle.js +40 -8
  114. package/dist/components/ui/directionPad/Middle.js.map +1 -1
  115. package/dist/components/ui/directionPad/Middle.styled.d.ts +85 -0
  116. package/dist/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  117. package/dist/components/ui/directionPad/Middle.styled.js +19 -0
  118. package/dist/components/ui/directionPad/Middle.styled.js.map +1 -0
  119. package/dist/components/ui/directionPad/Pad.d.ts +9 -4
  120. package/dist/components/ui/directionPad/Pad.d.ts.map +1 -1
  121. package/dist/components/ui/directionPad/Pad.js +51 -13
  122. package/dist/components/ui/directionPad/Pad.js.map +1 -1
  123. package/dist/components/ui/directionPad/Pad.styled.d.ts +168 -0
  124. package/dist/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  125. package/dist/components/ui/directionPad/Pad.styled.js +21 -0
  126. package/dist/components/ui/directionPad/Pad.styled.js.map +1 -0
  127. package/dist/components/ui/drawer/Drawer.d.ts +7 -18
  128. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  129. package/dist/components/ui/drawer/Drawer.js +38 -56
  130. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  131. package/dist/components/ui/drawer/Drawer.styled.d.ts +168 -0
  132. package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  133. package/dist/components/ui/drawer/Drawer.styled.js +21 -0
  134. package/dist/components/ui/drawer/Drawer.styled.js.map +1 -0
  135. package/dist/components/ui/keyValue/KeyValue.d.ts +10 -4
  136. package/dist/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  137. package/dist/components/ui/keyValue/KeyValue.js +64 -22
  138. package/dist/components/ui/keyValue/KeyValue.js.map +1 -1
  139. package/dist/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  140. package/dist/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  141. package/dist/components/ui/keyValue/KeyValue.styled.js +63 -0
  142. package/dist/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  143. package/dist/components/ui/loader/PopLoader.js +1 -1
  144. package/dist/components/ui/loader/PopLoader.js.map +1 -1
  145. package/dist/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  146. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  147. package/dist/components/ui/modal/ModalButtons.styled.js +4 -2
  148. package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
  149. package/dist/components/ui/pop/OnButtonClick.js +1 -1
  150. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  151. package/dist/components/ui/pop/Pop.d.ts.map +1 -1
  152. package/dist/components/ui/pop/Pop.js +4 -0
  153. package/dist/components/ui/pop/Pop.js.map +1 -1
  154. package/dist/components/ui/pop/Pop.styled.js +1 -1
  155. package/dist/components/ui/pop/Pop.styled.js.map +1 -1
  156. package/dist/components/ui/progress/Progress.d.ts +6 -4
  157. package/dist/components/ui/progress/Progress.d.ts.map +1 -1
  158. package/dist/components/ui/progress/Progress.js +45 -8
  159. package/dist/components/ui/progress/Progress.js.map +1 -1
  160. package/dist/components/ui/stats/Stats.d.ts +14 -8
  161. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  162. package/dist/components/ui/stats/Stats.js +64 -16
  163. package/dist/components/ui/stats/Stats.js.map +1 -1
  164. package/dist/components/ui/stats/Stats.styled.d.ts +419 -0
  165. package/dist/components/ui/stats/Stats.styled.d.ts.map +1 -0
  166. package/dist/components/ui/stats/Stats.styled.js +56 -0
  167. package/dist/components/ui/stats/Stats.styled.js.map +1 -0
  168. package/dist/components/ui/tabs/Item.d.ts +8 -4
  169. package/dist/components/ui/tabs/Item.d.ts.map +1 -1
  170. package/dist/components/ui/tabs/Item.js +5 -10
  171. package/dist/components/ui/tabs/Item.js.map +1 -1
  172. package/dist/components/ui/tabs/Item.styled.d.ts +4 -0
  173. package/dist/components/ui/tabs/Item.styled.d.ts.map +1 -0
  174. package/dist/components/ui/tabs/Item.styled.js +20 -0
  175. package/dist/components/ui/tabs/Item.styled.js.map +1 -0
  176. package/dist/components/ui/tabs/Selector.d.ts +7 -5
  177. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  178. package/dist/components/ui/tabs/Selector.js +11 -11
  179. package/dist/components/ui/tabs/Selector.js.map +1 -1
  180. package/dist/components/ui/tabs/Selector.styled.d.ts +2 -0
  181. package/dist/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  182. package/dist/components/ui/tabs/Selector.styled.js +14 -0
  183. package/dist/components/ui/tabs/Selector.styled.js.map +1 -0
  184. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  185. package/dist/components/ui/toaster/Toaster.js +1 -0
  186. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  187. package/dist/components/utils/Gap.d.ts +87 -0
  188. package/dist/components/utils/Gap.d.ts.map +1 -0
  189. package/dist/components/utils/Gap.js +18 -0
  190. package/dist/components/utils/Gap.js.map +1 -0
  191. package/dist/index.d.ts +2 -0
  192. package/dist/index.d.ts.map +1 -1
  193. package/dist/index.js +4 -1
  194. package/dist/index.js.map +1 -1
  195. package/dist/scrollbars.css.d.ts.map +1 -1
  196. package/dist/scrollbars.css.js +2 -2
  197. package/dist/scrollbars.css.js.map +1 -1
  198. package/dist/theme.css-global.d.ts +3 -0
  199. package/dist/theme.css-global.d.ts.map +1 -0
  200. package/dist/theme.css-global.js +19 -0
  201. package/dist/theme.css-global.js.map +1 -0
  202. package/dist/theme.css-reset.d.ts.map +1 -1
  203. package/dist/theme.css-reset.js +2 -4
  204. package/dist/theme.css-reset.js.map +1 -1
  205. package/dist/theme.d.ts +2 -2
  206. package/dist/utils/index.d.ts +0 -1
  207. package/dist/utils/index.d.ts.map +1 -1
  208. package/dist/utils/index.js +0 -1
  209. package/dist/utils/index.js.map +1 -1
  210. package/docs/assets/hierarchy.js +1 -0
  211. package/docs/assets/highlight.css +21 -0
  212. package/docs/assets/icons.js +18 -0
  213. package/docs/assets/icons.svg +1 -0
  214. package/docs/assets/main.js +5 -3
  215. package/docs/assets/navigation.js +1 -0
  216. package/docs/assets/search.js +1 -1
  217. package/docs/assets/style.css +1467 -1136
  218. package/docs/classes/index.Pop.html +123 -0
  219. package/docs/classes/index.ToasterProvider.html +120 -0
  220. package/docs/documents/Test.html +2 -0
  221. package/docs/enums/index.ICON.html +10 -0
  222. package/docs/functions/index.Action.html +31 -0
  223. package/docs/functions/index.Button.html +16 -0
  224. package/docs/functions/index.Card.html +15 -0
  225. package/docs/functions/index.Checkbox.html +11 -0
  226. package/docs/functions/index.Choice.html +10 -0
  227. package/docs/functions/index.ColorPicker.html +11 -0
  228. package/docs/functions/index.CoveringLoader.html +31 -0
  229. package/docs/functions/index.DirectionPad.html +10 -0
  230. package/docs/functions/index.Drawer.html +10 -0
  231. package/docs/functions/index.EqualActions.html +10 -0
  232. package/docs/functions/index.FullLoader.html +30 -0
  233. package/docs/functions/index.Gap.html +15 -0
  234. package/docs/functions/index.HandleEsc.html +29 -0
  235. package/docs/functions/index.Header.html +14 -0
  236. package/docs/functions/index.HeaderIconAction.html +31 -0
  237. package/docs/functions/index.Icon-1.html +29 -0
  238. package/docs/functions/index.If.html +29 -0
  239. package/docs/functions/index.Input.html +1 -0
  240. package/docs/functions/index.KeyValue.html +10 -0
  241. package/docs/functions/index.Label.html +10 -0
  242. package/docs/functions/index.Line.html +16 -0
  243. package/docs/functions/index.List.html +40 -0
  244. package/docs/functions/index.Loader.html +32 -0
  245. package/docs/functions/index.Loading.html +34 -0
  246. package/docs/functions/index.Message.html +16 -0
  247. package/docs/functions/index.Modal.html +30 -0
  248. package/docs/functions/index.ModalButtons.html +16 -0
  249. package/docs/functions/index.PopLoader.html +32 -0
  250. package/docs/functions/index.PopOption.html +29 -0
  251. package/docs/functions/index.Progress.html +11 -0
  252. package/docs/functions/index.SearchContainer.html +15 -0
  253. package/docs/functions/index.Section.html +19 -0
  254. package/docs/functions/index.Select.html +15 -0
  255. package/docs/functions/index.Selector.html +10 -0
  256. package/docs/functions/index.Spacer.html +15 -0
  257. package/docs/functions/index.Stats.html +10 -0
  258. package/docs/functions/index.StickyHeader.html +15 -0
  259. package/docs/functions/index.Table.html +15 -0
  260. package/docs/functions/index.TextArea.html +10 -0
  261. package/docs/functions/index.Toggle.html +13 -0
  262. package/docs/functions/index.ToolButton.html +16 -0
  263. package/docs/functions/index.borderPxToRem.html +1 -0
  264. package/docs/functions/index.createTheme.html +1 -0
  265. package/docs/functions/index.css.html +1 -0
  266. package/docs/functions/index.dimensionsPxToRem.html +1 -0
  267. package/docs/functions/index.fontPxToRem.html +1 -0
  268. package/docs/functions/index.getCssText.html +1 -0
  269. package/docs/functions/index.globalCss.html +3 -0
  270. package/docs/functions/index.injectGlobalStyles.html +1 -0
  271. package/docs/functions/index.keyframes.html +1 -0
  272. package/docs/functions/index.pxToRem.html +1 -0
  273. package/docs/functions/index.styled.html +1 -0
  274. package/docs/functions/index.useToaster.html +1 -0
  275. package/docs/index.html +6 -116
  276. package/docs/interfaces/index.IconProps.html +3 -0
  277. package/docs/interfaces/index.InputCustomProps.html +7 -0
  278. package/docs/interfaces/index.StickyHeaderProps.html +9 -0
  279. package/docs/modules/index.html +1 -0
  280. package/docs/modules.html +1 -205
  281. package/docs/types/index.ActionProps.html +1 -0
  282. package/docs/types/index.CardProps.html +1 -0
  283. package/docs/types/index.CheckboxProps.html +2 -0
  284. package/docs/types/index.ChoiceProps.html +1 -0
  285. package/docs/types/index.ColorPickerProps.html +1 -0
  286. package/docs/types/index.DirectionPadProps.html +1 -0
  287. package/docs/types/index.DrawerProps.html +1 -0
  288. package/docs/types/index.EqualActionsProps.html +1 -0
  289. package/docs/types/index.HeaderProps.html +1 -0
  290. package/docs/types/index.InputProps.html +1 -0
  291. package/docs/types/index.KeyValueProps.html +1 -0
  292. package/docs/types/index.LabelProps.html +1 -0
  293. package/docs/types/index.OverwriteProps.html +1 -0
  294. package/docs/types/index.ProgressProps.html +5 -0
  295. package/docs/types/index.SelectProps.html +1 -0
  296. package/docs/types/index.SelectorProps.html +1 -0
  297. package/docs/types/index.Stat.html +1 -0
  298. package/docs/types/index.StatsProps.html +1 -0
  299. package/docs/types/index.TextAreaProps.html +1 -0
  300. package/docs/types/index.ThemeCSS.html +1 -0
  301. package/docs/types/index.ToggleProps.html +4 -0
  302. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -0
  303. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -0
  304. package/docs/variables/index.ChoiceItemSelector.html +1 -0
  305. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -0
  306. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -0
  307. package/docs/variables/index.DirectionPadButtonSelector.html +1 -0
  308. package/docs/variables/index.DirectionPadLineSelector.html +1 -0
  309. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -0
  310. package/docs/variables/index.DrawerContentSelector.html +1 -0
  311. package/docs/variables/index.HeaderAfterSelector.html +1 -0
  312. package/docs/variables/index.HeaderBeforeSelector.html +1 -0
  313. package/docs/variables/index.HeaderContentsSelector.html +1 -0
  314. package/docs/variables/index.KeyValueIconSelector.html +1 -0
  315. package/docs/variables/index.KeyValueItemSelector.html +1 -0
  316. package/docs/variables/index.KeyValueKeySelector.html +1 -0
  317. package/docs/variables/index.KeyValuePairSelector.html +1 -0
  318. package/docs/variables/index.KeyValueValueSelector.html +1 -0
  319. package/docs/variables/index.LabelTextSelector.html +1 -0
  320. package/docs/variables/index.ProgressBackgroundSelector.html +1 -0
  321. package/docs/variables/index.ProgressValueSelector.html +1 -0
  322. package/docs/variables/index.SelectorItemSelector.html +1 -0
  323. package/docs/variables/index.StatsItemSelector.html +1 -0
  324. package/docs/variables/index.StatsLabelSelector.html +1 -0
  325. package/docs/variables/index.StatsSeparatorSelector.html +1 -0
  326. package/docs/variables/index.StatsValueSelector.html +1 -0
  327. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -0
  328. package/docs/variables/index.config.html +1 -0
  329. package/docs/variables/index.cssReset.html +2 -0
  330. package/docs/variables/index.miuiScrollbars.html +1 -0
  331. package/docs/variables/index.theme.html +1 -0
  332. package/esm/components/form/Checkbox.d.ts +8 -5
  333. package/esm/components/form/Checkbox.d.ts.map +1 -1
  334. package/esm/components/form/Checkbox.js +9 -5
  335. package/esm/components/form/Checkbox.js.map +1 -1
  336. package/esm/components/form/Checkbox.stories.d.ts +1 -1
  337. package/esm/components/form/Checkbox.stories.d.ts.map +1 -1
  338. package/esm/components/form/Checkbox.styled.js +1 -1
  339. package/esm/components/form/Checkbox.styled.js.map +1 -1
  340. package/esm/components/form/ColorPicker.d.ts +5 -3
  341. package/esm/components/form/ColorPicker.d.ts.map +1 -1
  342. package/esm/components/form/ColorPicker.js +8 -5
  343. package/esm/components/form/ColorPicker.js.map +1 -1
  344. package/esm/components/form/ColorPicker.stories.d.ts +1 -1
  345. package/esm/components/form/ColorPicker.stories.d.ts.map +1 -1
  346. package/esm/components/form/ColorPicker.styled.js +1 -1
  347. package/esm/components/form/ColorPicker.styled.js.map +1 -1
  348. package/esm/components/form/Label.d.ts +97 -6
  349. package/esm/components/form/Label.d.ts.map +1 -1
  350. package/esm/components/form/Label.js +8 -5
  351. package/esm/components/form/Label.js.map +1 -1
  352. package/esm/components/form/Label.stories.d.ts +1 -1
  353. package/esm/components/form/Label.stories.d.ts.map +1 -1
  354. package/esm/components/form/Select.d.ts +5 -1
  355. package/esm/components/form/Select.d.ts.map +1 -1
  356. package/esm/components/form/Select.js +2 -1
  357. package/esm/components/form/Select.js.map +1 -1
  358. package/esm/components/form/Select.stories.d.ts +1 -1
  359. package/esm/components/form/Select.stories.d.ts.map +1 -1
  360. package/esm/components/form/Toggle.d.ts +100 -5
  361. package/esm/components/form/Toggle.d.ts.map +1 -1
  362. package/esm/components/form/Toggle.js +8 -5
  363. package/esm/components/form/Toggle.js.map +1 -1
  364. package/esm/components/form/Toggle.stories.d.ts +1 -1
  365. package/esm/components/form/Toggle.stories.d.ts.map +1 -1
  366. package/esm/components/form/choice/Choice.d.ts +5 -4
  367. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  368. package/esm/components/form/choice/Choice.js +8 -5
  369. package/esm/components/form/choice/Choice.js.map +1 -1
  370. package/esm/components/form/choice/Choice.stories.d.ts +1 -1
  371. package/esm/components/form/choice/Choice.stories.d.ts.map +1 -1
  372. package/esm/components/form/choice/ChoiceItem.d.ts +5 -1
  373. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  374. package/esm/components/form/choice/ChoiceItem.js +3 -1
  375. package/esm/components/form/choice/ChoiceItem.js.map +1 -1
  376. package/esm/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  377. package/esm/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  378. package/esm/components/form/choice/ChoiceItem.styled.js +6 -0
  379. package/esm/components/form/choice/ChoiceItem.styled.js.map +1 -0
  380. package/esm/components/form/input/Input.css.d.ts +16 -16
  381. package/esm/components/form/input/Input.css.d.ts.map +1 -1
  382. package/esm/components/form/input/Input.css.js.map +1 -1
  383. package/esm/components/form/input/Input.d.ts +1 -1
  384. package/esm/components/form/input/Input.d.ts.map +1 -1
  385. package/esm/components/form/input/Input.js.map +1 -1
  386. package/esm/components/form/input/Input.stories.d.ts +1 -1
  387. package/esm/components/form/input/Input.stories.d.ts.map +1 -1
  388. package/esm/components/form/input/Input.stories.js +3 -2
  389. package/esm/components/form/input/Input.stories.js.map +1 -1
  390. package/esm/components/form/textarea/TextArea.d.ts +4 -2
  391. package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
  392. package/esm/components/form/textarea/TextArea.js +7 -5
  393. package/esm/components/form/textarea/TextArea.js.map +1 -1
  394. package/esm/components/form/textarea/TextArea.stories.d.ts +1 -1
  395. package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -1
  396. package/esm/components/icons/Battery.js +2 -2
  397. package/esm/components/icons/Battery.js.map +1 -1
  398. package/esm/components/icons/Checkmark.js +1 -1
  399. package/esm/components/icons/Checkmark.js.map +1 -1
  400. package/esm/components/icons/Config.js +1 -1
  401. package/esm/components/icons/Config.js.map +1 -1
  402. package/esm/components/icons/Dots.js +1 -1
  403. package/esm/components/icons/Dots.js.map +1 -1
  404. package/esm/components/icons/Heart.js +1 -1
  405. package/esm/components/icons/Heart.js.map +1 -1
  406. package/esm/components/icons/Icon.stories.d.ts +10 -0
  407. package/esm/components/icons/Icon.stories.d.ts.map +1 -0
  408. package/esm/components/icons/Icon.stories.js +49 -0
  409. package/esm/components/icons/Icon.stories.js.map +1 -0
  410. package/esm/components/icons/Trash.js +1 -1
  411. package/esm/components/icons/Trash.js.map +1 -1
  412. package/esm/components/layout/card/Card.d.ts +5 -9
  413. package/esm/components/layout/card/Card.d.ts.map +1 -1
  414. package/esm/components/layout/card/Card.js +2 -12
  415. package/esm/components/layout/card/Card.js.map +1 -1
  416. package/esm/components/layout/card/Card.stories.d.ts +11 -0
  417. package/esm/components/layout/card/Card.stories.d.ts.map +1 -0
  418. package/esm/components/layout/card/Card.stories.js +39 -0
  419. package/esm/components/layout/card/Card.stories.js.map +1 -0
  420. package/esm/components/layout/card/Card.styled.d.ts +87 -0
  421. package/esm/components/layout/card/Card.styled.d.ts.map +1 -0
  422. package/esm/components/layout/card/Card.styled.js +20 -0
  423. package/esm/components/layout/card/Card.styled.js.map +1 -0
  424. package/esm/components/layout/header/Header.d.ts +8 -3
  425. package/esm/components/layout/header/Header.d.ts.map +1 -1
  426. package/esm/components/layout/header/Header.js +10 -5
  427. package/esm/components/layout/header/Header.js.map +1 -1
  428. package/esm/components/layout/header/Header.stories.d.ts +1 -1
  429. package/esm/components/layout/header/Header.stories.d.ts.map +1 -1
  430. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  431. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  432. package/esm/components/layout/header/HeaderIconAction.stories.d.ts +1 -1
  433. package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +1 -1
  434. package/esm/components/layout/header/HeaderIconAction.styled.js +2 -2
  435. package/esm/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  436. package/esm/components/layout/header/StickyHeader.d.ts +1 -0
  437. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  438. package/esm/components/layout/header/StickyHeader.js +1 -1
  439. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  440. package/esm/components/layout/header/StickyHeader.stories.d.ts +1 -1
  441. package/esm/components/layout/header/StickyHeader.stories.d.ts.map +1 -1
  442. package/esm/components/layout/list/Header.stories.d.ts +1 -1
  443. package/esm/components/layout/list/Header.stories.d.ts.map +1 -1
  444. package/esm/components/layout/list/Item.stories.d.ts +1 -1
  445. package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
  446. package/esm/components/layout/list/Item.stories.js +0 -2
  447. package/esm/components/layout/list/Item.stories.js.map +1 -1
  448. package/esm/components/layout/list/Label.stories.d.ts +1 -1
  449. package/esm/components/layout/list/Label.stories.d.ts.map +1 -1
  450. package/esm/components/layout/list/List.stories.d.ts +1 -1
  451. package/esm/components/layout/list/List.stories.d.ts.map +1 -1
  452. package/esm/components/layout/list/Value.stories.d.ts +1 -1
  453. package/esm/components/layout/list/Value.stories.d.ts.map +1 -1
  454. package/esm/components/layout/section/SearchContainer.d.ts +83 -6
  455. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -1
  456. package/esm/components/layout/section/SearchContainer.js +2 -6
  457. package/esm/components/layout/section/SearchContainer.js.map +1 -1
  458. package/esm/components/layout/section/Section.d.ts +86 -7
  459. package/esm/components/layout/section/Section.d.ts.map +1 -1
  460. package/esm/components/layout/section/Section.js +4 -2
  461. package/esm/components/layout/section/Section.js.map +1 -1
  462. package/esm/components/layout/section/Section.stories.d.ts +1 -1
  463. package/esm/components/layout/section/Section.stories.d.ts.map +1 -1
  464. package/esm/components/layout/table/Table.stories.d.ts +1 -1
  465. package/esm/components/layout/table/Table.stories.d.ts.map +1 -1
  466. package/esm/components/native/index.d.ts.map +1 -1
  467. package/esm/components/native/index.js +3 -1
  468. package/esm/components/native/index.js.map +1 -1
  469. package/esm/components/ui/action/Action.js.map +1 -1
  470. package/esm/components/ui/action/Action.stories.d.ts +1 -1
  471. package/esm/components/ui/action/Action.stories.d.ts.map +1 -1
  472. package/esm/components/ui/action/EqualActions.d.ts +4 -3
  473. package/esm/components/ui/action/EqualActions.d.ts.map +1 -1
  474. package/esm/components/ui/action/EqualActions.js +8 -7
  475. package/esm/components/ui/action/EqualActions.js.map +1 -1
  476. package/esm/components/ui/action/EqualActions.stories.d.ts +10 -0
  477. package/esm/components/ui/action/EqualActions.stories.d.ts.map +1 -0
  478. package/esm/components/ui/action/EqualActions.stories.js +38 -0
  479. package/esm/components/ui/action/EqualActions.stories.js.map +1 -0
  480. package/esm/components/ui/action/EqualActions.styled.d.ts +87 -0
  481. package/esm/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  482. package/esm/components/ui/action/EqualActions.styled.js +17 -0
  483. package/esm/components/ui/action/EqualActions.styled.js.map +1 -0
  484. package/esm/components/ui/button/Button.stories.d.ts +1 -1
  485. package/esm/components/ui/button/Button.stories.d.ts.map +1 -1
  486. package/esm/components/ui/directionPad/Button.d.ts +6 -4
  487. package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
  488. package/esm/components/ui/directionPad/Button.js +10 -7
  489. package/esm/components/ui/directionPad/Button.js.map +1 -1
  490. package/esm/components/ui/directionPad/Button.styled.d.ts +168 -0
  491. package/esm/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  492. package/esm/components/ui/directionPad/Button.styled.js +20 -0
  493. package/esm/components/ui/directionPad/Button.styled.js.map +1 -0
  494. package/esm/components/ui/directionPad/Middle.d.ts +4 -3
  495. package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
  496. package/esm/components/ui/directionPad/Middle.js +7 -5
  497. package/esm/components/ui/directionPad/Middle.js.map +1 -1
  498. package/esm/components/ui/directionPad/Middle.styled.d.ts +85 -0
  499. package/esm/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  500. package/esm/components/ui/directionPad/Middle.styled.js +16 -0
  501. package/esm/components/ui/directionPad/Middle.styled.js.map +1 -0
  502. package/esm/components/ui/directionPad/Pad.d.ts +9 -4
  503. package/esm/components/ui/directionPad/Pad.d.ts.map +1 -1
  504. package/esm/components/ui/directionPad/Pad.js +15 -11
  505. package/esm/components/ui/directionPad/Pad.js.map +1 -1
  506. package/esm/components/ui/directionPad/Pad.stories.d.ts +10 -0
  507. package/esm/components/ui/directionPad/Pad.stories.d.ts.map +1 -0
  508. package/esm/components/ui/directionPad/Pad.stories.js +79 -0
  509. package/esm/components/ui/directionPad/Pad.stories.js.map +1 -0
  510. package/esm/components/ui/directionPad/Pad.styled.d.ts +168 -0
  511. package/esm/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  512. package/esm/components/ui/directionPad/Pad.styled.js +17 -0
  513. package/esm/components/ui/directionPad/Pad.styled.js.map +1 -0
  514. package/esm/components/ui/drawer/Drawer.d.ts +7 -18
  515. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  516. package/esm/components/ui/drawer/Drawer.js +38 -54
  517. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  518. package/esm/components/ui/drawer/Drawer.stories.d.ts +11 -0
  519. package/esm/components/ui/drawer/Drawer.stories.d.ts.map +1 -0
  520. package/esm/components/ui/drawer/Drawer.stories.js +101 -0
  521. package/esm/components/ui/drawer/Drawer.stories.js.map +1 -0
  522. package/esm/components/ui/drawer/Drawer.styled.d.ts +168 -0
  523. package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  524. package/esm/components/ui/drawer/Drawer.styled.js +17 -0
  525. package/esm/components/ui/drawer/Drawer.styled.js.map +1 -0
  526. package/esm/components/ui/keyValue/KeyValue.d.ts +10 -4
  527. package/esm/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  528. package/esm/components/ui/keyValue/KeyValue.js +26 -19
  529. package/esm/components/ui/keyValue/KeyValue.js.map +1 -1
  530. package/esm/components/ui/keyValue/KeyValue.stories.d.ts +11 -0
  531. package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +1 -0
  532. package/esm/components/ui/keyValue/KeyValue.stories.js +98 -0
  533. package/esm/components/ui/keyValue/KeyValue.stories.js.map +1 -0
  534. package/esm/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  535. package/esm/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  536. package/esm/components/ui/keyValue/KeyValue.styled.js +55 -0
  537. package/esm/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  538. package/esm/components/ui/line/Line.stories.d.ts +1 -1
  539. package/esm/components/ui/line/Line.stories.d.ts.map +1 -1
  540. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
  541. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
  542. package/esm/components/ui/loader/FullLoader.stories.d.ts +1 -1
  543. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
  544. package/esm/components/ui/loader/Loader.stories.d.ts +1 -1
  545. package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -1
  546. package/esm/components/ui/loader/Loading.stories.d.ts +1 -1
  547. package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -1
  548. package/esm/components/ui/loader/PopLoader.js +1 -1
  549. package/esm/components/ui/loader/PopLoader.js.map +1 -1
  550. package/esm/components/ui/loader/PopLoader.stories.d.ts +1 -1
  551. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
  552. package/esm/components/ui/message/Message.stories.d.ts +1 -1
  553. package/esm/components/ui/message/Message.stories.d.ts.map +1 -1
  554. package/esm/components/ui/modal/Modal.stories.d.ts +1 -1
  555. package/esm/components/ui/modal/Modal.stories.d.ts.map +1 -1
  556. package/esm/components/ui/modal/ModalButtons.stories.d.ts +1 -1
  557. package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
  558. package/esm/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  559. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  560. package/esm/components/ui/modal/ModalButtons.styled.js +4 -2
  561. package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
  562. package/esm/components/ui/pop/OnButtonClick.js +1 -1
  563. package/esm/components/ui/pop/OnButtonClick.js.map +1 -1
  564. package/esm/components/ui/pop/Pop.d.ts.map +1 -1
  565. package/esm/components/ui/pop/Pop.js +4 -0
  566. package/esm/components/ui/pop/Pop.js.map +1 -1
  567. package/esm/components/ui/pop/Pop.stories.d.ts +1 -1
  568. package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -1
  569. package/esm/components/ui/pop/Pop.styled.js +1 -1
  570. package/esm/components/ui/pop/Pop.styled.js.map +1 -1
  571. package/esm/components/ui/progress/Progress.d.ts +6 -4
  572. package/esm/components/ui/progress/Progress.d.ts.map +1 -1
  573. package/esm/components/ui/progress/Progress.js +10 -5
  574. package/esm/components/ui/progress/Progress.js.map +1 -1
  575. package/esm/components/ui/progress/Progress.stories.d.ts +1 -1
  576. package/esm/components/ui/progress/Progress.stories.d.ts.map +1 -1
  577. package/esm/components/ui/progress/Progress.stories.js.map +1 -1
  578. package/esm/components/ui/stats/Stats.d.ts +14 -8
  579. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  580. package/esm/components/ui/stats/Stats.js +16 -14
  581. package/esm/components/ui/stats/Stats.js.map +1 -1
  582. package/esm/components/ui/stats/Stats.stories.d.ts +11 -0
  583. package/esm/components/ui/stats/Stats.stories.d.ts.map +1 -0
  584. package/esm/components/ui/stats/Stats.stories.js +104 -0
  585. package/esm/components/ui/stats/Stats.stories.js.map +1 -0
  586. package/esm/components/ui/stats/Stats.styled.d.ts +419 -0
  587. package/esm/components/ui/stats/Stats.styled.d.ts.map +1 -0
  588. package/esm/components/ui/stats/Stats.styled.js +49 -0
  589. package/esm/components/ui/stats/Stats.styled.js.map +1 -0
  590. package/esm/components/ui/tabs/Item.d.ts +8 -4
  591. package/esm/components/ui/tabs/Item.d.ts.map +1 -1
  592. package/esm/components/ui/tabs/Item.js +5 -7
  593. package/esm/components/ui/tabs/Item.js.map +1 -1
  594. package/esm/components/ui/tabs/Item.styled.d.ts +4 -0
  595. package/esm/components/ui/tabs/Item.styled.d.ts.map +1 -0
  596. package/esm/components/ui/tabs/Item.styled.js +17 -0
  597. package/esm/components/ui/tabs/Item.styled.js.map +1 -0
  598. package/esm/components/ui/tabs/Selector.d.ts +7 -5
  599. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  600. package/esm/components/ui/tabs/Selector.js +9 -7
  601. package/esm/components/ui/tabs/Selector.js.map +1 -1
  602. package/esm/components/ui/tabs/Selector.stories.d.ts +10 -0
  603. package/esm/components/ui/tabs/Selector.stories.d.ts.map +1 -0
  604. package/esm/components/ui/tabs/Selector.stories.js +72 -0
  605. package/esm/components/ui/tabs/Selector.stories.js.map +1 -0
  606. package/esm/components/ui/tabs/Selector.styled.d.ts +2 -0
  607. package/esm/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  608. package/esm/components/ui/tabs/Selector.styled.js +11 -0
  609. package/esm/components/ui/tabs/Selector.styled.js.map +1 -0
  610. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  611. package/esm/components/ui/toaster/Toaster.js +1 -0
  612. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  613. package/esm/components/ui/toaster/Toaster.stories.d.ts +1 -1
  614. package/esm/components/ui/toaster/Toaster.stories.d.ts.map +1 -1
  615. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +1 -1
  616. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -1
  617. package/esm/components/utils/Gap.d.ts +87 -0
  618. package/esm/components/utils/Gap.d.ts.map +1 -0
  619. package/esm/components/utils/Gap.js +15 -0
  620. package/esm/components/utils/Gap.js.map +1 -0
  621. package/esm/index.d.ts +2 -0
  622. package/esm/index.d.ts.map +1 -1
  623. package/esm/index.js +2 -0
  624. package/esm/index.js.map +1 -1
  625. package/esm/scrollbars.css.d.ts.map +1 -1
  626. package/esm/scrollbars.css.js +2 -2
  627. package/esm/scrollbars.css.js.map +1 -1
  628. package/esm/theme.css-global.d.ts +3 -0
  629. package/esm/theme.css-global.d.ts.map +1 -0
  630. package/esm/theme.css-global.js +16 -0
  631. package/esm/theme.css-global.js.map +1 -0
  632. package/esm/theme.css-reset.d.ts.map +1 -1
  633. package/esm/theme.css-reset.js +2 -4
  634. package/esm/theme.css-reset.js.map +1 -1
  635. package/esm/theme.d.ts +2 -2
  636. package/esm/utils/index.d.ts +0 -1
  637. package/esm/utils/index.d.ts.map +1 -1
  638. package/esm/utils/index.js +0 -1
  639. package/esm/utils/index.js.map +1 -1
  640. package/package.json +13 -34
  641. package/src/components/form/Checkbox.stories.tsx +1 -1
  642. package/src/components/form/Checkbox.styled.ts +1 -1
  643. package/src/components/form/Checkbox.tsx +23 -14
  644. package/src/components/form/ColorPicker.stories.tsx +1 -1
  645. package/src/components/form/ColorPicker.styled.ts +1 -1
  646. package/src/components/form/ColorPicker.tsx +21 -14
  647. package/src/components/form/Label.stories.tsx +1 -1
  648. package/src/components/form/Label.tsx +13 -11
  649. package/src/components/form/Select.stories.tsx +1 -1
  650. package/src/components/form/Select.tsx +8 -1
  651. package/src/components/form/Toggle.stories.tsx +1 -1
  652. package/src/components/form/Toggle.tsx +12 -9
  653. package/src/components/form/choice/Choice.stories.tsx +1 -1
  654. package/src/components/form/choice/Choice.tsx +13 -8
  655. package/src/components/form/choice/ChoiceItem.styled.ts +9 -0
  656. package/src/components/form/choice/ChoiceItem.tsx +8 -2
  657. package/src/components/form/input/Input.css.ts +3 -5
  658. package/src/components/form/input/Input.stories.tsx +5 -4
  659. package/src/components/form/input/Input.tsx +3 -2
  660. package/src/components/form/textarea/TextArea.stories.tsx +1 -1
  661. package/src/components/form/textarea/TextArea.tsx +12 -7
  662. package/src/components/icons/Battery.tsx +2 -2
  663. package/src/components/icons/Checkmark.tsx +1 -1
  664. package/src/components/icons/Config.tsx +1 -1
  665. package/src/components/icons/Dots.tsx +1 -1
  666. package/src/components/icons/Heart.tsx +1 -1
  667. package/src/components/icons/Icon.stories.tsx +82 -0
  668. package/src/components/icons/Trash.tsx +1 -1
  669. package/src/components/layout/card/Card.stories.tsx +93 -0
  670. package/src/components/layout/card/Card.styled.ts +25 -0
  671. package/src/components/layout/card/Card.tsx +5 -27
  672. package/src/components/layout/header/Header.stories.tsx +2 -2
  673. package/src/components/layout/header/Header.tsx +15 -7
  674. package/src/components/layout/header/HeaderIconAction.stories.tsx +1 -1
  675. package/src/components/layout/header/HeaderIconAction.styled.ts +2 -2
  676. package/src/components/layout/header/HeaderIconAction.tsx +1 -0
  677. package/src/components/layout/header/StickyHeader.stories.tsx +2 -2
  678. package/src/components/layout/header/StickyHeader.tsx +10 -2
  679. package/src/components/layout/list/Header.stories.tsx +1 -1
  680. package/src/components/layout/list/Item.stories.tsx +1 -4
  681. package/src/components/layout/list/Label.stories.tsx +1 -1
  682. package/src/components/layout/list/List.stories.tsx +1 -1
  683. package/src/components/layout/list/Value.stories.tsx +1 -1
  684. package/src/components/layout/section/SearchContainer.tsx +2 -15
  685. package/src/components/layout/section/Section.stories.tsx +1 -1
  686. package/src/components/layout/section/Section.tsx +4 -7
  687. package/src/components/layout/table/Table.stories.tsx +1 -1
  688. package/src/components/native/index.ts +3 -1
  689. package/src/components/ui/action/Action.stories.tsx +1 -1
  690. package/src/components/ui/action/Action.tsx +2 -2
  691. package/src/components/ui/action/EqualActions.stories.tsx +72 -0
  692. package/src/components/ui/action/EqualActions.styled.ts +21 -0
  693. package/src/components/ui/action/EqualActions.tsx +21 -14
  694. package/src/components/ui/button/Button.stories.tsx +1 -1
  695. package/src/components/ui/directionPad/Button.styled.ts +25 -0
  696. package/src/components/ui/directionPad/Button.tsx +16 -8
  697. package/src/components/ui/directionPad/Middle.styled.ts +19 -0
  698. package/src/components/ui/directionPad/Middle.tsx +13 -7
  699. package/src/components/ui/directionPad/Pad.stories.tsx +143 -0
  700. package/src/components/ui/directionPad/Pad.styled.ts +22 -0
  701. package/src/components/ui/directionPad/Pad.tsx +30 -19
  702. package/src/components/ui/drawer/Drawer.stories.tsx +167 -0
  703. package/src/components/ui/drawer/Drawer.styled.ts +22 -0
  704. package/src/components/ui/drawer/Drawer.tsx +44 -67
  705. package/src/components/ui/keyValue/KeyValue.stories.tsx +143 -0
  706. package/src/components/ui/keyValue/KeyValue.styled.ts +70 -0
  707. package/src/components/ui/keyValue/KeyValue.tsx +49 -24
  708. package/src/components/ui/line/Line.stories.tsx +1 -1
  709. package/src/components/ui/loader/CoveringLoader.stories.tsx +1 -1
  710. package/src/components/ui/loader/FullLoader.stories.tsx +1 -1
  711. package/src/components/ui/loader/Loader.stories.tsx +1 -1
  712. package/src/components/ui/loader/Loading.stories.tsx +1 -1
  713. package/src/components/ui/loader/PopLoader.stories.tsx +1 -1
  714. package/src/components/ui/loader/PopLoader.tsx +1 -1
  715. package/src/components/ui/message/Message.stories.tsx +1 -1
  716. package/src/components/ui/message/Message.tsx +1 -1
  717. package/src/components/ui/modal/Modal.stories.tsx +1 -1
  718. package/src/components/ui/modal/ModalButtons.stories.tsx +1 -1
  719. package/src/components/ui/modal/ModalButtons.styled.ts +4 -4
  720. package/src/components/ui/pop/OnButtonClick.tsx +1 -1
  721. package/src/components/ui/pop/Pop.stories.tsx +1 -1
  722. package/src/components/ui/pop/Pop.styled.ts +1 -1
  723. package/src/components/ui/pop/Pop.tsx +5 -1
  724. package/src/components/ui/progress/Progress.stories.tsx +2 -1
  725. package/src/components/ui/progress/Progress.tsx +25 -7
  726. package/src/components/ui/stats/Stats.stories.tsx +167 -0
  727. package/src/components/ui/stats/Stats.styled.ts +62 -0
  728. package/src/components/ui/stats/Stats.tsx +35 -25
  729. package/src/components/ui/tabs/Item.styled.ts +19 -0
  730. package/src/components/ui/tabs/Item.tsx +14 -13
  731. package/src/components/ui/tabs/Selector.stories.tsx +108 -0
  732. package/src/components/ui/tabs/Selector.styled.ts +13 -0
  733. package/src/components/ui/tabs/Selector.tsx +16 -13
  734. package/src/components/ui/toaster/Toaster.stories.tsx +1 -1
  735. package/src/components/ui/toaster/Toaster.tsx +1 -0
  736. package/src/components/ui/toolButton/ToolButton.stories.tsx +1 -1
  737. package/src/components/utils/Gap.tsx +19 -0
  738. package/src/index.ts +2 -0
  739. package/src/scrollbars.css.ts +3 -3
  740. package/src/theme.css-global.ts +19 -0
  741. package/src/theme.css-reset.ts +2 -4
  742. package/src/types/fnWithProps.ts +1 -1
  743. package/src/utils/index.ts +0 -1
  744. package/.prettierignore +0 -3
  745. package/.prettierrc.json +0 -1
  746. package/dist/components/layout/card/Card.module.scss +0 -15
  747. package/dist/components/layout/section/SearchContainer.module.scss +0 -3
  748. package/dist/components/ui/action/EqualActions.module.scss +0 -11
  749. package/dist/components/ui/directionPad/Pad.module.scss +0 -45
  750. package/dist/components/ui/drawer/Drawer.module.scss +0 -15
  751. package/dist/components/ui/keyValue/KeyValue.module.scss +0 -57
  752. package/dist/components/ui/message/Message.module.scss +0 -31
  753. package/dist/components/ui/modal/ModalButton.d.ts +0 -8
  754. package/dist/components/ui/modal/ModalButton.d.ts.map +0 -1
  755. package/dist/components/ui/modal/ModalButton.js +0 -31
  756. package/dist/components/ui/modal/ModalButton.js.map +0 -1
  757. package/dist/components/ui/stats/Stats.module.scss +0 -48
  758. package/dist/components/ui/tabs/Item.module.scss +0 -11
  759. package/dist/components/ui/tabs/Selector.module.scss +0 -6
  760. package/dist/global.scss +0 -95
  761. package/dist/scrollbars.scss +0 -22
  762. package/dist/utils/makeVariants.d.ts +0 -3
  763. package/dist/utils/makeVariants.d.ts.map +0 -1
  764. package/dist/utils/makeVariants.js +0 -14
  765. package/dist/utils/makeVariants.js.map +0 -1
  766. package/docs/assets/pages.css +0 -14
  767. package/docs/classes/Drawer.html +0 -549
  768. package/docs/classes/Pop.html +0 -580
  769. package/docs/classes/ToasterProvider.html +0 -568
  770. package/docs/enums/ICON.html +0 -123
  771. package/docs/functions/Action.html +0 -135
  772. package/docs/functions/Button.html +0 -161
  773. package/docs/functions/Card.html +0 -132
  774. package/docs/functions/Checkbox.html +0 -134
  775. package/docs/functions/Choice.html +0 -132
  776. package/docs/functions/ColorPicker.html +0 -134
  777. package/docs/functions/CoveringLoader.html +0 -135
  778. package/docs/functions/DirectionPad.html +0 -132
  779. package/docs/functions/EqualActions.html +0 -132
  780. package/docs/functions/FullLoader.html +0 -134
  781. package/docs/functions/HandleEsc.html +0 -132
  782. package/docs/functions/Header.html +0 -137
  783. package/docs/functions/HeaderIconAction.html +0 -135
  784. package/docs/functions/Icon-1.html +0 -132
  785. package/docs/functions/If.html +0 -132
  786. package/docs/functions/Input.html +0 -131
  787. package/docs/functions/KeyValue.html +0 -132
  788. package/docs/functions/Label.html +0 -132
  789. package/docs/functions/Line.html +0 -161
  790. package/docs/functions/List-1.html +0 -142
  791. package/docs/functions/Loader.html +0 -136
  792. package/docs/functions/Loading.html +0 -138
  793. package/docs/functions/Message.html +0 -161
  794. package/docs/functions/Modal-1.html +0 -132
  795. package/docs/functions/ModalButtons.html +0 -155
  796. package/docs/functions/PopLoader.html +0 -136
  797. package/docs/functions/PopOption.html +0 -132
  798. package/docs/functions/Progress.html +0 -135
  799. package/docs/functions/SearchContainer.html +0 -132
  800. package/docs/functions/Section.html +0 -167
  801. package/docs/functions/Select.html +0 -155
  802. package/docs/functions/Selector.html +0 -131
  803. package/docs/functions/Spacer.html +0 -155
  804. package/docs/functions/Stats.html +0 -132
  805. package/docs/functions/StickyHeader.html +0 -126
  806. package/docs/functions/Table.html +0 -155
  807. package/docs/functions/TextArea.html +0 -132
  808. package/docs/functions/Toggle.html +0 -132
  809. package/docs/functions/ToolButton.html +0 -161
  810. package/docs/functions/borderPxToRem.html +0 -126
  811. package/docs/functions/createTheme.html +0 -135
  812. package/docs/functions/css.html +0 -133
  813. package/docs/functions/dimensionsPxToRem.html +0 -126
  814. package/docs/functions/fontPxToRem.html +0 -126
  815. package/docs/functions/getCssText.html +0 -121
  816. package/docs/functions/globalCss.html +0 -137
  817. package/docs/functions/keyframes.html +0 -137
  818. package/docs/functions/pxToRem.html +0 -126
  819. package/docs/functions/styled.html +0 -137
  820. package/docs/functions/useToaster.html +0 -121
  821. package/docs/interfaces/IconProps.html +0 -78
  822. package/docs/interfaces/InputCustomProps.html +0 -126
  823. package/docs/interfaces/LabelProps.html +0 -103
  824. package/docs/interfaces/StickyHeaderProps.html +0 -99
  825. package/docs/interfaces/ToggleProps.html +0 -135
  826. package/docs/modules/List.html +0 -60
  827. package/docs/modules/Modal.html +0 -57
  828. package/docs/pages/tutorials/Test.html +0 -116
  829. package/docs/types/ActionProps.html +0 -117
  830. package/docs/types/ChoiceProps.html +0 -117
  831. package/docs/types/InputProps.html +0 -122
  832. package/docs/types/OverwriteProps.html +0 -132
  833. package/docs/types/ThemeCSS.html +0 -117
  834. package/docs/variables/List.Header.html +0 -52
  835. package/docs/variables/List.Item.html +0 -52
  836. package/docs/variables/Modal.RemovePadding.html +0 -51
  837. package/docs/variables/config.html +0 -131
  838. package/docs/variables/cssReset.html +0 -119
  839. package/docs/variables/miuiScrollbars.html +0 -117
  840. package/docs/variables/theme.html +0 -117
  841. package/esm/components/layout/card/Card.module.scss +0 -15
  842. package/esm/components/layout/section/SearchContainer.module.scss +0 -3
  843. package/esm/components/ui/action/EqualActions.module.scss +0 -11
  844. package/esm/components/ui/directionPad/Pad.module.scss +0 -45
  845. package/esm/components/ui/drawer/Drawer.module.scss +0 -15
  846. package/esm/components/ui/keyValue/KeyValue.module.scss +0 -57
  847. package/esm/components/ui/message/Message.module.scss +0 -31
  848. package/esm/components/ui/modal/ModalButton.d.ts +0 -8
  849. package/esm/components/ui/modal/ModalButton.d.ts.map +0 -1
  850. package/esm/components/ui/modal/ModalButton.js +0 -13
  851. package/esm/components/ui/modal/ModalButton.js.map +0 -1
  852. package/esm/components/ui/stats/Stats.module.scss +0 -48
  853. package/esm/components/ui/tabs/Item.module.scss +0 -11
  854. package/esm/components/ui/tabs/Selector.module.scss +0 -6
  855. package/esm/global.scss +0 -95
  856. package/esm/scrollbars.scss +0 -22
  857. package/esm/utils/makeVariants.d.ts +0 -3
  858. package/esm/utils/makeVariants.d.ts.map +0 -1
  859. package/esm/utils/makeVariants.js +0 -11
  860. package/esm/utils/makeVariants.js.map +0 -1
  861. package/next.config.js +0 -6
  862. package/src/components/layout/card/Card.module.scss +0 -15
  863. package/src/components/layout/section/SearchContainer.module.scss +0 -3
  864. package/src/components/ui/action/EqualActions.module.scss +0 -11
  865. package/src/components/ui/directionPad/Pad.module.scss +0 -45
  866. package/src/components/ui/drawer/Drawer.module.scss +0 -15
  867. package/src/components/ui/keyValue/KeyValue.module.scss +0 -57
  868. package/src/components/ui/message/Message.module.scss +0 -31
  869. package/src/components/ui/modal/ModalButton.tsx +0 -27
  870. package/src/components/ui/stats/Stats.module.scss +0 -48
  871. package/src/components/ui/tabs/Item.module.scss +0 -11
  872. package/src/components/ui/tabs/Selector.module.scss +0 -6
  873. package/src/demo/Demo.module.scss +0 -4
  874. package/src/demo/Demo.tsx +0 -25
  875. package/src/demo/Main.module.scss +0 -38
  876. package/src/demo/Main.tsx +0 -84
  877. package/src/demo/Menu.module.scss +0 -42
  878. package/src/demo/Menu.tsx +0 -43
  879. package/src/demo/NextLink.tsx +0 -11
  880. package/src/demo/components/form/Form.tsx +0 -31
  881. package/src/demo/components/form/Search.tsx +0 -33
  882. package/src/demo/components/form/TextArea.tsx +0 -13
  883. package/src/demo/components/layout/card/Card.tsx +0 -21
  884. package/src/demo/components/ui/action/Action.tsx +0 -109
  885. package/src/demo/components/ui/action/ActionDemo.module.scss +0 -3
  886. package/src/demo/components/ui/directionPad/Pad.tsx +0 -41
  887. package/src/demo/components/ui/drawer/Drawer.tsx +0 -29
  888. package/src/demo/components/ui/icons/Icons.tsx +0 -24
  889. package/src/demo/components/ui/keyValue/KeyValue.tsx +0 -49
  890. package/src/demo/components/ui/stats/Stats.module.scss +0 -29
  891. package/src/demo/components/ui/stats/Stats.tsx +0 -60
  892. package/src/demo/components/ui/tabs/Tabs.tsx +0 -15
  893. package/src/demo/componentsMap.ts +0 -107
  894. package/src/demo/utils/safeUseHash.ts +0 -15
  895. package/src/demo-global.scss +0 -9
  896. package/src/global.scss +0 -95
  897. package/src/pages/_app.tsx +0 -24
  898. package/src/pages/index.tsx +0 -10
  899. package/src/pages/react-miui.tsx +0 -13
  900. package/src/scrollbars.scss +0 -22
  901. package/src/utils/makeVariants.ts +0 -13
  902. package/typedoc.cjs +0 -5
  903. package/typedoc.mjs +0 -49
  904. /package/src/demo/{components/form/countries.const.ts → countries.const.ts} +0 -0
package/docs/classes/index.ToasterProvider.html ADDED
@@ -0,0 +1,120 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ToasterProvider | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.ToasterProvider.html">ToasterProvider</a></li></ul><h1>Class ToasterProvider</h1></div><section class="tsd-panel tsd-hierarchy" data-refl="7447"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">Component</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">ToasterProvider</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/ui/toaster/Toaster.tsx#L27">src/components/ui/toaster/Toaster.tsx:27</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="index.ToasterProvider.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
2
+ </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.ToasterProvider.html#context" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context</span></a>
3
+ <a href="index.ToasterProvider.html#props" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>props</span></a>
4
+ <a href="index.ToasterProvider.html#refs" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>refs</span></a>
5
+ <a href="index.ToasterProvider.html#state" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a>
6
+ <a href="index.ToasterProvider.html#contexttype" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Type?</span></a>
7
+ </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="index.ToasterProvider.html#componentdidcatch" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Catch?</span></a>
8
+ <a href="index.ToasterProvider.html#componentdidmount" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Mount?</span></a>
9
+ <a href="index.ToasterProvider.html#componentdidupdate" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Update?</span></a>
10
+ <a href="index.ToasterProvider.html#componentwillmount" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Mount?</span></a>
11
+ <a href="index.ToasterProvider.html#componentwillreceiveprops" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Receive<wbr/>Props?</span></a>
12
+ <a href="index.ToasterProvider.html#componentwillunmount" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Unmount?</span></a>
13
+ <a href="index.ToasterProvider.html#componentwillupdate" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Update?</span></a>
14
+ <a href="index.ToasterProvider.html#forceupdate" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>force<wbr/>Update</span></a>
15
+ <a href="index.ToasterProvider.html#getsnapshotbeforeupdate" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update?</span></a>
16
+ <a href="index.ToasterProvider.html#render" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>render</span></a>
17
+ <a href="index.ToasterProvider.html#setstate" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>State</span></a>
18
+ <a href="index.ToasterProvider.html#shouldcomponentupdate" class="tsd-index-link tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Component<wbr/>Update?</span></a>
19
+ <a href="index.ToasterProvider.html#unsafe_componentwillmount" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount?</span></a>
20
+ <a href="index.ToasterProvider.html#unsafe_componentwillreceiveprops" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props?</span></a>
21
+ <a href="index.ToasterProvider.html#unsafe_componentwillupdate" class="tsd-index-link deprecated tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update?</span></a>
22
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Constructors</h2></summary><section><section class="tsd-panel tsd-member"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="constructortoasterprovider" class="tsd-anchor"></a><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">ToasterProvider</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">context</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="index.ToasterProvider.html" class="tsd-signature-type tsd-kind-class">ToasterProvider</a><a href="#constructortoasterprovider" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Props</span></span></li><li><span><span class="tsd-kind-parameter">context</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="index.ToasterProvider.html" class="tsd-signature-type tsd-kind-class">ToasterProvider</a></h4><aside class="tsd-sources"><p>Overrides React.Component&lt;Props, State&gt;.constructor</p><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/ui/toaster/Toaster.tsx#L28">src/components/ui/toaster/Toaster.tsx:28</a></li></ul></aside></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="context" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>context</span><a href="#context" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">context</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span></div><div class="tsd-comment tsd-typography"><p>If using the new style context, re-declare this in your class to be the
23
+ <code>React.ContextType</code> of your <code>static contextType</code>.
24
+ Should be used with type annotation or static contextType.</p>
25
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-6">static</span><span class="hl-1"> </span><span class="hl-6">contextType</span><span class="hl-1"> = </span><span class="hl-6">MyContext</span><br/><span class="hl-7">// For TS pre-3.7:</span><br/><span class="hl-6">context</span><span class="hl-1">!: </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-6">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">MyContext</span><span class="hl-1">&gt;</span><br/><span class="hl-7">// For TS 3.7 and above:</span><br/><span class="hl-0">declare</span><span class="hl-1"> </span><span class="hl-8">context</span><span class="hl-1">: </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-6">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">MyContext</span><span class="hl-1">&gt;</span>
26
+ </code><button type="button">Copy</button></pre>
27
+
28
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#context">React Docs</a></p>
29
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.context</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1013</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="props" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Readonly</code><span>props</span><a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><p>Inherited from React.Component.props</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1033</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="refs" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="deprecated">refs</span><a href="#refs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">refs</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-signature-symbol">[</span><span class="tsd-kind-index-signature">key</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]:</span> <span class="tsd-signature-type">ReactInstance</span> <span class="tsd-signature-symbol">}</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">Legacy React Docs</a></p>
30
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.refs</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1040</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="state" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">state</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><p>Inherited from React.Component.state</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1034</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="contexttype" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>context<wbr/>Type</span><a href="#contexttype" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextType</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Context</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>If set, <code>this.context</code> will be set at runtime to the current value of the given Context.</p>
31
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">MyContext</span><span class="hl-1"> = </span><span class="hl-5">number</span><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-2">Ctx</span><span class="hl-1"> = </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-3">createContext</span><span class="hl-1">&lt;</span><span class="hl-5">MyContext</span><span class="hl-1">&gt;(</span><span class="hl-9">0</span><span class="hl-1">)</span><br/><br/><span class="hl-0">class</span><span class="hl-1"> </span><span class="hl-5">Foo</span><span class="hl-1"> </span><span class="hl-0">extends</span><span class="hl-1"> </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">Component</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-0">static</span><span class="hl-1"> </span><span class="hl-6">contextType</span><span class="hl-1"> = </span><span class="hl-6">Ctx</span><br/><span class="hl-1"> </span><span class="hl-6">context</span><span class="hl-1">!: </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">Ctx</span><span class="hl-1">&gt;</span><br/><span class="hl-1"> </span><span class="hl-3">render</span><span class="hl-1"> () {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> &lt;&gt;</span><span class="hl-6">My</span><span class="hl-1"> </span><span class="hl-6">context</span><span class="hl-4">&#39;s value: {this.context}&lt;/&gt;</span><span class="hl-11">;</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">}</span>
32
+ </code><button type="button">Copy</button></pre>
33
+
34
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-contexttype">https://react.dev/reference/react/Component#static-contexttype</a></p>
35
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.contextType</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:995</li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentdidcatch" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>component<wbr/>Did<wbr/>Catch</span><a href="#componentdidcatch" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentdidcatch-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentDidCatch</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Error</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">errorInfo</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ErrorInfo</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentdidcatch-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
36
+ the entire component tree to unmount.</p>
37
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">error</span>: <span class="tsd-signature-type">Error</span></span></li><li><span><span class="tsd-kind-parameter">errorInfo</span>: <span class="tsd-signature-type">ErrorInfo</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.componentDidCatch</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1397</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentdidmount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>component<wbr/>Did<wbr/>Mount</span><a href="#componentdidmount" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentdidmount-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentDidMount</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentdidmount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately after a component is mounted. Setting state here will trigger re-rendering.</p>
38
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.componentDidMount</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1376</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentdidupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>component<wbr/>Did<wbr/>Update</span><a href="#componentdidupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentdidupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentDidUpdate</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">prevProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">prevState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">snapshot</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentdidupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately after updating occurs. Not called for the initial render.</p>
39
+ <p>The snapshot is only present if <a href="index.ToasterProvider.html#getsnapshotbeforeupdate" class="tsd-kind-method">getSnapshotBeforeUpdate</a> is present and returns non-null.</p>
40
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">prevProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">prevState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">snapshot</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.componentDidUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1439</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentwillmount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">component<wbr/>Will<wbr/>Mount</span><a href="#componentwillmount" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentwillmount-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentWillMount</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentwillmount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <a href="undefined">Component.render</a>.
41
+ Avoid introducing any side-effects or subscriptions in this method.</p>
42
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
43
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
44
+ this from being invoked.</p>
45
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use <a href="undefined">ComponentLifecycle.componentDidMount componentDidMount</a> or the constructor instead; will stop working in React 17</p>
46
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
47
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
48
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
49
+ </ul>
50
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.componentWillMount</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1455</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentwillreceiveprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#componentwillreceiveprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentwillreceiveprops-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentWillReceiveProps</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nextProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nextContext</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentwillreceiveprops-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
51
+ React may call this even if props have not changed, so be sure to compare new and existing
52
+ props if you only want to handle changes.</p>
53
+ <p>Calling <a href="undefined">Component.setState</a> generally does not trigger this method.</p>
54
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
55
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
56
+ this from being invoked.</p>
57
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextContext</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use static <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> instead; will stop working in React 17</p>
58
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
59
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
60
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
61
+ </ul>
62
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.componentWillReceiveProps</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1486</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentwillunmount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>component<wbr/>Will<wbr/>Unmount</span><a href="#componentwillunmount" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentwillunmount-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentWillUnmount</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentwillunmount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as
63
+ cancelled network requests, or cleaning up any DOM elements created in <code>componentDidMount</code>.</p>
64
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.componentWillUnmount</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1392</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="componentwillupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">component<wbr/>Will<wbr/>Update</span><a href="#componentwillupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="componentwillupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">componentWillUpdate</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nextProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextContext</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentwillupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
65
+ <p>Note: You cannot call <a href="undefined">Component.setState</a> here.</p>
66
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
67
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
68
+ this from being invoked.</p>
69
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextContext</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-3" class="tsd-anchor"></a>Deprecated<a href="#deprecated-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
70
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-5" class="tsd-anchor"></a>See<a href="#see-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
71
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
72
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
73
+ </ul>
74
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.componentWillUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1518</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="forceupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>force<wbr/>Update</span><a href="#forceupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="forceupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">forceUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#forceupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from React.Component.forceUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1030</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="getsnapshotbeforeupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update</span><a href="#getsnapshotbeforeupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="getsnapshotbeforeupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">getSnapshotBeforeUpdate</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">prevProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">prevState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><a href="#getsnapshotbeforeupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Runs before React applies the result of <a href="undefined">Component.render render</a> to the document, and
75
+ returns an object to be given to <a href="index.ToasterProvider.html#componentdidupdate" class="tsd-kind-method">componentDidUpdate</a>. Useful for saving
76
+ things such as scroll position before <a href="undefined">Component.render render</a> causes changes to it.</p>
77
+ <p>Note: the presence of this method prevents any of the deprecated
78
+ lifecycle events from running.</p>
79
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">prevProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">prevState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.getSnapshotBeforeUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1433</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member"><a id="render" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="render-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">render</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span><a href="#render-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4><aside class="tsd-sources"><p>Overrides React.Component.render</p><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/ui/toaster/Toaster.tsx#L89">src/components/ui/toaster/Toaster.tsx:89</a></li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="setstate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>set<wbr/>State</span><a href="#setstate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="setstate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">setState</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.ToasterProvider.html#setstatek">K</a> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">&quot;list&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">state</span><span class="tsd-signature-symbol">:</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">State</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">prevState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">State</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">,</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Pop.html#setstatek">K</a><span class="tsd-signature-symbol">&gt;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">,</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Pop.html#setstatek">K</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setstate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="setstatek" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">K</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">&quot;list&quot;</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">state</span>: <br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">State</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><br/>        <span class="tsd-kind-parameter">prevState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">State</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">,</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Pop.html#setstatek">K</a><span class="tsd-signature-symbol">&gt;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">,</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Pop.html#setstatek">K</a><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from React.Component.setState</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1025</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="shouldcomponentupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>should<wbr/>Component<wbr/>Update</span><a href="#shouldcomponentupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="shouldcomponentupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">shouldComponentUpdate</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nextProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextContext</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#shouldcomponentupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called to determine whether the change in props and state should trigger a re-render.</p>
80
+ <p><code>Component</code> always returns true.
81
+ <code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
82
+ props or states have changed.</p>
83
+ <p>If false is returned, <a href="undefined">Component.render</a>, <code>componentWillUpdate</code>
84
+ and <code>componentDidUpdate</code> will not be called.</p>
85
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextContext</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from React.Component.shouldComponentUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1387</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="unsafe_componentwillmount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount</span><a href="#unsafe_componentwillmount" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="unsafe_componentwillmount-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">UNSAFE_componentWillMount</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#unsafe_componentwillmount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <a href="undefined">Component.render</a>.
86
+ Avoid introducing any side-effects or subscriptions in this method.</p>
87
+ <p>This method will not stop working in React 17.</p>
88
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
89
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
90
+ this from being invoked.</p>
91
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-4" class="tsd-anchor"></a>Deprecated<a href="#deprecated-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use <a href="undefined">ComponentLifecycle.componentDidMount componentDidMount</a> or the constructor instead</p>
92
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-6" class="tsd-anchor"></a>See<a href="#see-6" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
93
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
94
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
95
+ </ul>
96
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.UNSAFE_componentWillMount</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1470</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="unsafe_componentwillreceiveprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#unsafe_componentwillreceiveprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="unsafe_componentwillreceiveprops-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">UNSAFE_componentWillReceiveProps</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nextProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextContext</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#unsafe_componentwillreceiveprops-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
97
+ React may call this even if props have not changed, so be sure to compare new and existing
98
+ props if you only want to handle changes.</p>
99
+ <p>Calling <a href="undefined">Component.setState</a> generally does not trigger this method.</p>
100
+ <p>This method will not stop working in React 17.</p>
101
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
102
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
103
+ this from being invoked.</p>
104
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextContext</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-5" class="tsd-anchor"></a>Deprecated<a href="#deprecated-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use static <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> instead</p>
105
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-7" class="tsd-anchor"></a>See<a href="#see-7" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
106
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
107
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
108
+ </ul>
109
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.UNSAFE_componentWillReceiveProps</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1504</li></ul></aside></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited tsd-is-external"><a id="unsafe_componentwillupdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</span><a href="#unsafe_componentwillupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-anchor-link"><a id="unsafe_componentwillupdate-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">UNSAFE_componentWillUpdate</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nextProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextState</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nextContext</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#unsafe_componentwillupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
110
+ <p>Note: You cannot call <a href="undefined">Component.setState</a> here.</p>
111
+ <p>This method will not stop working in React 17.</p>
112
+ <p>Note: the presence of <a href="undefined">NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate</a>
113
+ or <a href="undefined">StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps</a> prevents
114
+ this from being invoked.</p>
115
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><span class="tsd-kind-parameter">nextContext</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-6" class="tsd-anchor"></a>Deprecated<a href="#deprecated-6" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>16.3, use getSnapshotBeforeUpdate instead</p>
116
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-8" class="tsd-anchor"></a>See<a href="#see-8" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><ul>
117
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
118
+ <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
119
+ </ul>
120
+ </div></div><aside class="tsd-sources"><p>Inherited from React.Component.UNSAFE_componentWillUpdate</p><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1534</li></ul></aside></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#context" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context</span></a><a href="#props" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>props</span></a><a href="#refs" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>refs</span></a><a href="#state" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a><a href="#contexttype" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Type</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#componentdidcatch" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Catch</span></a><a href="#componentdidmount" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Mount</span></a><a href="#componentdidupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Update</span></a><a href="#componentwillmount" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Mount</span></a><a href="#componentwillreceiveprops" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Receive<wbr/>Props</span></a><a href="#componentwillunmount" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Unmount</span></a><a href="#componentwillupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Will<wbr/>Update</span></a><a href="#forceupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>force<wbr/>Update</span></a><a href="#getsnapshotbeforeupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update</span></a><a href="#render" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>render</span></a><a href="#setstate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>State</span></a><a href="#shouldcomponentupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Component<wbr/>Update</span></a><a href="#unsafe_componentwillmount" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount</span></a><a href="#unsafe_componentwillreceiveprops" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</span></a><a href="#unsafe_componentwillupdate" class="tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/documents/Test.html ADDED
@@ -0,0 +1,2 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Test | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="Test.html">Test</a></li></ul></div><div class="tsd-panel tsd-typography"><p>This is example tutorial page.</p>
2
+ </div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/enums/index.ICON.html ADDED
@@ -0,0 +1,10 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ICON | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.ICON.html">ICON</a></li></ul><h1>Enumeration ICON</h1></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L15">src/components/icons/Icon.tsx:15</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Enumeration Members</h3><div class="tsd-index-list"><a href="index.ICON.html#back" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>back</span></a>
2
+ <a href="index.ICON.html#battery" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>battery</span></a>
3
+ <a href="index.ICON.html#checkmark" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>checkmark</span></a>
4
+ <a href="index.ICON.html#config" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>config</span></a>
5
+ <a href="index.ICON.html#dots" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>dots</span></a>
6
+ <a href="index.ICON.html#forward" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>forward</span></a>
7
+ <a href="index.ICON.html#heart" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>heart</span></a>
8
+ <a href="index.ICON.html#search" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>search</span></a>
9
+ <a href="index.ICON.html#trash" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>trash</span></a>
10
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Enumeration Members"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Enumeration Members</h2></summary><section><section class="tsd-panel tsd-member"><a id="back" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>back</span><a href="#back" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">back</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;back&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L17">src/components/icons/Icon.tsx:17</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="battery" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>battery</span><a href="#battery" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">battery</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;battery&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L20">src/components/icons/Icon.tsx:20</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="checkmark" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>checkmark</span><a href="#checkmark" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">checkmark</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;checkmark&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L16">src/components/icons/Icon.tsx:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="config" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>config</span><a href="#config" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">config</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;config&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L23">src/components/icons/Icon.tsx:23</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="dots" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>dots</span><a href="#dots" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">dots</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;dots&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L24">src/components/icons/Icon.tsx:24</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="forward" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>forward</span><a href="#forward" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">forward</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;forward&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L18">src/components/icons/Icon.tsx:18</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="heart" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>heart</span><a href="#heart" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">heart</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;heart&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L21">src/components/icons/Icon.tsx:21</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="search" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>search</span><a href="#search" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">search</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;search&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L19">src/components/icons/Icon.tsx:19</a></li></ul></aside></section><section class="tsd-panel tsd-member"><a id="trash" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>trash</span><a href="#trash" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">trash</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;trash&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L22">src/components/icons/Icon.tsx:22</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Enumeration Members"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Enumeration Members</summary><div><a href="#back" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>back</span></a><a href="#battery" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>battery</span></a><a href="#checkmark" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>checkmark</span></a><a href="#config" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>config</span></a><a href="#dots" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>dots</span></a><a href="#forward" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>forward</span></a><a href="#heart" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>heart</span></a><a href="#search" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>search</span></a><a href="#trash" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>trash</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.Action.html ADDED
@@ -0,0 +1,31 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Action | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.Action.html">Action</a></li></ul><h1>Function Action</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Action is a round-shaped button or a link, usually used at headers/toolbars.</p>
2
+ <p>Its label is displayed below the circular shape.</p>
3
+ </div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="action" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Action</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <a href="../types/index.ActionProps.html" class="tsd-signature-type tsd-kind-type-alias">ActionProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">deprecatedLegacyContext</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span><a href="#action" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <a href="../types/index.ActionProps.html" class="tsd-signature-type tsd-kind-type-alias">ActionProps</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">deprecatedLegacyContext</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
4
+ </div></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/ui/action/Action.tsx#L76">src/components/ui/action/Action.tsx:76</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.Action.html#contexttypes" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types?</span></a>
5
+ <a href="index.Action.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
6
+ <a href="index.Action.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
7
+ <a href="index.Action.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
8
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="contexttypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">context<wbr/>Types</span><a href="#contexttypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Lets you specify which legacy context is consumed by
9
+ this component.</p>
10
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html">Legacy React Docs</a></p>
11
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1155</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.ActionProps.html" class="tsd-signature-type tsd-kind-type-alias">ActionProps</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to define default values for the props accepted by
12
+ the component.</p>
13
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-defaultprops">React Docs</a></p>
14
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">Props</span><span class="hl-1"> = { </span><span class="hl-6">name</span><span class="hl-1">?: </span><span class="hl-5">string</span><span class="hl-1"> }</span><br/><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1">&lt;</span><span class="hl-5">Props</span><span class="hl-1">&gt; = (</span><span class="hl-6">props</span><span class="hl-1">) </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-0">{</span><span class="hl-6">props</span><span class="hl-14">.</span><span class="hl-6">name</span><span class="hl-0">}</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">defaultProps</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">name:</span><span class="hl-1"> </span><span class="hl-4">&#39;John Doe&#39;</span><br/><span class="hl-1">}</span>
15
+ </code><button type="button">Copy</button></pre>
16
+
17
+ </div><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
18
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1178</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
19
+ explicitly if you want to display a different name for
20
+ debugging purposes.</p>
21
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
22
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1"> = () </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-1">Hello!</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">displayName</span><span class="hl-1"> = </span><span class="hl-4">&#39;MyAwesomeComponent&#39;</span>
23
+ </code><button type="button">Copy</button></pre>
24
+
25
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1197</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.ActionProps.html" class="tsd-signature-type tsd-kind-type-alias">ActionProps</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to declare the types of the props accepted by the
26
+ component. These types will be checked during rendering
27
+ and in development only.</p>
28
+ <p>We recommend using TypeScript instead of checking prop
29
+ types at runtime.</p>
30
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-proptypes">React Docs</a></p>
31
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1146</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#contexttypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>