react-miui 0.7.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/components/form/choice/Choice.d.ts +11 -0
  3. package/dist/components/form/choice/Choice.d.ts.map +1 -0
  4. package/dist/components/form/choice/Choice.js +19 -0
  5. package/dist/components/form/choice/Choice.js.map +1 -0
  6. package/dist/components/form/choice/Choice.module.scss +43 -0
  7. package/dist/components/form/choice/ChoiceItem.d.ts +11 -0
  8. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -0
  9. package/dist/components/form/choice/ChoiceItem.js +33 -0
  10. package/dist/components/form/choice/ChoiceItem.js.map +1 -0
  11. package/dist/components/layout/list/Header.d.ts +6 -1
  12. package/dist/components/layout/list/Header.d.ts.map +1 -1
  13. package/dist/components/layout/list/Header.js +6 -1
  14. package/dist/components/layout/list/Header.js.map +1 -1
  15. package/dist/components/layout/list/Item.d.ts +3 -0
  16. package/dist/components/layout/list/Item.d.ts.map +1 -1
  17. package/dist/components/layout/list/Item.js +20 -6
  18. package/dist/components/layout/list/Item.js.map +1 -1
  19. package/dist/components/layout/list/Item.module.scss +16 -1
  20. package/dist/components/layout/list/Label.d.ts +1 -0
  21. package/dist/components/layout/list/Label.d.ts.map +1 -1
  22. package/dist/components/layout/list/Label.js +2 -1
  23. package/dist/components/layout/list/Label.js.map +1 -1
  24. package/dist/components/layout/list/List.d.ts +6 -1
  25. package/dist/components/layout/list/List.d.ts.map +1 -1
  26. package/dist/components/layout/list/List.js +16 -1
  27. package/dist/components/layout/list/List.js.map +1 -1
  28. package/dist/components/layout/list/List.module.scss +4 -0
  29. package/dist/components/layout/list/Value.d.ts +4 -1
  30. package/dist/components/layout/list/Value.d.ts.map +1 -1
  31. package/dist/components/layout/list/Value.js +2 -1
  32. package/dist/components/layout/list/Value.js.map +1 -1
  33. package/dist/components/ui/button/Button.d.ts.map +1 -1
  34. package/dist/components/ui/button/Button.js +2 -2
  35. package/dist/components/ui/button/Button.js.map +1 -1
  36. package/dist/components/ui/modal/Modal.d.ts +18 -0
  37. package/dist/components/ui/modal/Modal.d.ts.map +1 -0
  38. package/dist/components/ui/modal/Modal.js +108 -0
  39. package/dist/components/ui/modal/Modal.js.map +1 -0
  40. package/dist/components/ui/modal/Modal.module.scss +92 -0
  41. package/dist/components/ui/modal/ModalButton.d.ts +8 -0
  42. package/dist/components/ui/modal/ModalButton.d.ts.map +1 -0
  43. package/dist/components/ui/modal/ModalButton.js +31 -0
  44. package/dist/components/ui/modal/ModalButton.js.map +1 -0
  45. package/dist/components/ui/modal/ModalButtons.d.ts +10 -0
  46. package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -0
  47. package/dist/components/ui/modal/ModalButtons.js +15 -0
  48. package/dist/components/ui/modal/ModalButtons.js.map +1 -0
  49. package/dist/components/ui/modal/ModalButtons.module.scss +32 -0
  50. package/dist/components/ui/modal/ModalNoMargin.d.ts +6 -0
  51. package/dist/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  52. package/dist/components/ui/modal/ModalNoMargin.js +22 -0
  53. package/dist/components/ui/modal/ModalNoMargin.js.map +1 -0
  54. package/dist/components/ui/tabs/Item.d.ts +10 -0
  55. package/dist/components/ui/tabs/Item.d.ts.map +1 -0
  56. package/dist/components/ui/tabs/Item.js +39 -0
  57. package/dist/components/ui/tabs/Item.js.map +1 -0
  58. package/dist/components/ui/tabs/Item.module.scss +11 -0
  59. package/dist/components/ui/tabs/Selector.d.ts +10 -0
  60. package/dist/components/ui/tabs/Selector.d.ts.map +1 -0
  61. package/dist/components/ui/tabs/Selector.js +46 -0
  62. package/dist/components/ui/tabs/Selector.js.map +1 -0
  63. package/dist/components/ui/tabs/Selector.module.scss +6 -0
  64. package/dist/components/ui/toaster/Notification.d.ts +9 -0
  65. package/dist/components/ui/toaster/Notification.d.ts.map +1 -0
  66. package/dist/components/ui/toaster/Notification.js +39 -0
  67. package/dist/components/ui/toaster/Notification.js.map +1 -0
  68. package/dist/components/ui/toaster/Toaster.d.ts +18 -0
  69. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -0
  70. package/dist/components/ui/toaster/Toaster.js +79 -0
  71. package/dist/components/ui/toaster/Toaster.js.map +1 -0
  72. package/dist/components/ui/toaster/Toaster.module.scss +32 -0
  73. package/dist/components/ui/toaster/types.d.ts +7 -0
  74. package/dist/components/ui/toaster/types.d.ts.map +1 -0
  75. package/dist/components/ui/toaster/types.js +3 -0
  76. package/dist/components/ui/toaster/types.js.map +1 -0
  77. package/dist/global.scss +12 -0
  78. package/dist/index.d.ts +5 -0
  79. package/dist/index.d.ts.map +1 -1
  80. package/dist/index.js +5 -0
  81. package/dist/index.js.map +1 -1
  82. package/dist/types/form.d.ts +7 -0
  83. package/dist/types/form.d.ts.map +1 -0
  84. package/dist/types/form.js +3 -0
  85. package/dist/types/form.js.map +1 -0
  86. package/dist/utils/index.d.ts +3 -0
  87. package/dist/utils/index.d.ts.map +1 -0
  88. package/dist/utils/index.js +15 -0
  89. package/dist/utils/index.js.map +1 -0
  90. package/dist/utils/toObjectValue.d.ts +4 -0
  91. package/dist/utils/toObjectValue.d.ts.map +1 -0
  92. package/dist/utils/toObjectValue.js +8 -0
  93. package/dist/utils/toObjectValue.js.map +1 -0
  94. package/docs/assets/js/search.js +1 -1
  95. package/docs/assets/js/search.json +1 -1
  96. package/docs/classes/ToasterProvider.html +1096 -0
  97. package/docs/enums/ICON.html +33 -8
  98. package/docs/index.html +35 -4
  99. package/docs/modules/Item.html +17 -4
  100. package/docs/modules/List.html +17 -4
  101. package/docs/modules/Modal.html +160 -0
  102. package/docs/modules/ModalButtons.html +160 -0
  103. package/docs/modules/Section.html +16 -3
  104. package/docs/modules/StickyHeader.html +17 -4
  105. package/docs/modules.html +132 -23
  106. package/docs/pages/Tutorials/Test.html +16 -3
  107. package/esm/components/form/choice/Choice.d.ts +11 -0
  108. package/esm/components/form/choice/Choice.d.ts.map +1 -0
  109. package/esm/components/form/choice/Choice.js +13 -0
  110. package/esm/components/form/choice/Choice.js.map +1 -0
  111. package/esm/components/form/choice/Choice.module.scss +43 -0
  112. package/esm/components/form/choice/ChoiceItem.d.ts +11 -0
  113. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -0
  114. package/esm/components/form/choice/ChoiceItem.js +11 -0
  115. package/esm/components/form/choice/ChoiceItem.js.map +1 -0
  116. package/esm/components/layout/list/Header.d.ts +6 -1
  117. package/esm/components/layout/list/Header.d.ts.map +1 -1
  118. package/esm/components/layout/list/Header.js +6 -1
  119. package/esm/components/layout/list/Header.js.map +1 -1
  120. package/esm/components/layout/list/Item.d.ts +3 -0
  121. package/esm/components/layout/list/Item.d.ts.map +1 -1
  122. package/esm/components/layout/list/Item.js +20 -6
  123. package/esm/components/layout/list/Item.js.map +1 -1
  124. package/esm/components/layout/list/Item.module.scss +16 -1
  125. package/esm/components/layout/list/Label.d.ts +1 -0
  126. package/esm/components/layout/list/Label.d.ts.map +1 -1
  127. package/esm/components/layout/list/Label.js +2 -1
  128. package/esm/components/layout/list/Label.js.map +1 -1
  129. package/esm/components/layout/list/List.d.ts +6 -1
  130. package/esm/components/layout/list/List.d.ts.map +1 -1
  131. package/esm/components/layout/list/List.js +16 -1
  132. package/esm/components/layout/list/List.js.map +1 -1
  133. package/esm/components/layout/list/List.module.scss +4 -0
  134. package/esm/components/layout/list/Value.d.ts +4 -1
  135. package/esm/components/layout/list/Value.d.ts.map +1 -1
  136. package/esm/components/layout/list/Value.js +2 -1
  137. package/esm/components/layout/list/Value.js.map +1 -1
  138. package/esm/components/ui/button/Button.d.ts.map +1 -1
  139. package/esm/components/ui/button/Button.js +2 -2
  140. package/esm/components/ui/button/Button.js.map +1 -1
  141. package/esm/components/ui/modal/Modal.d.ts +18 -0
  142. package/esm/components/ui/modal/Modal.d.ts.map +1 -0
  143. package/esm/components/ui/modal/Modal.js +83 -0
  144. package/esm/components/ui/modal/Modal.js.map +1 -0
  145. package/esm/components/ui/modal/Modal.module.scss +92 -0
  146. package/esm/components/ui/modal/ModalButton.d.ts +8 -0
  147. package/esm/components/ui/modal/ModalButton.d.ts.map +1 -0
  148. package/esm/components/ui/modal/ModalButton.js +13 -0
  149. package/esm/components/ui/modal/ModalButton.js.map +1 -0
  150. package/esm/components/ui/modal/ModalButtons.d.ts +10 -0
  151. package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -0
  152. package/esm/components/ui/modal/ModalButtons.js +9 -0
  153. package/esm/components/ui/modal/ModalButtons.js.map +1 -0
  154. package/esm/components/ui/modal/ModalButtons.module.scss +32 -0
  155. package/esm/components/ui/modal/ModalNoMargin.d.ts +6 -0
  156. package/esm/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  157. package/esm/components/ui/modal/ModalNoMargin.js +16 -0
  158. package/esm/components/ui/modal/ModalNoMargin.js.map +1 -0
  159. package/esm/components/ui/tabs/Item.d.ts +10 -0
  160. package/esm/components/ui/tabs/Item.d.ts.map +1 -0
  161. package/esm/components/ui/tabs/Item.js +14 -0
  162. package/esm/components/ui/tabs/Item.js.map +1 -0
  163. package/esm/components/ui/tabs/Item.module.scss +11 -0
  164. package/esm/components/ui/tabs/Selector.d.ts +10 -0
  165. package/esm/components/ui/tabs/Selector.d.ts.map +1 -0
  166. package/esm/components/ui/tabs/Selector.js +21 -0
  167. package/esm/components/ui/tabs/Selector.js.map +1 -0
  168. package/esm/components/ui/tabs/Selector.module.scss +6 -0
  169. package/esm/components/ui/toaster/Notification.d.ts +9 -0
  170. package/esm/components/ui/toaster/Notification.d.ts.map +1 -0
  171. package/esm/components/ui/toaster/Notification.js +14 -0
  172. package/esm/components/ui/toaster/Notification.js.map +1 -0
  173. package/esm/components/ui/toaster/Toaster.d.ts +18 -0
  174. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -0
  175. package/esm/components/ui/toaster/Toaster.js +74 -0
  176. package/esm/components/ui/toaster/Toaster.js.map +1 -0
  177. package/esm/components/ui/toaster/Toaster.module.scss +32 -0
  178. package/esm/components/ui/toaster/types.d.ts +7 -0
  179. package/esm/components/ui/toaster/types.d.ts.map +1 -0
  180. package/esm/components/ui/toaster/types.js +2 -0
  181. package/esm/components/ui/toaster/types.js.map +1 -0
  182. package/esm/global.scss +12 -0
  183. package/esm/index.d.ts +5 -0
  184. package/esm/index.d.ts.map +1 -1
  185. package/esm/index.js +5 -0
  186. package/esm/index.js.map +1 -1
  187. package/esm/types/form.d.ts +7 -0
  188. package/esm/types/form.d.ts.map +1 -0
  189. package/esm/types/form.js +2 -0
  190. package/esm/types/form.js.map +1 -0
  191. package/esm/utils/index.d.ts +3 -0
  192. package/esm/utils/index.d.ts.map +1 -0
  193. package/esm/utils/index.js +3 -0
  194. package/esm/utils/index.js.map +1 -0
  195. package/esm/utils/toObjectValue.d.ts +4 -0
  196. package/esm/utils/toObjectValue.d.ts.map +1 -0
  197. package/esm/utils/toObjectValue.js +5 -0
  198. package/esm/utils/toObjectValue.js.map +1 -0
  199. package/package.json +6 -6
  200. package/src/components/form/choice/Choice.module.scss +43 -0
  201. package/src/components/form/choice/Choice.tsx +32 -0
  202. package/src/components/form/choice/ChoiceItem.tsx +30 -0
  203. package/src/components/layout/list/Header.tsx +16 -2
  204. package/src/components/layout/list/Item.module.scss +16 -1
  205. package/src/components/layout/list/Item.tsx +28 -7
  206. package/src/components/layout/list/Label.tsx +3 -1
  207. package/src/components/layout/list/List.module.scss +4 -0
  208. package/src/components/layout/list/List.tsx +28 -2
  209. package/src/components/layout/list/Value.tsx +7 -2
  210. package/src/components/ui/button/Button.tsx +4 -2
  211. package/src/components/ui/modal/Modal.module.scss +92 -0
  212. package/src/components/ui/modal/Modal.tsx +136 -0
  213. package/src/components/ui/modal/ModalButton.tsx +25 -0
  214. package/src/components/ui/modal/ModalButtons.module.scss +32 -0
  215. package/src/components/ui/modal/ModalButtons.tsx +17 -0
  216. package/src/components/ui/modal/ModalNoMargin.tsx +22 -0
  217. package/src/components/ui/tabs/Item.module.scss +11 -0
  218. package/src/components/ui/tabs/Item.tsx +26 -0
  219. package/src/components/ui/tabs/Selector.module.scss +6 -0
  220. package/src/components/ui/tabs/Selector.tsx +31 -0
  221. package/src/components/ui/toaster/Notification.tsx +31 -0
  222. package/src/components/ui/toaster/Toaster.module.scss +32 -0
  223. package/src/components/ui/toaster/Toaster.tsx +101 -0
  224. package/src/components/ui/toaster/types.ts +9 -0
  225. package/src/demo/Demo.tsx +7 -4
  226. package/src/demo/Menu.module.scss +1 -0
  227. package/src/demo/components/form/Choice.tsx +19 -0
  228. package/src/demo/components/layout/list/Inset.tsx +24 -0
  229. package/src/demo/components/layout/list/Selection.tsx +17 -0
  230. package/src/demo/components/ui/modal/Modal.tsx +110 -0
  231. package/src/demo/components/ui/tabs/Tabs.tsx +15 -0
  232. package/src/demo/components/ui/toaster/Toaster.tsx +28 -0
  233. package/src/demo/componentsMap.ts +41 -0
  234. package/src/global.scss +12 -0
  235. package/src/index.ts +5 -0
  236. package/src/types/form.ts +7 -0
  237. package/src/utils/index.ts +2 -0
  238. package/src/utils/toObjectValue.ts +9 -0
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>react-miui - v0.9.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.9.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.7.0</h1>
60
+ <h1>Project react-miui - v0.9.2</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -73,6 +73,8 @@
73
73
  <ul class="tsd-index-list">
74
74
  <li class="tsd-kind-namespace"><a href="modules/Item.html" class="tsd-kind-icon">Item</a></li>
75
75
  <li class="tsd-kind-namespace"><a href="modules/List.html" class="tsd-kind-icon">List</a></li>
76
+ <li class="tsd-kind-namespace"><a href="modules/Modal.html" class="tsd-kind-icon">Modal</a></li>
77
+ <li class="tsd-kind-namespace"><a href="modules/ModalButtons.html" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
76
78
  <li class="tsd-kind-namespace"><a href="modules/Section.html" class="tsd-kind-icon">Section</a></li>
77
79
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
78
80
  </ul>
@@ -83,6 +85,12 @@
83
85
  <li class="tsd-kind-enum"><a href="enums/ICON.html" class="tsd-kind-icon">ICON</a></li>
84
86
  </ul>
85
87
  </section>
88
+ <section class="tsd-index-section ">
89
+ <h3>Classes</h3>
90
+ <ul class="tsd-index-list">
91
+ <li class="tsd-kind-class"><a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a></li>
92
+ </ul>
93
+ </section>
86
94
  <section class="tsd-index-section ">
87
95
  <h3>Variables</h3>
88
96
  <ul class="tsd-index-list">
@@ -90,6 +98,7 @@
90
98
  <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
91
99
  <li class="tsd-kind-variable"><a href="modules.html#Card" class="tsd-kind-icon">Card</a></li>
92
100
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
101
+ <li class="tsd-kind-variable"><a href="modules.html#Choice" class="tsd-kind-icon">Choice</a></li>
93
102
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
94
103
  <li class="tsd-kind-variable"><a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a></li>
95
104
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
@@ -99,13 +108,22 @@
99
108
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
100
109
  <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
101
110
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
111
+ <li class="tsd-kind-variable"><a href="modules.html#Modal" class="tsd-kind-icon">Modal</a></li>
112
+ <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
102
113
  <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
103
114
  <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
115
+ <li class="tsd-kind-variable"><a href="modules.html#Selector" class="tsd-kind-icon">Selector</a></li>
104
116
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
105
117
  <li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
106
118
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
107
119
  </ul>
108
120
  </section>
121
+ <section class="tsd-index-section ">
122
+ <h3>Functions</h3>
123
+ <ul class="tsd-index-list">
124
+ <li class="tsd-kind-function"><a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a></li>
125
+ </ul>
126
+ </section>
109
127
  </div>
110
128
  </section>
111
129
  </section>
@@ -117,7 +135,7 @@
117
135
  <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
118
136
  <aside class="tsd-sources">
119
137
  <ul>
120
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
138
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
121
139
  </ul>
122
140
  </aside>
123
141
  </section>
@@ -127,7 +145,7 @@
127
145
  <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
128
146
  <aside class="tsd-sources">
129
147
  <ul>
130
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
148
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
131
149
  </ul>
132
150
  </aside>
133
151
  </section>
@@ -137,7 +155,7 @@
137
155
  <div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
138
156
  <aside class="tsd-sources">
139
157
  <ul>
140
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
158
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
141
159
  </ul>
142
160
  </aside>
143
161
  </section>
@@ -147,7 +165,17 @@
147
165
  <div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
148
166
  <aside class="tsd-sources">
149
167
  <ul>
150
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
168
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
169
+ </ul>
170
+ </aside>
171
+ </section>
172
+ <section class="tsd-panel tsd-member tsd-kind-variable">
173
+ <a name="Choice" class="tsd-anchor"></a>
174
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Choice</h3>
175
+ <div class="tsd-signature tsd-kind-icon">Choice<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
176
+ <aside class="tsd-sources">
177
+ <ul>
178
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
151
179
  </ul>
152
180
  </aside>
153
181
  </section>
@@ -157,7 +185,7 @@
157
185
  <div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
158
186
  <aside class="tsd-sources">
159
187
  <ul>
160
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
188
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
161
189
  </ul>
162
190
  </aside>
163
191
  </section>
@@ -167,7 +195,7 @@
167
195
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
168
196
  <aside class="tsd-sources">
169
197
  <ul>
170
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
198
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
171
199
  </ul>
172
200
  </aside>
173
201
  </section>
@@ -177,7 +205,7 @@
177
205
  <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
178
206
  <aside class="tsd-sources">
179
207
  <ul>
180
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
208
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
181
209
  </ul>
182
210
  </aside>
183
211
  </section>
@@ -187,7 +215,7 @@
187
215
  <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
188
216
  <aside class="tsd-sources">
189
217
  <ul>
190
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
218
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
191
219
  </ul>
192
220
  </aside>
193
221
  </section>
@@ -197,7 +225,7 @@
197
225
  <div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
198
226
  <aside class="tsd-sources">
199
227
  <ul>
200
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
228
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
201
229
  </ul>
202
230
  </aside>
203
231
  </section>
@@ -207,7 +235,7 @@
207
235
  <div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
208
236
  <aside class="tsd-sources">
209
237
  <ul>
210
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
238
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
211
239
  </ul>
212
240
  </aside>
213
241
  </section>
@@ -217,7 +245,7 @@
217
245
  <div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
218
246
  <aside class="tsd-sources">
219
247
  <ul>
220
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
248
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
221
249
  </ul>
222
250
  </aside>
223
251
  </section>
@@ -227,17 +255,37 @@
227
255
  <div class="tsd-signature tsd-kind-icon">Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
228
256
  <aside class="tsd-sources">
229
257
  <ul>
230
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
258
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
231
259
  </ul>
232
260
  </aside>
233
261
  </section>
234
262
  <section class="tsd-panel tsd-member tsd-kind-variable">
235
263
  <a name="List" class="tsd-anchor"></a>
236
264
  <h3><span class="tsd-flag ts-flagConst">Const</span> List</h3>
237
- <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
265
+ <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
238
266
  <aside class="tsd-sources">
239
267
  <ul>
240
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
268
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
269
+ </ul>
270
+ </aside>
271
+ </section>
272
+ <section class="tsd-panel tsd-member tsd-kind-variable">
273
+ <a name="Modal" class="tsd-anchor"></a>
274
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal</h3>
275
+ <div class="tsd-signature tsd-kind-icon">Modal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
276
+ <aside class="tsd-sources">
277
+ <ul>
278
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
279
+ </ul>
280
+ </aside>
281
+ </section>
282
+ <section class="tsd-panel tsd-member tsd-kind-variable">
283
+ <a name="ModalButtons" class="tsd-anchor"></a>
284
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal<wbr>Buttons</h3>
285
+ <div class="tsd-signature tsd-kind-icon">Modal<wbr>Buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
286
+ <aside class="tsd-sources">
287
+ <ul>
288
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
241
289
  </ul>
242
290
  </aside>
243
291
  </section>
@@ -247,7 +295,7 @@
247
295
  <div class="tsd-signature tsd-kind-icon">Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> = ...</span></div>
248
296
  <aside class="tsd-sources">
249
297
  <ul>
250
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
298
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
251
299
  </ul>
252
300
  </aside>
253
301
  </section>
@@ -257,7 +305,17 @@
257
305
  <div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
258
306
  <aside class="tsd-sources">
259
307
  <ul>
260
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
308
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
309
+ </ul>
310
+ </aside>
311
+ </section>
312
+ <section class="tsd-panel tsd-member tsd-kind-variable">
313
+ <a name="Selector" class="tsd-anchor"></a>
314
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Selector</h3>
315
+ <div class="tsd-signature tsd-kind-icon">Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
316
+ <aside class="tsd-sources">
317
+ <ul>
318
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
261
319
  </ul>
262
320
  </aside>
263
321
  </section>
@@ -267,7 +325,7 @@
267
325
  <div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
268
326
  <aside class="tsd-sources">
269
327
  <ul>
270
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
328
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
271
329
  </ul>
272
330
  </aside>
273
331
  </section>
@@ -277,7 +335,7 @@
277
335
  <div class="tsd-signature tsd-kind-icon">Text<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.TextareaHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTextAreaElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
278
336
  <aside class="tsd-sources">
279
337
  <ul>
280
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
338
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
281
339
  </ul>
282
340
  </aside>
283
341
  </section>
@@ -287,11 +345,31 @@
287
345
  <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
288
346
  <aside class="tsd-sources">
289
347
  <ul>
290
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
348
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
291
349
  </ul>
292
350
  </aside>
293
351
  </section>
294
352
  </section>
353
+ <section class="tsd-panel-group tsd-member-group ">
354
+ <h2>Functions</h2>
355
+ <section class="tsd-panel tsd-member tsd-kind-function">
356
+ <a name="useToaster" class="tsd-anchor"></a>
357
+ <h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Toaster</h3>
358
+ <ul class="tsd-signatures tsd-kind-function">
359
+ <li class="tsd-signature tsd-kind-icon">use<wbr>Toaster<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ToasterFn</span></li>
360
+ </ul>
361
+ <ul class="tsd-descriptions">
362
+ <li class="tsd-description">
363
+ <aside class="tsd-sources">
364
+ <ul>
365
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c0df333/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
366
+ </ul>
367
+ </aside>
368
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
369
+ </li>
370
+ </ul>
371
+ </section>
372
+ </section>
295
373
  </div>
296
374
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
297
375
  <nav class="tsd-navigation primary">
@@ -314,6 +392,12 @@
314
392
  <li class=" tsd-kind-namespace">
315
393
  <a href="modules/List.html">List</a>
316
394
  </li>
395
+ <li class=" tsd-kind-namespace">
396
+ <a href="modules/Modal.html">Modal</a>
397
+ </li>
398
+ <li class=" tsd-kind-namespace">
399
+ <a href="modules/ModalButtons.html">Modal<wbr>Buttons</a>
400
+ </li>
317
401
  <li class=" tsd-kind-namespace">
318
402
  <a href="modules/Section.html">Section</a>
319
403
  </li>
@@ -327,6 +411,9 @@
327
411
  <li class=" tsd-kind-enum">
328
412
  <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
329
413
  </li>
414
+ <li class=" tsd-kind-class">
415
+ <a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a>
416
+ </li>
330
417
  <li class=" tsd-kind-variable">
331
418
  <a href="modules.html#Action" class="tsd-kind-icon">Action</a>
332
419
  </li>
@@ -339,6 +426,9 @@
339
426
  <li class=" tsd-kind-variable">
340
427
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
341
428
  </li>
429
+ <li class=" tsd-kind-variable">
430
+ <a href="modules.html#Choice" class="tsd-kind-icon">Choice</a>
431
+ </li>
342
432
  <li class=" tsd-kind-variable">
343
433
  <a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
344
434
  </li>
@@ -366,12 +456,21 @@
366
456
  <li class=" tsd-kind-variable">
367
457
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
368
458
  </li>
459
+ <li class=" tsd-kind-variable">
460
+ <a href="modules.html#Modal" class="tsd-kind-icon">Modal</a>
461
+ </li>
462
+ <li class=" tsd-kind-variable">
463
+ <a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a>
464
+ </li>
369
465
  <li class=" tsd-kind-variable">
370
466
  <a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a>
371
467
  </li>
372
468
  <li class=" tsd-kind-variable">
373
469
  <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
374
470
  </li>
471
+ <li class=" tsd-kind-variable">
472
+ <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
473
+ </li>
375
474
  <li class=" tsd-kind-variable">
376
475
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
377
476
  </li>
@@ -381,6 +480,9 @@
381
480
  <li class=" tsd-kind-variable">
382
481
  <a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
383
482
  </li>
483
+ <li class=" tsd-kind-function">
484
+ <a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a>
485
+ </li>
384
486
  </ul>
385
487
  </nav>
386
488
  </div>
@@ -390,6 +492,13 @@
390
492
  <div class="container">
391
493
  <h2>Legend</h2>
392
494
  <div class="tsd-legend-group">
495
+ <ul class="tsd-legend">
496
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
497
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
498
+ </ul>
499
+ <ul class="tsd-legend">
500
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
501
+ </ul>
393
502
  </div>
394
503
  </div>
395
504
  </footer>
package/docs/pages/Tutorials/Test.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Test | react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>Test | react-miui - v0.9.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../../index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.9.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -95,6 +95,12 @@
95
95
  <li class=" tsd-kind-namespace">
96
96
  <a href="../../modules/List.html">List</a>
97
97
  </li>
98
+ <li class=" tsd-kind-namespace">
99
+ <a href="../../modules/Modal.html">Modal</a>
100
+ </li>
101
+ <li class=" tsd-kind-namespace">
102
+ <a href="../../modules/ModalButtons.html">Modal<wbr>Buttons</a>
103
+ </li>
98
104
  <li class=" tsd-kind-namespace">
99
105
  <a href="../../modules/Section.html">Section</a>
100
106
  </li>
@@ -114,6 +120,13 @@
114
120
  <div class="container">
115
121
  <h2>Legend</h2>
116
122
  <div class="tsd-legend-group">
123
+ <ul class="tsd-legend">
124
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
125
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
126
+ </ul>
127
+ <ul class="tsd-legend">
128
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
129
+ </ul>
117
130
  </div>
118
131
  </div>
119
132
  </footer>
package/esm/components/form/choice/Choice.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import type { Value } from "../../../types/form";
3
+ interface Props {
4
+ values: Value[];
5
+ value: string;
6
+ name: string;
7
+ onChange: (value: string) => void;
8
+ }
9
+ declare const Choice: React.FC<Props>;
10
+ export { Choice };
11
+ //# sourceMappingURL=Choice.d.ts.map
package/esm/components/form/choice/Choice.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,KAAK;IACX,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/choice/Choice.js ADDED
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { toObjectValue } from "../../../utils";
3
+ import { ChoiceItem } from "./ChoiceItem";
4
+ import styles from "./Choice.module.scss";
5
+ const Choice = (props) => {
6
+ const opts = props.values.map(option => {
7
+ const opt = toObjectValue(option);
8
+ return (React.createElement(ChoiceItem, { key: opt.value, name: props.name, value: opt, onChange: props.onChange, active: props.value === opt.value }));
9
+ });
10
+ return React.createElement("div", { className: styles.choice }, opts);
11
+ };
12
+ export { Choice };
13
+ //# sourceMappingURL=Choice.js.map
package/esm/components/form/choice/Choice.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAS1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,oBAAC,UAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,GACnC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,IAAI,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/choice/Choice.module.scss ADDED
@@ -0,0 +1,43 @@
1
+ .choice {
2
+ input {
3
+ width: 0;
4
+ height: 0;
5
+ overflow: hidden;
6
+ opacity: 0;
7
+ margin: 0;
8
+ position: absolute;
9
+
10
+ &:checked + span {
11
+ color: var(--choice-active-text);
12
+ background: var(--choice-active-bg);
13
+ }
14
+ }
15
+
16
+ span {
17
+ display: flex;
18
+ padding: 0;
19
+ flex: 1;
20
+ height: 100%;
21
+ align-items: center;
22
+ justify-content: center;
23
+ font-size: calc(24px / var(--ratio-font));
24
+ color: var(--choice-text);
25
+ background: var(--choice-bg);
26
+ }
27
+
28
+ display: flex;
29
+ border: 1px solid var(--choice-border); // @TODO width
30
+ position: relative;
31
+ border-radius: 8px;
32
+ overflow: hidden;
33
+
34
+ label {
35
+ flex: 1;
36
+ height: calc(89px / var(--ratio-dimensions));
37
+ display: flex;
38
+
39
+ + label {
40
+ border-left: 1px solid var(--choice-border);
41
+ }
42
+ }
43
+ }
package/esm/components/form/choice/ChoiceItem.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import type { ObjectValue } from "../../../types/form";
3
+ interface Props {
4
+ name: string;
5
+ value: ObjectValue;
6
+ onChange: (value: string) => void;
7
+ active: boolean;
8
+ }
9
+ declare const ChoiceItem: React.FC<Props>;
10
+ export { ChoiceItem };
11
+ //# sourceMappingURL=ChoiceItem.d.ts.map
package/esm/components/form/choice/ChoiceItem.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChoiceItem.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,KAAK;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB/B,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
package/esm/components/form/choice/ChoiceItem.js ADDED
@@ -0,0 +1,11 @@
1
+ import React, { useCallback } from "react";
2
+ const ChoiceItem = (props) => {
3
+ const handleChange = useCallback((e) => {
4
+ props.onChange(e.currentTarget.value);
5
+ }, [props.onChange]);
6
+ return (React.createElement("label", { key: props.value.value, tabIndex: 0 },
7
+ React.createElement("input", { type: "radio", name: props.name, value: props.value.value, checked: props.active, onChange: handleChange }),
8
+ React.createElement("span", null, props.value.label)));
9
+ };
10
+ export { ChoiceItem };
11
+ //# sourceMappingURL=ChoiceItem.js.map
package/esm/components/form/choice/ChoiceItem.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChoiceItem.js","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAU3C,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,+BAAO,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;QACtC,+BACI,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,QAAQ,EAAE,YAAY,GACxB;QACF,kCAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAQ,CAC5B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
package/esm/components/layout/list/Header.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import React from "react";
2
- declare const Header: React.FC;
2
+ declare type Variant = "inset";
3
+ interface Props {
4
+ className?: string;
5
+ variant?: Variant | Variant[];
6
+ }
7
+ declare const Header: React.FC<Props>;
3
8
  export { Header };
4
9
  //# sourceMappingURL=Header.d.ts.map
package/esm/components/layout/list/Header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAOnB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/layout/list/Header.js CHANGED
@@ -1,9 +1,14 @@
1
1
  import React from "react";
2
2
  import classnames from "classnames";
3
+ import { makeVariants } from "../../../utils/makeVariants";
3
4
  import styles from "./Item.module.scss";
4
5
  import headerStyles from "./Header.module.scss";
5
6
  const Header = (props) => {
6
- return (React.createElement("li", { className: classnames(styles.item, headerStyles.header) },
7
+ const v = makeVariants(props.variant);
8
+ const cls = classnames(props.className, styles.item, headerStyles.header, {
9
+ [styles.inset]: v.includes("inset"),
10
+ });
11
+ return (React.createElement("li", { className: cls },
7
12
  React.createElement("div", null, props.children)));
8
13
  };
9
14
  export { Header };
package/esm/components/layout/list/Header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAE/B,OAAO,CACH,4BAAI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;QACvD,iCAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAShD,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE;QACtE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;KACtC,CAAC,CAAC;IAGH,OAAO,CACH,4BAAI,SAAS,EAAE,GAAG;QACd,iCAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}