react-miui 0.26.0 → 0.27.1

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 (293) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/form/Checkbox.styled.d.ts +3 -0
  3. package/dist/components/form/Checkbox.styled.d.ts.map +1 -1
  4. package/dist/components/form/Select.styled.d.ts +1 -0
  5. package/dist/components/form/Select.styled.d.ts.map +1 -1
  6. package/dist/components/form/Suggestions.d.ts +1 -1
  7. package/dist/components/form/Suggestions.d.ts.map +1 -1
  8. package/dist/components/form/choice/Choice.d.ts +1 -1
  9. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  10. package/dist/components/form/choice/ChoiceItem.d.ts +1 -1
  11. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  12. package/dist/components/form/input/Input.d.ts +1 -1
  13. package/dist/components/form/input/Input.d.ts.map +1 -1
  14. package/dist/components/form/input/Input.styled.d.ts +4 -0
  15. package/dist/components/form/input/Input.styled.d.ts.map +1 -1
  16. package/dist/components/form/textarea/TextArea.styled.d.ts +1 -0
  17. package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -1
  18. package/dist/components/layout/header/Header.styled.d.ts +4 -0
  19. package/dist/components/layout/header/Header.styled.d.ts.map +1 -1
  20. package/dist/components/layout/header/HeaderIconAction.styled.d.ts +3 -1
  21. package/dist/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
  22. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  23. package/dist/components/layout/header/StickyHeader.js +1 -0
  24. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  25. package/dist/components/layout/header/StickyHeader.styled.d.ts +2 -0
  26. package/dist/components/layout/header/StickyHeader.styled.d.ts.map +1 -1
  27. package/dist/components/layout/list/Header.d.ts +4 -2
  28. package/dist/components/layout/list/Header.d.ts.map +1 -1
  29. package/dist/components/layout/list/Item.d.ts +1 -0
  30. package/dist/components/layout/list/Item.d.ts.map +1 -1
  31. package/dist/components/layout/list/Item.js.map +1 -1
  32. package/dist/components/layout/list/Label.d.ts +1 -0
  33. package/dist/components/layout/list/Label.d.ts.map +1 -1
  34. package/dist/components/layout/list/Label.js +1 -1
  35. package/dist/components/layout/list/Label.js.map +1 -1
  36. package/dist/components/layout/list/List.d.ts +1 -0
  37. package/dist/components/layout/list/List.d.ts.map +1 -1
  38. package/dist/components/layout/list/Value.d.ts +1 -0
  39. package/dist/components/layout/list/Value.d.ts.map +1 -1
  40. package/dist/components/layout/section/Section.d.ts +4 -2
  41. package/dist/components/layout/section/Section.d.ts.map +1 -1
  42. package/dist/components/layout/section/SectionContainer.d.ts +1 -0
  43. package/dist/components/layout/section/SectionContainer.d.ts.map +1 -1
  44. package/dist/components/layout/table/Table.styled.d.ts +1 -0
  45. package/dist/components/layout/table/Table.styled.d.ts.map +1 -1
  46. package/dist/components/native/index.d.ts +1 -0
  47. package/dist/components/native/index.d.ts.map +1 -1
  48. package/dist/components/ui/action/Action.styled.d.ts +3 -0
  49. package/dist/components/ui/action/Action.styled.d.ts.map +1 -1
  50. package/dist/components/ui/button/Button.styled.d.ts +1 -0
  51. package/dist/components/ui/button/Button.styled.d.ts.map +1 -1
  52. package/dist/components/ui/drawer/Drawer.d.ts +1 -1
  53. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  54. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  55. package/dist/components/ui/line/Line.d.ts +1 -0
  56. package/dist/components/ui/line/Line.d.ts.map +1 -1
  57. package/dist/components/ui/message/Message.d.ts +1 -85
  58. package/dist/components/ui/message/Message.d.ts.map +1 -1
  59. package/dist/components/ui/message/Message.styled.d.ts +1 -0
  60. package/dist/components/ui/message/Message.styled.d.ts.map +1 -1
  61. package/dist/components/ui/modal/Modal.styled.d.ts +4 -0
  62. package/dist/components/ui/modal/Modal.styled.d.ts.map +1 -1
  63. package/dist/components/ui/modal/ModalButtons.styled.d.ts +8 -5
  64. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  65. package/dist/components/ui/pop/Pop.d.ts +1 -1
  66. package/dist/components/ui/pop/Pop.styled.d.ts +6 -0
  67. package/dist/components/ui/pop/Pop.styled.d.ts.map +1 -1
  68. package/dist/components/ui/progress/Progress.styled.d.ts +3 -0
  69. package/dist/components/ui/progress/Progress.styled.d.ts.map +1 -1
  70. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  71. package/dist/components/ui/stats/Stats.js +1 -1
  72. package/dist/components/ui/stats/Stats.js.map +1 -1
  73. package/dist/components/ui/tabs/Selector.d.ts +1 -1
  74. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  75. package/dist/components/ui/toaster/Toaster.d.ts +1 -1
  76. package/dist/components/ui/toaster/Toaster.styled.d.ts +1 -0
  77. package/dist/components/ui/toaster/Toaster.styled.d.ts.map +1 -1
  78. package/dist/components/ui/toolButton/ToolButton.d.ts +2 -0
  79. package/dist/components/ui/toolButton/ToolButton.d.ts.map +1 -0
  80. package/dist/components/ui/toolButton/ToolButton.js +6 -0
  81. package/dist/components/ui/toolButton/ToolButton.js.map +1 -0
  82. package/dist/components/ui/toolButton/ToolButton.stories.d.ts +8 -0
  83. package/dist/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -0
  84. package/dist/components/ui/toolButton/ToolButton.stories.js +35 -0
  85. package/dist/components/ui/toolButton/ToolButton.stories.js.map +1 -0
  86. package/dist/components/ui/toolButton/ToolButton.styled.d.ts +88 -0
  87. package/dist/components/ui/toolButton/ToolButton.styled.d.ts.map +1 -0
  88. package/dist/components/ui/toolButton/ToolButton.styled.js +49 -0
  89. package/dist/components/ui/toolButton/ToolButton.styled.js.map +1 -0
  90. package/dist/index.d.ts +1 -0
  91. package/dist/index.d.ts.map +1 -1
  92. package/dist/index.js +1 -0
  93. package/dist/index.js.map +1 -1
  94. package/dist/theme.css-reset.d.ts.map +1 -1
  95. package/dist/theme.css-reset.js +4 -0
  96. package/dist/theme.css-reset.js.map +1 -1
  97. package/dist/theme.d.ts +15 -4
  98. package/dist/theme.d.ts.map +1 -1
  99. package/dist/theme.js +1 -0
  100. package/dist/theme.js.map +1 -1
  101. package/dist/utils/makeVariants.d.ts.map +1 -1
  102. package/dist/utils/toObjectValue.d.ts.map +1 -1
  103. package/docs/assets/search.js +1 -1
  104. package/docs/classes/Drawer.html +83 -75
  105. package/docs/classes/Pop.html +85 -77
  106. package/docs/classes/ToasterProvider.html +83 -75
  107. package/docs/enums/ICON.html +14 -14
  108. package/docs/functions/Action.html +13 -8
  109. package/docs/functions/Button.html +13 -12
  110. package/docs/functions/Card.html +13 -8
  111. package/docs/functions/Checkbox.html +13 -8
  112. package/docs/functions/Choice.html +8 -7
  113. package/docs/functions/CoveringLoader.html +13 -8
  114. package/docs/functions/DirectionPad.html +13 -8
  115. package/docs/functions/EqualActions.html +13 -8
  116. package/docs/functions/FullLoader.html +13 -8
  117. package/docs/functions/HandleEsc.html +13 -8
  118. package/docs/functions/Header.html +14 -9
  119. package/docs/functions/HeaderIconAction.html +13 -8
  120. package/docs/functions/Icon-1.html +13 -8
  121. package/docs/functions/If.html +13 -8
  122. package/docs/functions/Input.html +8 -7
  123. package/docs/functions/KeyValue.html +13 -8
  124. package/docs/functions/Label.html +13 -8
  125. package/docs/functions/Line.html +13 -12
  126. package/docs/functions/List-1.html +14 -9
  127. package/docs/functions/Loader.html +13 -8
  128. package/docs/functions/Loading.html +13 -8
  129. package/docs/functions/Message.html +10 -9
  130. package/docs/functions/Modal-1.html +13 -8
  131. package/docs/functions/ModalButtons.html +13 -14
  132. package/docs/functions/PopLoader.html +13 -8
  133. package/docs/functions/PopOption.html +13 -8
  134. package/docs/functions/Progress.html +13 -8
  135. package/docs/functions/SearchContainer.html +13 -8
  136. package/docs/functions/Section.html +13 -12
  137. package/docs/functions/Select.html +13 -14
  138. package/docs/functions/Selector.html +8 -7
  139. package/docs/functions/Spacer.html +13 -8
  140. package/docs/functions/Stats.html +13 -8
  141. package/docs/functions/StickyHeader.html +8 -9
  142. package/docs/functions/Table.html +13 -14
  143. package/docs/functions/TextArea.html +13 -8
  144. package/docs/functions/Toggle.html +13 -8
  145. package/docs/functions/ToolButton.html +160 -0
  146. package/docs/functions/borderPxToRem.html +6 -5
  147. package/docs/functions/createTheme.html +8 -7
  148. package/docs/functions/css.html +6 -5
  149. package/docs/functions/dimensionsPxToRem.html +6 -5
  150. package/docs/functions/fontPxToRem.html +6 -5
  151. package/docs/functions/getCssText.html +6 -5
  152. package/docs/functions/globalCss.html +6 -5
  153. package/docs/functions/keyframes.html +6 -5
  154. package/docs/functions/pxToRem.html +6 -5
  155. package/docs/functions/styled.html +6 -5
  156. package/docs/functions/useToaster.html +6 -5
  157. package/docs/index.html +5 -4
  158. package/docs/interfaces/ActionProps.html +14 -14
  159. package/docs/interfaces/ChoiceProps.html +11 -11
  160. package/docs/interfaces/IconProps.html +7 -7
  161. package/docs/interfaces/InputCustomProps.html +10 -10
  162. package/docs/interfaces/StickyHeaderProps.html +9 -9
  163. package/docs/modules/List.html +7 -7
  164. package/docs/modules/Modal.html +6 -6
  165. package/docs/modules.html +6 -4
  166. package/docs/pages/tutorials/Test.html +5 -4
  167. package/docs/types/InputProps.html +6 -5
  168. package/docs/types/OverwriteProps.html +6 -5
  169. package/docs/types/ThemeCSS.html +6 -5
  170. package/docs/variables/BackgroundClassName.html +6 -5
  171. package/docs/variables/List.Header.html +6 -6
  172. package/docs/variables/List.Item.html +6 -6
  173. package/docs/variables/Modal.RemovePadding.html +5 -5
  174. package/docs/variables/ValueClassName.html +6 -5
  175. package/docs/variables/config.html +6 -5
  176. package/docs/variables/cssReset.html +6 -5
  177. package/docs/variables/miuiScrollbars.html +6 -5
  178. package/docs/variables/theme.html +7 -6
  179. package/esm/components/form/Checkbox.styled.d.ts +3 -0
  180. package/esm/components/form/Checkbox.styled.d.ts.map +1 -1
  181. package/esm/components/form/Select.styled.d.ts +1 -0
  182. package/esm/components/form/Select.styled.d.ts.map +1 -1
  183. package/esm/components/form/Suggestions.d.ts +1 -1
  184. package/esm/components/form/Suggestions.d.ts.map +1 -1
  185. package/esm/components/form/choice/Choice.d.ts +1 -1
  186. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  187. package/esm/components/form/choice/ChoiceItem.d.ts +1 -1
  188. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  189. package/esm/components/form/input/Input.d.ts +1 -1
  190. package/esm/components/form/input/Input.d.ts.map +1 -1
  191. package/esm/components/form/input/Input.styled.d.ts +4 -0
  192. package/esm/components/form/input/Input.styled.d.ts.map +1 -1
  193. package/esm/components/form/textarea/TextArea.styled.d.ts +1 -0
  194. package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -1
  195. package/esm/components/layout/header/Header.styled.d.ts +4 -0
  196. package/esm/components/layout/header/Header.styled.d.ts.map +1 -1
  197. package/esm/components/layout/header/HeaderIconAction.styled.d.ts +3 -1
  198. package/esm/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
  199. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  200. package/esm/components/layout/header/StickyHeader.js +1 -0
  201. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  202. package/esm/components/layout/header/StickyHeader.styled.d.ts +2 -0
  203. package/esm/components/layout/header/StickyHeader.styled.d.ts.map +1 -1
  204. package/esm/components/layout/list/Header.d.ts +4 -2
  205. package/esm/components/layout/list/Header.d.ts.map +1 -1
  206. package/esm/components/layout/list/Item.d.ts +1 -0
  207. package/esm/components/layout/list/Item.d.ts.map +1 -1
  208. package/esm/components/layout/list/Item.js.map +1 -1
  209. package/esm/components/layout/list/Label.d.ts +1 -0
  210. package/esm/components/layout/list/Label.d.ts.map +1 -1
  211. package/esm/components/layout/list/Label.js +1 -1
  212. package/esm/components/layout/list/Label.js.map +1 -1
  213. package/esm/components/layout/list/List.d.ts +1 -0
  214. package/esm/components/layout/list/List.d.ts.map +1 -1
  215. package/esm/components/layout/list/Value.d.ts +1 -0
  216. package/esm/components/layout/list/Value.d.ts.map +1 -1
  217. package/esm/components/layout/section/Section.d.ts +4 -2
  218. package/esm/components/layout/section/Section.d.ts.map +1 -1
  219. package/esm/components/layout/section/SectionContainer.d.ts +1 -0
  220. package/esm/components/layout/section/SectionContainer.d.ts.map +1 -1
  221. package/esm/components/layout/table/Table.styled.d.ts +1 -0
  222. package/esm/components/layout/table/Table.styled.d.ts.map +1 -1
  223. package/esm/components/native/index.d.ts +1 -0
  224. package/esm/components/native/index.d.ts.map +1 -1
  225. package/esm/components/ui/action/Action.styled.d.ts +3 -0
  226. package/esm/components/ui/action/Action.styled.d.ts.map +1 -1
  227. package/esm/components/ui/button/Button.styled.d.ts +1 -0
  228. package/esm/components/ui/button/Button.styled.d.ts.map +1 -1
  229. package/esm/components/ui/drawer/Drawer.d.ts +1 -1
  230. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  231. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  232. package/esm/components/ui/line/Line.d.ts +1 -0
  233. package/esm/components/ui/line/Line.d.ts.map +1 -1
  234. package/esm/components/ui/message/Message.d.ts +1 -85
  235. package/esm/components/ui/message/Message.d.ts.map +1 -1
  236. package/esm/components/ui/message/Message.styled.d.ts +1 -0
  237. package/esm/components/ui/message/Message.styled.d.ts.map +1 -1
  238. package/esm/components/ui/modal/Modal.styled.d.ts +4 -0
  239. package/esm/components/ui/modal/Modal.styled.d.ts.map +1 -1
  240. package/esm/components/ui/modal/ModalButtons.styled.d.ts +8 -5
  241. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  242. package/esm/components/ui/pop/Pop.d.ts +1 -1
  243. package/esm/components/ui/pop/Pop.styled.d.ts +6 -0
  244. package/esm/components/ui/pop/Pop.styled.d.ts.map +1 -1
  245. package/esm/components/ui/progress/Progress.styled.d.ts +3 -0
  246. package/esm/components/ui/progress/Progress.styled.d.ts.map +1 -1
  247. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  248. package/esm/components/ui/stats/Stats.js +1 -1
  249. package/esm/components/ui/stats/Stats.js.map +1 -1
  250. package/esm/components/ui/tabs/Selector.d.ts +1 -1
  251. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  252. package/esm/components/ui/toaster/Toaster.d.ts +1 -1
  253. package/esm/components/ui/toaster/Toaster.styled.d.ts +1 -0
  254. package/esm/components/ui/toaster/Toaster.styled.d.ts.map +1 -1
  255. package/esm/components/ui/toolButton/ToolButton.d.ts +2 -0
  256. package/esm/components/ui/toolButton/ToolButton.d.ts.map +1 -0
  257. package/esm/components/ui/toolButton/ToolButton.js +2 -0
  258. package/esm/components/ui/toolButton/ToolButton.js.map +1 -0
  259. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +8 -0
  260. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -0
  261. package/esm/components/ui/toolButton/ToolButton.stories.js +29 -0
  262. package/esm/components/ui/toolButton/ToolButton.stories.js.map +1 -0
  263. package/esm/components/ui/toolButton/ToolButton.styled.d.ts +88 -0
  264. package/esm/components/ui/toolButton/ToolButton.styled.d.ts.map +1 -0
  265. package/esm/components/ui/toolButton/ToolButton.styled.js +46 -0
  266. package/esm/components/ui/toolButton/ToolButton.styled.js.map +1 -0
  267. package/esm/index.d.ts +1 -0
  268. package/esm/index.d.ts.map +1 -1
  269. package/esm/index.js +1 -0
  270. package/esm/index.js.map +1 -1
  271. package/esm/theme.css-reset.d.ts.map +1 -1
  272. package/esm/theme.css-reset.js +4 -0
  273. package/esm/theme.css-reset.js.map +1 -1
  274. package/esm/theme.d.ts +15 -4
  275. package/esm/theme.d.ts.map +1 -1
  276. package/esm/theme.js +1 -0
  277. package/esm/theme.js.map +1 -1
  278. package/esm/utils/makeVariants.d.ts.map +1 -1
  279. package/esm/utils/toObjectValue.d.ts.map +1 -1
  280. package/package.json +38 -36
  281. package/patches/@stitches+react+1.2.8.patch +39 -0
  282. package/pnpm-lock.yaml +3021 -5440
  283. package/src/components/layout/header/StickyHeader.tsx +1 -0
  284. package/src/components/layout/list/Item.tsx +0 -2
  285. package/src/components/layout/list/Label.tsx +1 -1
  286. package/src/components/ui/drawer/Drawer.tsx +1 -1
  287. package/src/components/ui/stats/Stats.tsx +2 -1
  288. package/src/components/ui/toolButton/ToolButton.stories.tsx +41 -0
  289. package/src/components/ui/toolButton/ToolButton.styled.ts +56 -0
  290. package/src/components/ui/toolButton/ToolButton.ts +1 -0
  291. package/src/index.ts +1 -1
  292. package/src/theme.css-reset.ts +4 -0
  293. package/src/theme.ts +2 -0
package/docs/classes/ToasterProvider.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ToasterProvider | react-miui - v0.26.0</title><meta name="description" content="Documentation for react-miui - v0.26.0"/><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 async src="../assets/search.js" id="search-script"></script><link rel="stylesheet" href="../assets/pages.css"/></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ToasterProvider | react-miui - v0.27.1</title><meta name="description" content="Documentation for react-miui - v0.27.1"/><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 async src="../assets/search.js" id="search-script"></script><link rel="stylesheet" href="../assets/pages.css"/></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
2
2
  <div class="tsd-toolbar-contents container">
3
3
  <div class="table-cell" id="tsd-search" data-base="..">
4
4
  <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"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
@@ -6,13 +6,13 @@
6
6
  <div id="tsd-toolbar-links"></div></div>
7
7
  <ul class="results">
8
8
  <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.26.0</a></div>
9
+ <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.27.1</a></div>
10
10
  <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"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
11
11
  <div class="container container-main">
12
12
  <div class="col-8 col-content">
13
13
  <div class="tsd-page-title">
14
14
  <ul class="tsd-breadcrumb">
15
- <li><a href="../modules.html">react-miui - v0.26.0</a></li>
15
+ <li><a href="../modules.html">react-miui - v0.27.1</a></li>
16
16
  <li><a href="ToasterProvider.html">ToasterProvider</a></li></ul>
17
17
  <h1>Class ToasterProvider</h1></div>
18
18
  <section class="tsd-panel tsd-hierarchy">
@@ -22,7 +22,7 @@
22
22
  <ul class="tsd-hierarchy">
23
23
  <li><span class="target">ToasterProvider</span></li></ul></li></ul></section><aside class="tsd-sources">
24
24
  <ul>
25
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L26">src/components/ui/toaster/Toaster.tsx:26</a></li></ul></aside>
25
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L26">src/components/ui/toaster/Toaster.tsx:26</a></li></ul></aside>
26
26
  <section class="tsd-panel-group tsd-index-group">
27
27
  <section class="tsd-panel tsd-index-panel">
28
28
  <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -78,7 +78,7 @@
78
78
  <h4 class="tsd-returns-title">Returns <a href="ToasterProvider.html" class="tsd-signature-type" data-tsd-kind="Class">ToasterProvider</a></h4><aside class="tsd-sources">
79
79
  <p>Overrides React.Component&lt;Props, State&gt;.constructor</p>
80
80
  <ul>
81
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L27">src/components/ui/toaster/Toaster.tsx:27</a></li></ul></aside></li></ul></section></section>
81
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L27">src/components/ui/toaster/Toaster.tsx:27</a></li></ul></aside></li></ul></section></section>
82
82
  <section class="tsd-panel-group tsd-member-group">
83
83
  <h2>Properties</h2>
84
84
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="context" class="tsd-anchor"></a>
@@ -87,25 +87,27 @@
87
87
  <div class="tsd-comment tsd-typography"><p>If using the new style context, re-declare this in your class to be the
88
88
  <code>React.ContextType</code> of your <code>static contextType</code>.
89
89
  Should be used with type annotation or static contextType.</p>
90
- <pre><code class="language-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>
90
+
91
+ <h3>Example</h3><pre><code class="language-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>
91
92
  </code></pre>
92
93
 
93
- <h3>See</h3><p><a href="https://reactjs.org/docs/context.html">https://reactjs.org/docs/context.html</a></p>
94
+ <h3>See</h3><p><a href="https://react.dev/reference/react/Component#context">React Docs</a></p>
94
95
  </div><aside class="tsd-sources">
95
96
  <p>Inherited from React.Component.context</p>
96
97
  <ul>
97
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:471</li></ul></aside></section>
98
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1006</li></ul></aside></section>
98
99
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="props" class="tsd-anchor"></a>
99
100
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadonly">Readonly</code> <span>props</span><a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
100
101
  <div class="tsd-signature">props<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">
101
102
  <p>Inherited from React.Component.props</p>
102
103
  <ul>
103
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:491</li></ul></aside></section>
104
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1026</li></ul></aside></section>
104
105
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="refs" class="tsd-anchor"></a>
105
106
  <h3 class="tsd-anchor-link"><span class="deprecated">refs</span><a href="#refs" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
106
107
  <div class="tsd-signature">refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span>    </span>[key: <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><br/><span class="tsd-signature-symbol">}</span></div>
107
108
  <div class="tsd-comment tsd-typography">
108
- <h3>Deprecated</h3><p><a href="https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs</a></p>
109
+ <h3>Deprecated</h3>
110
+ <h3>See</h3><p><a href="https://legacy.reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">Legacy React Docs</a></p>
109
111
  </div>
110
112
  <div class="tsd-type-declaration">
111
113
  <h4>Type declaration</h4>
@@ -114,26 +116,26 @@ Should be used with type annotation or static contextType.</p>
114
116
  <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">ReactInstance</span></h5></li></ul></div><aside class="tsd-sources">
115
117
  <p>Inherited from React.Component.refs</p>
116
118
  <ul>
117
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:497</li></ul></aside></section>
119
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1033</li></ul></aside></section>
118
120
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="state" class="tsd-anchor"></a>
119
121
  <h3 class="tsd-anchor-link"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
120
122
  <div class="tsd-signature">state<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">
121
123
  <p>Inherited from React.Component.state</p>
122
124
  <ul>
123
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:492</li></ul></aside></section>
125
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1027</li></ul></aside></section>
124
126
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="contextType" class="tsd-anchor"></a>
125
127
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <code class="tsd-tag ts-flagOptional">Optional</code> <span>context<wbr/>Type</span><a href="#contextType" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
126
128
  <div class="tsd-signature">context<wbr/>Type<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>
127
129
  <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>
128
- <p>Usage:</p>
129
- <pre><code class="language-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>
130
+
131
+ <h3>Example</h3><pre><code class="language-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>
130
132
  </code></pre>
131
133
 
132
- <h3>See</h3><p><a href="https://reactjs.org/docs/context.html#classcontexttype">https://reactjs.org/docs/context.html#classcontexttype</a></p>
134
+ <h3>See</h3><p><a href="https://react.dev/reference/react/Component#static-contexttype">https://react.dev/reference/react/Component#static-contexttype</a></p>
133
135
  </div><aside class="tsd-sources">
134
136
  <p>Inherited from React.Component.contextType</p>
135
137
  <ul>
136
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:454</li></ul></aside></section></section>
138
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:988</li></ul></aside></section></section>
137
139
  <section class="tsd-panel-group tsd-member-group">
138
140
  <h2>Methods</h2>
139
141
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillMount" class="tsd-anchor"></a>
@@ -141,23 +143,24 @@ Should be used with type annotation or static contextType.</p>
141
143
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
142
144
  <li class="tsd-signature tsd-anchor-link" id="UNSAFE_componentWillMount.UNSAFE_componentWillMount-1">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#UNSAFE_componentWillMount.UNSAFE_componentWillMount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
143
145
  <li class="tsd-description">
144
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <code>Component#render</code>.
146
+ <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
145
147
  Avoid introducing any side-effects or subscriptions in this method.</p>
146
148
  <p>This method will not stop working in React 17.</p>
147
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
148
- prevents this from being invoked.</p>
149
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
150
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
151
+ this from being invoked.</p>
149
152
 
150
- <h3>Deprecated</h3><p>16.3, use componentDidMount or the constructor instead</p>
153
+ <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead</p>
151
154
 
152
155
  <h3>See</h3><ul>
153
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
154
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
156
+ <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>
157
+ <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>
155
158
  </ul>
156
159
  </div>
157
160
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
158
161
  <p>Inherited from React.Component.UNSAFE_componentWillMount</p>
159
162
  <ul>
160
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:688</li></ul></aside></li></ul></section>
163
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1463</li></ul></aside></li></ul></section>
161
164
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillReceiveProps" class="tsd-anchor"></a>
162
165
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#UNSAFE_componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
163
166
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -166,16 +169,17 @@ prevents this from being invoked.</p>
166
169
  <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
167
170
  React may call this even if props have not changed, so be sure to compare new and existing
168
171
  props if you only want to handle changes.</p>
169
- <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
172
+ <p>Calling Component.setState generally does not trigger this method.</p>
170
173
  <p>This method will not stop working in React 17.</p>
171
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
172
- prevents this from being invoked.</p>
174
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
175
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
176
+ this from being invoked.</p>
173
177
 
174
- <h3>Deprecated</h3><p>16.3, use static getDerivedStateFromProps instead</p>
178
+ <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead</p>
175
179
 
176
180
  <h3>See</h3><ul>
177
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
178
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
181
+ <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>
182
+ <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>
179
183
  </ul>
180
184
  </div>
181
185
  <div class="tsd-parameters">
@@ -188,23 +192,24 @@ prevents this from being invoked.</p>
188
192
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
189
193
  <p>Inherited from React.Component.UNSAFE_componentWillReceiveProps</p>
190
194
  <ul>
191
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:720</li></ul></aside></li></ul></section>
195
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1497</li></ul></aside></li></ul></section>
192
196
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillUpdate" class="tsd-anchor"></a>
193
197
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</span><a href="#UNSAFE_componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
194
198
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
195
199
  <li class="tsd-signature tsd-anchor-link" id="UNSAFE_componentWillUpdate.UNSAFE_componentWillUpdate-1">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<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>, nextState<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>, nextContext<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="#UNSAFE_componentWillUpdate.UNSAFE_componentWillUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
196
200
  <li class="tsd-description">
197
201
  <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>
198
- <p>Note: You cannot call <code>Component#setState</code> here.</p>
202
+ <p>Note: You cannot call Component.setState here.</p>
199
203
  <p>This method will not stop working in React 17.</p>
200
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
201
- prevents this from being invoked.</p>
204
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
205
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
206
+ this from being invoked.</p>
202
207
 
203
208
  <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead</p>
204
209
 
205
210
  <h3>See</h3><ul>
206
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
207
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
211
+ <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>
212
+ <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>
208
213
  </ul>
209
214
  </div>
210
215
  <div class="tsd-parameters">
@@ -219,7 +224,7 @@ prevents this from being invoked.</p>
219
224
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
220
225
  <p>Inherited from React.Component.UNSAFE_componentWillUpdate</p>
221
226
  <ul>
222
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:748</li></ul></aside></li></ul></section>
227
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1527</li></ul></aside></li></ul></section>
223
228
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_add" class="tsd-anchor"></a>
224
229
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_add</span><a href="#_add" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
225
230
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -234,7 +239,7 @@ prevents this from being invoked.</p>
234
239
  <h5>timeout: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = DEFAULT_TIMEOUT</span></h5></li></ul></div>
235
240
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
236
241
  <ul>
237
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L35">src/components/ui/toaster/Toaster.tsx:35</a></li></ul></aside></li></ul></section>
242
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L35">src/components/ui/toaster/Toaster.tsx:35</a></li></ul></aside></li></ul></section>
238
243
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_handleRemove" class="tsd-anchor"></a>
239
244
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_handle<wbr/>Remove</span><a href="#_handleRemove" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
240
245
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -247,7 +252,7 @@ prevents this from being invoked.</p>
247
252
  <h5>id: <span class="tsd-signature-type">string</span></h5></li></ul></div>
248
253
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
249
254
  <ul>
250
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L66">src/components/ui/toaster/Toaster.tsx:66</a></li></ul></aside></li></ul></section>
255
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L66">src/components/ui/toaster/Toaster.tsx:66</a></li></ul></aside></li></ul></section>
251
256
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_removeAllToasts" class="tsd-anchor"></a>
252
257
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_remove<wbr/>All<wbr/>Toasts</span><a href="#_removeAllToasts" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
253
258
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -255,7 +260,7 @@ prevents this from being invoked.</p>
255
260
  <li class="tsd-description">
256
261
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
257
262
  <ul>
258
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L73">src/components/ui/toaster/Toaster.tsx:73</a></li></ul></aside></li></ul></section>
263
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L73">src/components/ui/toaster/Toaster.tsx:73</a></li></ul></aside></li></ul></section>
259
264
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidCatch" class="tsd-anchor"></a>
260
265
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Catch</span><a href="#componentDidCatch" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
261
266
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -274,7 +279,7 @@ the entire component tree to unmount.</p>
274
279
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
275
280
  <p>Inherited from React.Component.componentDidCatch</p>
276
281
  <ul>
277
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:617</li></ul></aside></li></ul></section>
282
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1390</li></ul></aside></li></ul></section>
278
283
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidMount" class="tsd-anchor"></a>
279
284
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Mount</span><a href="#componentDidMount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
280
285
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -285,14 +290,14 @@ the entire component tree to unmount.</p>
285
290
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
286
291
  <p>Inherited from React.Component.componentDidMount</p>
287
292
  <ul>
288
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:596</li></ul></aside></li></ul></section>
293
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1369</li></ul></aside></li></ul></section>
289
294
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidUpdate" class="tsd-anchor"></a>
290
295
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Update</span><a href="#componentDidUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
291
296
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
292
297
  <li class="tsd-signature tsd-anchor-link" id="componentDidUpdate.componentDidUpdate-1">component<wbr/>Did<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<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>, prevState<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>, snapshot<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="#componentDidUpdate.componentDidUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
293
298
  <li class="tsd-description">
294
299
  <div class="tsd-comment tsd-typography"><p>Called immediately after updating occurs. Not called for the initial render.</p>
295
- <p>The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.</p>
300
+ <p>The snapshot is only present if <a href="ToasterProvider.html#getSnapshotBeforeUpdate">getSnapshotBeforeUpdate</a> is present and returns non-null.</p>
296
301
  </div>
297
302
  <div class="tsd-parameters">
298
303
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -306,28 +311,29 @@ the entire component tree to unmount.</p>
306
311
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
307
312
  <p>Inherited from React.Component.componentDidUpdate</p>
308
313
  <ul>
309
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:659</li></ul></aside></li></ul></section>
314
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1432</li></ul></aside></li></ul></section>
310
315
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillMount" class="tsd-anchor"></a>
311
316
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Mount</span><a href="#componentWillMount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
312
317
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
313
318
  <li class="tsd-signature tsd-anchor-link" id="componentWillMount.componentWillMount-1">component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentWillMount.componentWillMount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
314
319
  <li class="tsd-description">
315
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <code>Component#render</code>.
320
+ <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
316
321
  Avoid introducing any side-effects or subscriptions in this method.</p>
317
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
318
- prevents this from being invoked.</p>
322
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
323
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
324
+ this from being invoked.</p>
319
325
 
320
- <h3>Deprecated</h3><p>16.3, use componentDidMount or the constructor instead; will stop working in React 17</p>
326
+ <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead; will stop working in React 17</p>
321
327
 
322
328
  <h3>See</h3><ul>
323
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
324
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
329
+ <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>
330
+ <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>
325
331
  </ul>
326
332
  </div>
327
333
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
328
334
  <p>Inherited from React.Component.componentWillMount</p>
329
335
  <ul>
330
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:674</li></ul></aside></li></ul></section>
336
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1448</li></ul></aside></li></ul></section>
331
337
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillReceiveProps" class="tsd-anchor"></a>
332
338
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
333
339
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -336,15 +342,16 @@ prevents this from being invoked.</p>
336
342
  <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
337
343
  React may call this even if props have not changed, so be sure to compare new and existing
338
344
  props if you only want to handle changes.</p>
339
- <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
340
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
341
- prevents this from being invoked.</p>
345
+ <p>Calling Component.setState generally does not trigger this method.</p>
346
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
347
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
348
+ this from being invoked.</p>
342
349
 
343
- <h3>Deprecated</h3><p>16.3, use static getDerivedStateFromProps instead; will stop working in React 17</p>
350
+ <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead; will stop working in React 17</p>
344
351
 
345
352
  <h3>See</h3><ul>
346
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
347
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
353
+ <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>
354
+ <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>
348
355
  </ul>
349
356
  </div>
350
357
  <div class="tsd-parameters">
@@ -357,7 +364,7 @@ prevents this from being invoked.</p>
357
364
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
358
365
  <p>Inherited from React.Component.componentWillReceiveProps</p>
359
366
  <ul>
360
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:703</li></ul></aside></li></ul></section>
367
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1479</li></ul></aside></li></ul></section>
361
368
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUnmount" class="tsd-anchor"></a>
362
369
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Unmount</span><a href="#componentWillUnmount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
363
370
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -369,22 +376,23 @@ cancelled network requests, or cleaning up any DOM elements created in <code>com
369
376
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
370
377
  <p>Inherited from React.Component.componentWillUnmount</p>
371
378
  <ul>
372
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:612</li></ul></aside></li></ul></section>
379
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1385</li></ul></aside></li></ul></section>
373
380
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUpdate" class="tsd-anchor"></a>
374
381
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Update</span><a href="#componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
375
382
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
376
383
  <li class="tsd-signature tsd-anchor-link" id="componentWillUpdate.componentWillUpdate-1">component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<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>, nextState<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>, nextContext<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="#componentWillUpdate.componentWillUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
377
384
  <li class="tsd-description">
378
385
  <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>
379
- <p>Note: You cannot call <code>Component#setState</code> here.</p>
380
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
381
- prevents this from being invoked.</p>
386
+ <p>Note: You cannot call Component.setState here.</p>
387
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
388
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
389
+ this from being invoked.</p>
382
390
 
383
391
  <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
384
392
 
385
393
  <h3>See</h3><ul>
386
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
387
- <li><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
394
+ <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>
395
+ <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>
388
396
  </ul>
389
397
  </div>
390
398
  <div class="tsd-parameters">
@@ -399,7 +407,7 @@ prevents this from being invoked.</p>
399
407
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
400
408
  <p>Inherited from React.Component.componentWillUpdate</p>
401
409
  <ul>
402
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:733</li></ul></aside></li></ul></section>
410
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1511</li></ul></aside></li></ul></section>
403
411
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="forceUpdate" class="tsd-anchor"></a>
404
412
  <h3 class="tsd-anchor-link"><span>force<wbr/>Update</span><a href="#forceUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
405
413
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -419,16 +427,16 @@ prevents this from being invoked.</p>
419
427
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
420
428
  <p>Inherited from React.Component.forceUpdate</p>
421
429
  <ul>
422
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:488</li></ul></aside></li></ul></section>
430
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1023</li></ul></aside></li></ul></section>
423
431
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="getSnapshotBeforeUpdate" class="tsd-anchor"></a>
424
432
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update</span><a href="#getSnapshotBeforeUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
425
433
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
426
434
  <li class="tsd-signature tsd-anchor-link" id="getSnapshotBeforeUpdate.getSnapshotBeforeUpdate-1">get<wbr/>Snapshot<wbr/>Before<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<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>, prevState<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><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#getSnapshotBeforeUpdate.getSnapshotBeforeUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
427
435
  <li class="tsd-description">
428
- <div class="tsd-comment tsd-typography"><p>Runs before React applies the result of <code>render</code> to the document, and
429
- returns an object to be given to componentDidUpdate. Useful for saving
430
- things such as scroll position before <code>render</code> causes changes to it.</p>
431
- <p>Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated
436
+ <div class="tsd-comment tsd-typography"><p>Runs before React applies the result of Component.render render to the document, and
437
+ returns an object to be given to <a href="ToasterProvider.html#componentDidUpdate">componentDidUpdate</a>. Useful for saving
438
+ things such as scroll position before Component.render render causes changes to it.</p>
439
+ <p>Note: the presence of this method prevents any of the deprecated
432
440
  lifecycle events from running.</p>
433
441
  </div>
434
442
  <div class="tsd-parameters">
@@ -441,7 +449,7 @@ lifecycle events from running.</p>
441
449
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
442
450
  <p>Inherited from React.Component.getSnapshotBeforeUpdate</p>
443
451
  <ul>
444
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:653</li></ul></aside></li></ul></section>
452
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1426</li></ul></aside></li></ul></section>
445
453
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="render" class="tsd-anchor"></a>
446
454
  <h3 class="tsd-anchor-link"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
447
455
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -450,7 +458,7 @@ lifecycle events from running.</p>
450
458
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4><aside class="tsd-sources">
451
459
  <p>Overrides React.Component.render</p>
452
460
  <ul>
453
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/72caa6f/src/components/ui/toaster/Toaster.tsx#L88">src/components/ui/toaster/Toaster.tsx:88</a></li></ul></aside></li></ul></section>
461
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/toaster/Toaster.tsx#L88">src/components/ui/toaster/Toaster.tsx:88</a></li></ul></aside></li></ul></section>
454
462
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="setState" class="tsd-anchor"></a>
455
463
  <h3 class="tsd-anchor-link"><span>set<wbr/>State</span><a href="#setState" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
456
464
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -477,7 +485,7 @@ lifecycle events from running.</p>
477
485
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
478
486
  <p>Inherited from React.Component.setState</p>
479
487
  <ul>
480
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:483</li></ul></aside></li></ul></section>
488
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1018</li></ul></aside></li></ul></section>
481
489
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="shouldComponentUpdate" class="tsd-anchor"></a>
482
490
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>should<wbr/>Component<wbr/>Update</span><a href="#shouldComponentUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
483
491
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -487,7 +495,7 @@ lifecycle events from running.</p>
487
495
  <p><code>Component</code> always returns true.
488
496
  <code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
489
497
  props or states have changed.</p>
490
- <p>If false is returned, <code>Component#render</code>, <code>componentWillUpdate</code>
498
+ <p>If false is returned, Component.render, <code>componentWillUpdate</code>
491
499
  and <code>componentDidUpdate</code> will not be called.</p>
492
500
  </div>
493
501
  <div class="tsd-parameters">
@@ -502,7 +510,7 @@ and <code>componentDidUpdate</code> will not be called.</p>
502
510
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
503
511
  <p>Inherited from React.Component.shouldComponentUpdate</p>
504
512
  <ul>
505
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:607</li></ul></aside></li></ul></section></section></div>
513
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1380</li></ul></aside></li></ul></section></section></div>
506
514
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
507
515
  <div class="tsd-navigation settings">
508
516
  <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -522,7 +530,7 @@ and <code>componentDidUpdate</code> will not be called.</p>
522
530
  <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
523
531
  <div class="tsd-accordion-details">
524
532
  <ul>
525
- <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.26.0</a>
533
+ <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.27.1</a>
526
534
  <ul>
527
535
  <li class="pages-entry pages-entry-page pages-entry-depth-1"><a href="../pages/tutorials/Test.html">Test</a></li>
528
536
  <li class="tsd-kind-namespace"><a href="../modules/List.html">List</a></li>