react-miui 0.27.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 (167) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/form/Suggestions.d.ts +1 -1
  3. package/dist/components/form/Suggestions.d.ts.map +1 -1
  4. package/dist/components/form/choice/Choice.d.ts +1 -1
  5. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  6. package/dist/components/form/choice/ChoiceItem.d.ts +1 -1
  7. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  8. package/dist/components/form/input/Input.d.ts +1 -1
  9. package/dist/components/form/input/Input.d.ts.map +1 -1
  10. package/dist/components/layout/header/HeaderIconAction.styled.d.ts +0 -1
  11. package/dist/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
  12. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  13. package/dist/components/layout/header/StickyHeader.js +1 -0
  14. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  15. package/dist/components/layout/list/Header.d.ts +2 -2
  16. package/dist/components/layout/list/Item.d.ts.map +1 -1
  17. package/dist/components/layout/list/Item.js.map +1 -1
  18. package/dist/components/layout/list/Label.js +1 -1
  19. package/dist/components/layout/list/Label.js.map +1 -1
  20. package/dist/components/layout/section/Section.d.ts +3 -2
  21. package/dist/components/layout/section/Section.d.ts.map +1 -1
  22. package/dist/components/ui/drawer/Drawer.d.ts +1 -1
  23. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  24. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  25. package/dist/components/ui/message/Message.d.ts +1 -86
  26. package/dist/components/ui/message/Message.d.ts.map +1 -1
  27. package/dist/components/ui/modal/ModalButtons.styled.d.ts +6 -5
  28. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  29. package/dist/components/ui/pop/Pop.d.ts +1 -1
  30. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  31. package/dist/components/ui/stats/Stats.js +1 -1
  32. package/dist/components/ui/stats/Stats.js.map +1 -1
  33. package/dist/components/ui/tabs/Selector.d.ts +1 -1
  34. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  35. package/dist/components/ui/toaster/Toaster.d.ts +1 -1
  36. package/dist/theme.css-reset.d.ts.map +1 -1
  37. package/dist/theme.css-reset.js +4 -0
  38. package/dist/theme.css-reset.js.map +1 -1
  39. package/dist/theme.d.ts +5 -4
  40. package/dist/theme.d.ts.map +1 -1
  41. package/dist/utils/makeVariants.d.ts.map +1 -1
  42. package/dist/utils/toObjectValue.d.ts.map +1 -1
  43. package/docs/classes/Drawer.html +83 -75
  44. package/docs/classes/Pop.html +85 -77
  45. package/docs/classes/ToasterProvider.html +83 -75
  46. package/docs/enums/ICON.html +14 -14
  47. package/docs/functions/Action.html +12 -8
  48. package/docs/functions/Button.html +12 -12
  49. package/docs/functions/Card.html +12 -8
  50. package/docs/functions/Checkbox.html +12 -8
  51. package/docs/functions/Choice.html +7 -7
  52. package/docs/functions/CoveringLoader.html +12 -8
  53. package/docs/functions/DirectionPad.html +12 -8
  54. package/docs/functions/EqualActions.html +12 -8
  55. package/docs/functions/FullLoader.html +12 -8
  56. package/docs/functions/HandleEsc.html +12 -8
  57. package/docs/functions/Header.html +13 -9
  58. package/docs/functions/HeaderIconAction.html +12 -8
  59. package/docs/functions/Icon-1.html +12 -8
  60. package/docs/functions/If.html +12 -8
  61. package/docs/functions/Input.html +7 -7
  62. package/docs/functions/KeyValue.html +12 -8
  63. package/docs/functions/Label.html +12 -8
  64. package/docs/functions/Line.html +12 -12
  65. package/docs/functions/List-1.html +13 -9
  66. package/docs/functions/Loader.html +12 -8
  67. package/docs/functions/Loading.html +12 -8
  68. package/docs/functions/Message.html +9 -9
  69. package/docs/functions/Modal-1.html +12 -8
  70. package/docs/functions/ModalButtons.html +12 -14
  71. package/docs/functions/PopLoader.html +12 -8
  72. package/docs/functions/PopOption.html +12 -8
  73. package/docs/functions/Progress.html +12 -8
  74. package/docs/functions/SearchContainer.html +12 -8
  75. package/docs/functions/Section.html +12 -12
  76. package/docs/functions/Select.html +12 -14
  77. package/docs/functions/Selector.html +7 -7
  78. package/docs/functions/Spacer.html +12 -8
  79. package/docs/functions/Stats.html +12 -8
  80. package/docs/functions/StickyHeader.html +7 -9
  81. package/docs/functions/Table.html +12 -14
  82. package/docs/functions/TextArea.html +12 -8
  83. package/docs/functions/Toggle.html +12 -8
  84. package/docs/functions/ToolButton.html +12 -12
  85. package/docs/functions/borderPxToRem.html +5 -5
  86. package/docs/functions/createTheme.html +5 -5
  87. package/docs/functions/css.html +5 -5
  88. package/docs/functions/dimensionsPxToRem.html +5 -5
  89. package/docs/functions/fontPxToRem.html +5 -5
  90. package/docs/functions/getCssText.html +5 -5
  91. package/docs/functions/globalCss.html +5 -5
  92. package/docs/functions/keyframes.html +5 -5
  93. package/docs/functions/pxToRem.html +5 -5
  94. package/docs/functions/styled.html +5 -5
  95. package/docs/functions/useToaster.html +5 -5
  96. package/docs/index.html +4 -4
  97. package/docs/interfaces/ActionProps.html +14 -14
  98. package/docs/interfaces/ChoiceProps.html +11 -11
  99. package/docs/interfaces/IconProps.html +7 -7
  100. package/docs/interfaces/InputCustomProps.html +10 -10
  101. package/docs/interfaces/StickyHeaderProps.html +9 -9
  102. package/docs/modules/List.html +7 -7
  103. package/docs/modules/Modal.html +6 -6
  104. package/docs/modules.html +4 -4
  105. package/docs/pages/tutorials/Test.html +4 -4
  106. package/docs/types/InputProps.html +5 -5
  107. package/docs/types/OverwriteProps.html +5 -5
  108. package/docs/types/ThemeCSS.html +5 -5
  109. package/docs/variables/BackgroundClassName.html +5 -5
  110. package/docs/variables/List.Header.html +6 -6
  111. package/docs/variables/List.Item.html +6 -6
  112. package/docs/variables/Modal.RemovePadding.html +5 -5
  113. package/docs/variables/ValueClassName.html +5 -5
  114. package/docs/variables/config.html +5 -5
  115. package/docs/variables/cssReset.html +5 -5
  116. package/docs/variables/miuiScrollbars.html +5 -5
  117. package/docs/variables/theme.html +5 -5
  118. package/esm/components/form/Suggestions.d.ts +1 -1
  119. package/esm/components/form/Suggestions.d.ts.map +1 -1
  120. package/esm/components/form/choice/Choice.d.ts +1 -1
  121. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  122. package/esm/components/form/choice/ChoiceItem.d.ts +1 -1
  123. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  124. package/esm/components/form/input/Input.d.ts +1 -1
  125. package/esm/components/form/input/Input.d.ts.map +1 -1
  126. package/esm/components/layout/header/HeaderIconAction.styled.d.ts +0 -1
  127. package/esm/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
  128. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  129. package/esm/components/layout/header/StickyHeader.js +1 -0
  130. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  131. package/esm/components/layout/list/Header.d.ts +2 -2
  132. package/esm/components/layout/list/Item.d.ts.map +1 -1
  133. package/esm/components/layout/list/Item.js.map +1 -1
  134. package/esm/components/layout/list/Label.js +1 -1
  135. package/esm/components/layout/list/Label.js.map +1 -1
  136. package/esm/components/layout/section/Section.d.ts +3 -2
  137. package/esm/components/layout/section/Section.d.ts.map +1 -1
  138. package/esm/components/ui/drawer/Drawer.d.ts +1 -1
  139. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  140. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  141. package/esm/components/ui/message/Message.d.ts +1 -86
  142. package/esm/components/ui/message/Message.d.ts.map +1 -1
  143. package/esm/components/ui/modal/ModalButtons.styled.d.ts +6 -5
  144. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  145. package/esm/components/ui/pop/Pop.d.ts +1 -1
  146. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  147. package/esm/components/ui/stats/Stats.js +1 -1
  148. package/esm/components/ui/stats/Stats.js.map +1 -1
  149. package/esm/components/ui/tabs/Selector.d.ts +1 -1
  150. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  151. package/esm/components/ui/toaster/Toaster.d.ts +1 -1
  152. package/esm/theme.css-reset.d.ts.map +1 -1
  153. package/esm/theme.css-reset.js +4 -0
  154. package/esm/theme.css-reset.js.map +1 -1
  155. package/esm/theme.d.ts +5 -4
  156. package/esm/theme.d.ts.map +1 -1
  157. package/esm/utils/makeVariants.d.ts.map +1 -1
  158. package/esm/utils/toObjectValue.d.ts.map +1 -1
  159. package/package.json +38 -36
  160. package/patches/@stitches+react+1.2.8.patch +39 -0
  161. package/pnpm-lock.yaml +3021 -5440
  162. package/src/components/layout/header/StickyHeader.tsx +1 -0
  163. package/src/components/layout/list/Item.tsx +0 -2
  164. package/src/components/layout/list/Label.tsx +1 -1
  165. package/src/components/ui/drawer/Drawer.tsx +1 -1
  166. package/src/components/ui/stats/Stats.tsx +2 -1
  167. package/src/theme.css-reset.ts +4 -0
package/docs/classes/Drawer.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>Drawer | react-miui - v0.27.0</title><meta name="description" content="Documentation for react-miui - v0.27.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>Drawer | 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.27.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.27.0</a></li>
15
+ <li><a href="../modules.html">react-miui - v0.27.1</a></li>
16
16
  <li><a href="Drawer.html">Drawer</a></li></ul>
17
17
  <h1>Class Drawer</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">Drawer</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/70f4b40/src/components/ui/drawer/Drawer.tsx#L24">src/components/ui/drawer/Drawer.tsx:24</a></li></ul></aside>
25
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L24">src/components/ui/drawer/Drawer.tsx:24</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">
@@ -77,7 +77,7 @@
77
77
  <h4 class="tsd-returns-title">Returns <a href="Drawer.html" class="tsd-signature-type" data-tsd-kind="Class">Drawer</a></h4><aside class="tsd-sources">
78
78
  <p>Overrides Component&lt;Props, State&gt;.constructor</p>
79
79
  <ul>
80
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L25">src/components/ui/drawer/Drawer.tsx:25</a></li></ul></aside></li></ul></section></section>
80
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L25">src/components/ui/drawer/Drawer.tsx:25</a></li></ul></aside></li></ul></section></section>
81
81
  <section class="tsd-panel-group tsd-member-group">
82
82
  <h2>Properties</h2>
83
83
  <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>
@@ -86,25 +86,27 @@
86
86
  <div class="tsd-comment tsd-typography"><p>If using the new style context, re-declare this in your class to be the
87
87
  <code>React.ContextType</code> of your <code>static contextType</code>.
88
88
  Should be used with type annotation or static contextType.</p>
89
- <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>
89
+
90
+ <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>
90
91
  </code></pre>
91
92
 
92
- <h3>See</h3><p><a href="https://reactjs.org/docs/context.html">https://reactjs.org/docs/context.html</a></p>
93
+ <h3>See</h3><p><a href="https://react.dev/reference/react/Component#context">React Docs</a></p>
93
94
  </div><aside class="tsd-sources">
94
95
  <p>Inherited from Component.context</p>
95
96
  <ul>
96
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:471</li></ul></aside></section>
97
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1006</li></ul></aside></section>
97
98
  <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>
98
99
  <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>
99
100
  <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">
100
101
  <p>Inherited from Component.props</p>
101
102
  <ul>
102
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:491</li></ul></aside></section>
103
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1026</li></ul></aside></section>
103
104
  <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>
104
105
  <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>
105
106
  <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>
106
107
  <div class="tsd-comment tsd-typography">
107
- <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>
108
+ <h3>Deprecated</h3>
109
+ <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>
108
110
  </div>
109
111
  <div class="tsd-type-declaration">
110
112
  <h4>Type declaration</h4>
@@ -113,31 +115,31 @@ Should be used with type annotation or static contextType.</p>
113
115
  <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">
114
116
  <p>Inherited from Component.refs</p>
115
117
  <ul>
116
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:497</li></ul></aside></section>
118
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1033</li></ul></aside></section>
117
119
  <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>
118
120
  <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>
119
121
  <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">
120
122
  <p>Inherited from Component.state</p>
121
123
  <ul>
122
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:492</li></ul></aside></section>
124
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:1027</li></ul></aside></section>
123
125
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="timeout" class="tsd-anchor"></a>
124
126
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>timeout</span><a href="#timeout" 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>
125
127
  <div class="tsd-signature">timeout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Timeout</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources">
126
128
  <ul>
127
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L55">src/components/ui/drawer/Drawer.tsx:55</a></li></ul></aside></section>
129
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L54">src/components/ui/drawer/Drawer.tsx:54</a></li></ul></aside></section>
128
130
  <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>
129
131
  <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>
130
132
  <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>
131
133
  <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>
132
- <p>Usage:</p>
133
- <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>
134
+
135
+ <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>
134
136
  </code></pre>
135
137
 
136
- <h3>See</h3><p><a href="https://reactjs.org/docs/context.html#classcontexttype">https://reactjs.org/docs/context.html#classcontexttype</a></p>
138
+ <h3>See</h3><p><a href="https://react.dev/reference/react/Component#static-contexttype">https://react.dev/reference/react/Component#static-contexttype</a></p>
137
139
  </div><aside class="tsd-sources">
138
140
  <p>Inherited from Component.contextType</p>
139
141
  <ul>
140
- <li>Defined in node_modules/.pnpm/@types+react@18.0.27/node_modules/@types/react/index.d.ts:454</li></ul></aside></section></section>
142
+ <li>Defined in node_modules/.pnpm/@types+react@18.3.12/node_modules/@types/react/index.d.ts:988</li></ul></aside></section></section>
141
143
  <section class="tsd-panel-group tsd-member-group">
142
144
  <h2>Methods</h2>
143
145
  <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>
@@ -145,23 +147,24 @@ Should be used with type annotation or static contextType.</p>
145
147
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
146
148
  <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>
147
149
  <li class="tsd-description">
148
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <code>Component#render</code>.
150
+ <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
149
151
  Avoid introducing any side-effects or subscriptions in this method.</p>
150
152
  <p>This method will not stop working in React 17.</p>
151
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
152
- prevents this from being invoked.</p>
153
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
154
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
155
+ this from being invoked.</p>
153
156
 
154
- <h3>Deprecated</h3><p>16.3, use componentDidMount or the constructor instead</p>
157
+ <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead</p>
155
158
 
156
159
  <h3>See</h3><ul>
157
- <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>
158
- <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>
160
+ <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>
161
+ <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>
159
162
  </ul>
160
163
  </div>
161
164
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
162
165
  <p>Inherited from Component.UNSAFE_componentWillMount</p>
163
166
  <ul>
164
- <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>
167
+ <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>
165
168
  <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>
166
169
  <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>
167
170
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -170,16 +173,17 @@ prevents this from being invoked.</p>
170
173
  <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
171
174
  React may call this even if props have not changed, so be sure to compare new and existing
172
175
  props if you only want to handle changes.</p>
173
- <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
176
+ <p>Calling Component.setState generally does not trigger this method.</p>
174
177
  <p>This method will not stop working in React 17.</p>
175
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
176
- prevents this from being invoked.</p>
178
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
179
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
180
+ this from being invoked.</p>
177
181
 
178
- <h3>Deprecated</h3><p>16.3, use static getDerivedStateFromProps instead</p>
182
+ <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead</p>
179
183
 
180
184
  <h3>See</h3><ul>
181
- <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>
182
- <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>
185
+ <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>
186
+ <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>
183
187
  </ul>
184
188
  </div>
185
189
  <div class="tsd-parameters">
@@ -192,23 +196,24 @@ prevents this from being invoked.</p>
192
196
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
193
197
  <p>Inherited from Component.UNSAFE_componentWillReceiveProps</p>
194
198
  <ul>
195
- <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>
199
+ <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>
196
200
  <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>
197
201
  <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>
198
202
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
199
203
  <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>
200
204
  <li class="tsd-description">
201
205
  <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>
202
- <p>Note: You cannot call <code>Component#setState</code> here.</p>
206
+ <p>Note: You cannot call Component.setState here.</p>
203
207
  <p>This method will not stop working in React 17.</p>
204
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
205
- prevents this from being invoked.</p>
208
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
209
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
210
+ this from being invoked.</p>
206
211
 
207
212
  <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead</p>
208
213
 
209
214
  <h3>See</h3><ul>
210
- <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>
211
- <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>
215
+ <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>
216
+ <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>
212
217
  </ul>
213
218
  </div>
214
219
  <div class="tsd-parameters">
@@ -223,7 +228,7 @@ prevents this from being invoked.</p>
223
228
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
224
229
  <p>Inherited from Component.UNSAFE_componentWillUpdate</p>
225
230
  <ul>
226
- <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>
231
+ <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>
227
232
  <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>
228
233
  <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>
229
234
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -242,7 +247,7 @@ the entire component tree to unmount.</p>
242
247
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
243
248
  <p>Inherited from Component.componentDidCatch</p>
244
249
  <ul>
245
- <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>
250
+ <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>
246
251
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="componentDidMount" class="tsd-anchor"></a>
247
252
  <h3 class="tsd-anchor-link"><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>
248
253
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -251,7 +256,7 @@ the entire component tree to unmount.</p>
251
256
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
252
257
  <p>Overrides Component.componentDidMount</p>
253
258
  <ul>
254
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L33">src/components/ui/drawer/Drawer.tsx:33</a></li></ul></aside></li></ul></section>
259
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L33">src/components/ui/drawer/Drawer.tsx:33</a></li></ul></aside></li></ul></section>
255
260
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="componentDidUpdate" class="tsd-anchor"></a>
256
261
  <h3 class="tsd-anchor-link"><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>
257
262
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -265,28 +270,29 @@ the entire component tree to unmount.</p>
265
270
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
266
271
  <p>Overrides Component.componentDidUpdate</p>
267
272
  <ul>
268
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L40">src/components/ui/drawer/Drawer.tsx:40</a></li></ul></aside></li></ul></section>
273
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L39">src/components/ui/drawer/Drawer.tsx:39</a></li></ul></aside></li></ul></section>
269
274
  <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>
270
275
  <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>
271
276
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
272
277
  <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>
273
278
  <li class="tsd-description">
274
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before <code>Component#render</code>.
279
+ <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
275
280
  Avoid introducing any side-effects or subscriptions in this method.</p>
276
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
277
- prevents this from being invoked.</p>
281
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
282
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
283
+ this from being invoked.</p>
278
284
 
279
- <h3>Deprecated</h3><p>16.3, use componentDidMount or the constructor instead; will stop working in React 17</p>
285
+ <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead; will stop working in React 17</p>
280
286
 
281
287
  <h3>See</h3><ul>
282
- <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>
283
- <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>
288
+ <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>
289
+ <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>
284
290
  </ul>
285
291
  </div>
286
292
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
287
293
  <p>Inherited from Component.componentWillMount</p>
288
294
  <ul>
289
- <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>
295
+ <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>
290
296
  <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>
291
297
  <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>
292
298
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -295,15 +301,16 @@ prevents this from being invoked.</p>
295
301
  <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
296
302
  React may call this even if props have not changed, so be sure to compare new and existing
297
303
  props if you only want to handle changes.</p>
298
- <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
299
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
300
- prevents this from being invoked.</p>
304
+ <p>Calling Component.setState generally does not trigger this method.</p>
305
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
306
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
307
+ this from being invoked.</p>
301
308
 
302
- <h3>Deprecated</h3><p>16.3, use static getDerivedStateFromProps instead; will stop working in React 17</p>
309
+ <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead; will stop working in React 17</p>
303
310
 
304
311
  <h3>See</h3><ul>
305
- <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>
306
- <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>
312
+ <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>
313
+ <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>
307
314
  </ul>
308
315
  </div>
309
316
  <div class="tsd-parameters">
@@ -316,7 +323,7 @@ prevents this from being invoked.</p>
316
323
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
317
324
  <p>Inherited from Component.componentWillReceiveProps</p>
318
325
  <ul>
319
- <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>
326
+ <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>
320
327
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="componentWillUnmount" class="tsd-anchor"></a>
321
328
  <h3 class="tsd-anchor-link"><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>
322
329
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -325,22 +332,23 @@ prevents this from being invoked.</p>
325
332
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
326
333
  <p>Overrides Component.componentWillUnmount</p>
327
334
  <ul>
328
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L50">src/components/ui/drawer/Drawer.tsx:50</a></li></ul></aside></li></ul></section>
335
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L49">src/components/ui/drawer/Drawer.tsx:49</a></li></ul></aside></li></ul></section>
329
336
  <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>
330
337
  <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>
331
338
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
332
339
  <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>
333
340
  <li class="tsd-description">
334
341
  <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>
335
- <p>Note: You cannot call <code>Component#setState</code> here.</p>
336
- <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
337
- prevents this from being invoked.</p>
342
+ <p>Note: You cannot call Component.setState here.</p>
343
+ <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
344
+ or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
345
+ this from being invoked.</p>
338
346
 
339
347
  <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
340
348
 
341
349
  <h3>See</h3><ul>
342
- <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>
343
- <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>
350
+ <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>
351
+ <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>
344
352
  </ul>
345
353
  </div>
346
354
  <div class="tsd-parameters">
@@ -355,7 +363,7 @@ prevents this from being invoked.</p>
355
363
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
356
364
  <p>Inherited from Component.componentWillUpdate</p>
357
365
  <ul>
358
- <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>
366
+ <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>
359
367
  <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>
360
368
  <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>
361
369
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -375,16 +383,16 @@ prevents this from being invoked.</p>
375
383
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
376
384
  <p>Inherited from Component.forceUpdate</p>
377
385
  <ul>
378
- <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>
386
+ <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>
379
387
  <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>
380
388
  <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>
381
389
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
382
390
  <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>
383
391
  <li class="tsd-description">
384
- <div class="tsd-comment tsd-typography"><p>Runs before React applies the result of <code>render</code> to the document, and
385
- returns an object to be given to componentDidUpdate. Useful for saving
386
- things such as scroll position before <code>render</code> causes changes to it.</p>
387
- <p>Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated
392
+ <div class="tsd-comment tsd-typography"><p>Runs before React applies the result of Component.render render to the document, and
393
+ returns an object to be given to <a href="Drawer.html#componentDidUpdate">componentDidUpdate</a>. Useful for saving
394
+ things such as scroll position before Component.render render causes changes to it.</p>
395
+ <p>Note: the presence of this method prevents any of the deprecated
388
396
  lifecycle events from running.</p>
389
397
  </div>
390
398
  <div class="tsd-parameters">
@@ -397,7 +405,7 @@ lifecycle events from running.</p>
397
405
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
398
406
  <p>Inherited from Component.getSnapshotBeforeUpdate</p>
399
407
  <ul>
400
- <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>
408
+ <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>
401
409
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="handleEsc" class="tsd-anchor"></a>
402
410
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>handle<wbr/>Esc</span><a href="#handleEsc" 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>
403
411
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -405,7 +413,7 @@ lifecycle events from running.</p>
405
413
  <li class="tsd-description">
406
414
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
407
415
  <ul>
408
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L66">src/components/ui/drawer/Drawer.tsx:66</a></li></ul></aside></li></ul></section>
416
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L65">src/components/ui/drawer/Drawer.tsx:65</a></li></ul></aside></li></ul></section>
409
417
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="onClose" class="tsd-anchor"></a>
410
418
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>on<wbr/>Close</span><a href="#onClose" 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>
411
419
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -413,7 +421,7 @@ lifecycle events from running.</p>
413
421
  <li class="tsd-description">
414
422
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
415
423
  <ul>
416
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L62">src/components/ui/drawer/Drawer.tsx:62</a></li></ul></aside></li></ul></section>
424
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L61">src/components/ui/drawer/Drawer.tsx:61</a></li></ul></aside></li></ul></section>
417
425
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="onOpen" class="tsd-anchor"></a>
418
426
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>on<wbr/>Open</span><a href="#onOpen" 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>
419
427
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -421,7 +429,7 @@ lifecycle events from running.</p>
421
429
  <li class="tsd-description">
422
430
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
423
431
  <ul>
424
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L57">src/components/ui/drawer/Drawer.tsx:57</a></li></ul></aside></li></ul></section>
432
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L56">src/components/ui/drawer/Drawer.tsx:56</a></li></ul></aside></li></ul></section>
425
433
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="render" class="tsd-anchor"></a>
426
434
  <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>
427
435
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -430,7 +438,7 @@ lifecycle events from running.</p>
430
438
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4><aside class="tsd-sources">
431
439
  <p>Overrides Component.render</p>
432
440
  <ul>
433
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/70f4b40/src/components/ui/drawer/Drawer.tsx#L70">src/components/ui/drawer/Drawer.tsx:70</a></li></ul></aside></li></ul></section>
441
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/57d1b38/src/components/ui/drawer/Drawer.tsx#L69">src/components/ui/drawer/Drawer.tsx:69</a></li></ul></aside></li></ul></section>
434
442
  <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>
435
443
  <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>
436
444
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -457,7 +465,7 @@ lifecycle events from running.</p>
457
465
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
458
466
  <p>Inherited from Component.setState</p>
459
467
  <ul>
460
- <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>
468
+ <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>
461
469
  <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>
462
470
  <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>
463
471
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
@@ -467,7 +475,7 @@ lifecycle events from running.</p>
467
475
  <p><code>Component</code> always returns true.
468
476
  <code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
469
477
  props or states have changed.</p>
470
- <p>If false is returned, <code>Component#render</code>, <code>componentWillUpdate</code>
478
+ <p>If false is returned, Component.render, <code>componentWillUpdate</code>
471
479
  and <code>componentDidUpdate</code> will not be called.</p>
472
480
  </div>
473
481
  <div class="tsd-parameters">
@@ -482,7 +490,7 @@ and <code>componentDidUpdate</code> will not be called.</p>
482
490
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
483
491
  <p>Inherited from Component.shouldComponentUpdate</p>
484
492
  <ul>
485
- <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>
493
+ <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>
486
494
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
487
495
  <div class="tsd-navigation settings">
488
496
  <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -502,7 +510,7 @@ and <code>componentDidUpdate</code> will not be called.</p>
502
510
  <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>
503
511
  <div class="tsd-accordion-details">
504
512
  <ul>
505
- <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.27.0</a>
513
+ <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.27.1</a>
506
514
  <ul>
507
515
  <li class="pages-entry pages-entry-page pages-entry-depth-1"><a href="../pages/tutorials/Test.html">Test</a></li>
508
516
  <li class="tsd-kind-namespace"><a href="../modules/List.html">List</a></li>