react-miui 0.15.5 → 0.15.8

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 (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/form/Toggle.d.ts +2 -0
  3. package/dist/components/form/Toggle.d.ts.map +1 -1
  4. package/dist/components/form/Toggle.js +4 -1
  5. package/dist/components/form/Toggle.js.map +1 -1
  6. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  7. package/dist/components/form/choice/Choice.js.map +1 -1
  8. package/dist/components/ui/button/Button.d.ts +2 -1
  9. package/dist/components/ui/button/Button.d.ts.map +1 -1
  10. package/dist/components/ui/button/Button.js +2 -2
  11. package/dist/components/ui/button/Button.js.map +1 -1
  12. package/docs/classes/Drawer.html +12 -12
  13. package/docs/classes/Pop.html +12 -12
  14. package/docs/classes/ToasterProvider.html +8 -8
  15. package/docs/enums/ICON.html +12 -12
  16. package/docs/index.html +4 -4
  17. package/docs/modules/Item.html +3 -3
  18. package/docs/modules/List.html +3 -3
  19. package/docs/modules/Modal.html +3 -3
  20. package/docs/modules/ModalButtons.html +3 -3
  21. package/docs/modules/Section.html +3 -3
  22. package/docs/modules/StickyHeader.html +4 -4
  23. package/docs/modules.html +34 -34
  24. package/docs/pages/Tutorials/Test.html +3 -3
  25. package/esm/components/form/Toggle.d.ts +2 -0
  26. package/esm/components/form/Toggle.d.ts.map +1 -1
  27. package/esm/components/form/Toggle.js +4 -1
  28. package/esm/components/form/Toggle.js.map +1 -1
  29. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  30. package/esm/components/form/choice/Choice.js.map +1 -1
  31. package/esm/components/ui/button/Button.d.ts +2 -1
  32. package/esm/components/ui/button/Button.d.ts.map +1 -1
  33. package/esm/components/ui/button/Button.js +1 -1
  34. package/esm/components/ui/button/Button.js.map +1 -1
  35. package/package.json +1 -1
  36. package/src/components/form/Toggle.tsx +6 -1
  37. package/src/components/form/choice/Choice.tsx +1 -0
  38. package/src/components/ui/button/Button.tsx +4 -2
  39. package/src/demo/components/form/Toggle.tsx +9 -2
package/docs/modules/Section.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>Section | react-miui - v0.15.5</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.5">
6
+ <title>Section | react-miui - v0.15.8</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.8">
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.15.5</a>
26
+ <a href="../index.html" class="title">react-miui - v0.15.8</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/StickyHeader.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>StickyHeader | react-miui - v0.15.5</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.5">
6
+ <title>StickyHeader | react-miui - v0.15.8</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.8">
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.15.5</a>
26
+ <a href="../index.html" class="title">react-miui - v0.15.8</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -92,7 +92,7 @@
92
92
  <li class="tsd-description">
93
93
  <aside class="tsd-sources">
94
94
  <ul>
95
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/header/StickyHeader.tsx#L61">src/components/layout/header/StickyHeader.tsx:61</a></li>
95
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/header/StickyHeader.tsx#L61">src/components/layout/header/StickyHeader.tsx:61</a></li>
96
96
  </ul>
97
97
  </aside>
98
98
  <h4 class="tsd-parameters-title">Parameters</h4>
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.15.5</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.5">
6
+ <title>react-miui - v0.15.8</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.8">
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.15.5</a>
26
+ <a href="index.html" class="title">react-miui - v0.15.8</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.15.5</h1>
60
+ <h1>Project react-miui - v0.15.8</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -144,7 +144,7 @@
144
144
  <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>
145
145
  <aside class="tsd-sources">
146
146
  <ul>
147
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/action/Action.tsx#L23">src/components/ui/action/Action.tsx:23</a></li>
147
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/action/Action.tsx#L23">src/components/ui/action/Action.tsx:23</a></li>
148
148
  </ul>
149
149
  </aside>
150
150
  </section>
@@ -154,7 +154,7 @@
154
154
  <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>
155
155
  <aside class="tsd-sources">
156
156
  <ul>
157
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
157
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/button/Button.tsx#L13">src/components/ui/button/Button.tsx:13</a></li>
158
158
  </ul>
159
159
  </aside>
160
160
  </section>
@@ -164,7 +164,7 @@
164
164
  <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>
165
165
  <aside class="tsd-sources">
166
166
  <ul>
167
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
167
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
168
168
  </ul>
169
169
  </aside>
170
170
  </section>
@@ -174,7 +174,7 @@
174
174
  <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>
175
175
  <aside class="tsd-sources">
176
176
  <ul>
177
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
177
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
178
178
  </ul>
179
179
  </aside>
180
180
  </section>
@@ -184,7 +184,7 @@
184
184
  <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>
185
185
  <aside class="tsd-sources">
186
186
  <ul>
187
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
187
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
188
188
  </ul>
189
189
  </aside>
190
190
  </section>
@@ -194,7 +194,7 @@
194
194
  <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>
195
195
  <aside class="tsd-sources">
196
196
  <ul>
197
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
197
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
198
198
  </ul>
199
199
  </aside>
200
200
  </section>
@@ -204,7 +204,7 @@
204
204
  <div class="tsd-signature tsd-kind-icon">Handle<wbr>Esc<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>
205
205
  <aside class="tsd-sources">
206
206
  <ul>
207
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/utils/HandleEsc.tsx#L10">src/components/utils/HandleEsc.tsx:10</a></li>
207
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/utils/HandleEsc.tsx#L10">src/components/utils/HandleEsc.tsx:10</a></li>
208
208
  </ul>
209
209
  </aside>
210
210
  </section>
@@ -214,7 +214,7 @@
214
214
  <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>
215
215
  <aside class="tsd-sources">
216
216
  <ul>
217
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
217
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
218
218
  </ul>
219
219
  </aside>
220
220
  </section>
@@ -224,7 +224,7 @@
224
224
  <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>
225
225
  <aside class="tsd-sources">
226
226
  <ul>
227
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
227
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
228
228
  </ul>
229
229
  </aside>
230
230
  </section>
@@ -234,7 +234,7 @@
234
234
  <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>
235
235
  <aside class="tsd-sources">
236
236
  <ul>
237
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/icons/Icon.tsx#L43">src/components/icons/Icon.tsx:43</a></li>
237
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/icons/Icon.tsx#L43">src/components/icons/Icon.tsx:43</a></li>
238
238
  </ul>
239
239
  </aside>
240
240
  </section>
@@ -244,7 +244,7 @@
244
244
  <div class="tsd-signature tsd-kind-icon">If<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>
245
245
  <aside class="tsd-sources">
246
246
  <ul>
247
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/utils/If.tsx#L7">src/components/utils/If.tsx:7</a></li>
247
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/utils/If.tsx#L7">src/components/utils/If.tsx:7</a></li>
248
248
  </ul>
249
249
  </aside>
250
250
  </section>
@@ -254,7 +254,7 @@
254
254
  <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>
255
255
  <aside class="tsd-sources">
256
256
  <ul>
257
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
257
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
258
258
  </ul>
259
259
  </aside>
260
260
  </section>
@@ -264,7 +264,7 @@
264
264
  <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>
265
265
  <aside class="tsd-sources">
266
266
  <ul>
267
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
267
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
268
268
  </ul>
269
269
  </aside>
270
270
  </section>
@@ -274,7 +274,7 @@
274
274
  <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>
275
275
  <aside class="tsd-sources">
276
276
  <ul>
277
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
277
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
278
278
  </ul>
279
279
  </aside>
280
280
  </section>
@@ -284,7 +284,7 @@
284
284
  <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>
285
285
  <aside class="tsd-sources">
286
286
  <ul>
287
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
287
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
288
288
  </ul>
289
289
  </aside>
290
290
  </section>
@@ -294,7 +294,7 @@
294
294
  <div class="tsd-signature tsd-kind-icon">Message<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>
295
295
  <aside class="tsd-sources">
296
296
  <ul>
297
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/message/Message.tsx#L12">src/components/ui/message/Message.tsx:12</a></li>
297
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/message/Message.tsx#L12">src/components/ui/message/Message.tsx:12</a></li>
298
298
  </ul>
299
299
  </aside>
300
300
  </section>
@@ -304,7 +304,7 @@
304
304
  <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>
305
305
  <aside class="tsd-sources">
306
306
  <ul>
307
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
307
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
308
308
  </ul>
309
309
  </aside>
310
310
  </section>
@@ -314,7 +314,7 @@
314
314
  <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>
315
315
  <aside class="tsd-sources">
316
316
  <ul>
317
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
317
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
318
318
  </ul>
319
319
  </aside>
320
320
  </section>
@@ -324,7 +324,7 @@
324
324
  <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>
325
325
  <aside class="tsd-sources">
326
326
  <ul>
327
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
327
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
328
328
  </ul>
329
329
  </aside>
330
330
  </section>
@@ -334,7 +334,7 @@
334
334
  <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>
335
335
  <aside class="tsd-sources">
336
336
  <ul>
337
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
337
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
338
338
  </ul>
339
339
  </aside>
340
340
  </section>
@@ -344,7 +344,7 @@
344
344
  <div class="tsd-signature tsd-kind-icon">Select<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.SelectHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLSelectElement</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>
345
345
  <aside class="tsd-sources">
346
346
  <ul>
347
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/Select.tsx#L9">src/components/form/Select.tsx:9</a></li>
347
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/Select.tsx#L9">src/components/form/Select.tsx:9</a></li>
348
348
  </ul>
349
349
  </aside>
350
350
  </section>
@@ -354,7 +354,7 @@
354
354
  <div class="tsd-signature tsd-kind-icon">Spacer<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>
355
355
  <aside class="tsd-sources">
356
356
  <ul>
357
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
357
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
358
358
  </ul>
359
359
  </aside>
360
360
  </section>
@@ -364,7 +364,7 @@
364
364
  <div class="tsd-signature tsd-kind-icon">Stats<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>
365
365
  <aside class="tsd-sources">
366
366
  <ul>
367
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/stats/Stats.tsx#L16">src/components/ui/stats/Stats.tsx:16</a></li>
367
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/stats/Stats.tsx#L16">src/components/ui/stats/Stats.tsx:16</a></li>
368
368
  </ul>
369
369
  </aside>
370
370
  </section>
@@ -374,7 +374,7 @@
374
374
  <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>
375
375
  <aside class="tsd-sources">
376
376
  <ul>
377
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/header/StickyHeader.tsx#L23">src/components/layout/header/StickyHeader.tsx:23</a></li>
377
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/header/StickyHeader.tsx#L23">src/components/layout/header/StickyHeader.tsx:23</a></li>
378
378
  </ul>
379
379
  </aside>
380
380
  </section>
@@ -384,7 +384,7 @@
384
384
  <div class="tsd-signature tsd-kind-icon">Table<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.TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</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>
385
385
  <aside class="tsd-sources">
386
386
  <ul>
387
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/layout/table/Table.tsx#L13">src/components/layout/table/Table.tsx:13</a></li>
387
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/layout/table/Table.tsx#L13">src/components/layout/table/Table.tsx:13</a></li>
388
388
  </ul>
389
389
  </aside>
390
390
  </section>
@@ -394,7 +394,7 @@
394
394
  <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>
395
395
  <aside class="tsd-sources">
396
396
  <ul>
397
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
397
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
398
398
  </ul>
399
399
  </aside>
400
400
  </section>
@@ -404,7 +404,7 @@
404
404
  <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>
405
405
  <aside class="tsd-sources">
406
406
  <ul>
407
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/Toggle.tsx#L13">src/components/form/Toggle.tsx:13</a></li>
407
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/Toggle.tsx#L15">src/components/form/Toggle.tsx:15</a></li>
408
408
  </ul>
409
409
  </aside>
410
410
  </section>
@@ -421,7 +421,7 @@
421
421
  <li class="tsd-description">
422
422
  <aside class="tsd-sources">
423
423
  <ul>
424
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/form/choice/Choice.tsx#L22">src/components/form/choice/Choice.tsx:22</a></li>
424
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/form/choice/Choice.tsx#L23">src/components/form/choice/Choice.tsx:23</a></li>
425
425
  </ul>
426
426
  </aside>
427
427
  <h4 class="tsd-type-parameters-title">Type parameters</h4>
@@ -450,7 +450,7 @@
450
450
  <li class="tsd-description">
451
451
  <aside class="tsd-sources">
452
452
  <ul>
453
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
453
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
454
454
  </ul>
455
455
  </aside>
456
456
  <h4 class="tsd-type-parameters-title">Type parameters</h4>
@@ -479,7 +479,7 @@
479
479
  <li class="tsd-description">
480
480
  <aside class="tsd-sources">
481
481
  <ul>
482
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fbc5e77/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
482
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/ec3a28b/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
483
483
  </ul>
484
484
  </aside>
485
485
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
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.15.5</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.5">
6
+ <title>Test | react-miui - v0.15.8</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.8">
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.15.5</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.15.8</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Toggle.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import React from "react";
2
2
  interface Props {
3
3
  onChange: (newValue: boolean) => void;
4
+ onContextMenu?: React.MouseEventHandler;
5
+ undeterminedClickValue?: boolean;
4
6
  disabled?: boolean;
5
7
  value: boolean | null;
6
8
  }
package/esm/components/form/Toggle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyB3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/Toggle.js CHANGED
@@ -4,6 +4,9 @@ import classnames from "classnames";
4
4
  const Toggle = (props) => {
5
5
  const handleChange = useCallback((e) => {
6
6
  if (props.value == null) {
7
+ if ("undeterminedClickValue" in props) {
8
+ props.onChange(props.undeterminedClickValue);
9
+ }
7
10
  return;
8
11
  }
9
12
  props.onChange(e.target.checked);
@@ -11,7 +14,7 @@ const Toggle = (props) => {
11
14
  const cls = classnames(styles.container, {
12
15
  [styles.disabled]: props.disabled,
13
16
  });
14
- return (React.createElement("label", { className: cls },
17
+ return (React.createElement("label", { className: cls, onContextMenu: props.onContextMenu },
15
18
  React.createElement("input", { type: "checkbox", checked: Boolean(props.value), "data-undetermined": props.value == null, readOnly: props.value == null, disabled: props.disabled, onChange: handleChange }),
16
19
  React.createElement("div", { className: styles.toggle })));
17
20
  };
package/esm/components/form/Toggle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,OAAO;SACV;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QACrC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,CAAC,CAAC;IAEH,OAAO,CACH,+BAAO,SAAS,EAAE,GAAG;QACjB,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,IAAI,wBAAwB,IAAI,KAAK,EAAE;gBACnC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,sBAAuB,CAAC,CAAC;aACjD;YACD,OAAO;SACV;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QACrC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,CAAC,CAAC;IAEH,OAAO,CACH,+BAAO,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;QACrD,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/choice/Choice.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,aAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAID,QAAA,MAAM,MAAM,4EAuBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,aAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAKD,QAAA,MAAM,MAAM,4EAuBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/choice/Choice.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAe1C,MAAM,MAAM,GAAG,CAAmB,KAAe,EAAkC,EAAE;IACjF,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,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,UAAU,CAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAC9B,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EACrC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CACxC,CAAC;IAEF,OAAO,6BAAK,SAAS,EAAE,GAAG,IAAG,IAAI,CAAO,CAAC;AAC7C,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,MAAM,GAAG,CAAmB,KAAe,EAAkC,EAAE;IACjF,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,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,UAAU,CAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAC9B,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EACrC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CACxC,CAAC;IAEF,OAAO,6BAAK,SAAS,EAAE,GAAG,IAAG,IAAI,CAAO,CAAC;AAC7C,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/ui/button/Button.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
+ declare type Variant = "inline" | "outline";
2
3
  interface Props {
3
- variant?: "inline" | "outline";
4
+ variant?: Variant | Variant[];
4
5
  }
5
6
  declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props>;
6
7
  export { Button };
package/esm/components/ui/button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAkB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,aAAK,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpC,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAkB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/ui/button/Button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import classnames from "classnames";
3
3
  import styles from "./Button.module.scss";
4
- import { makeVariants } from "../../../utils/makeVariants.js";
4
+ import { makeVariants } from "../../../utils/index.js";
5
5
  const Button = ({ className, children, variant, ...props }) => {
6
6
  const variants = makeVariants(variant);
7
7
  const cls = classnames(styles.btn, {
package/esm/components/ui/button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAM9D,MAAM,MAAM,GAAoE,CAAC,EAC7E,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EACzC,EAAE,EAAE;IACD,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,mCACQ,KAAK,EACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAQvD,MAAM,MAAM,GAAoE,CAAC,EAC7E,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EACzC,EAAE,EAAE;IACD,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,mCACQ,KAAK,EACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-miui",
3
- "version": "0.15.5",
3
+ "version": "0.15.8",
4
4
  "author": "Jacek Nowacki",
5
5
  "license": "MIT",
6
6
  "scripts": {
package/src/components/form/Toggle.tsx CHANGED
@@ -6,6 +6,8 @@ import classnames from "classnames";
6
6
 
7
7
  interface Props {
8
8
  onChange: (newValue: boolean) => void;
9
+ onContextMenu?: React.MouseEventHandler;
10
+ undeterminedClickValue?: boolean;
9
11
  disabled?: boolean;
10
12
  value: boolean | null;
11
13
  }
@@ -13,6 +15,9 @@ interface Props {
13
15
  const Toggle: React.FC<Props> = (props) => {
14
16
  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
15
17
  if (props.value == null) {
18
+ if ("undeterminedClickValue" in props) {
19
+ props.onChange(props.undeterminedClickValue!);
20
+ }
16
21
  return;
17
22
  }
18
23
  props.onChange(e.target.checked);
@@ -23,7 +28,7 @@ const Toggle: React.FC<Props> = (props) => {
23
28
  });
24
29
 
25
30
  return (
26
- <label className={cls}>
31
+ <label className={cls} onContextMenu={props.onContextMenu}>
27
32
  <input
28
33
  type={"checkbox"}
29
34
  checked={Boolean(props.value)}
package/src/components/form/choice/Choice.tsx CHANGED
@@ -17,6 +17,7 @@ interface Props<T extends string> {
17
17
  variant?: Variant | Variant[];
18
18
  }
19
19
 
20
+ // @TODO handle disabled / readonly!
20
21
  // @TODO auto width mode by default?
21
22
 
22
23
  const Choice = <T extends string>(props: Props<T>): ReturnType<React.FC<Props<T>>> => {
package/src/components/ui/button/Button.tsx CHANGED
@@ -2,10 +2,12 @@ import React from "react";
2
2
  import classnames from "classnames";
3
3
 
4
4
  import styles from "./Button.module.scss";
5
- import { makeVariants } from "../../../utils/makeVariants.js";
5
+ import { makeVariants } from "../../../utils/index.js";
6
+
7
+ type Variant = "inline" | "outline";
6
8
 
7
9
  interface Props {
8
- variant?: "inline" | "outline";
10
+ variant?: Variant | Variant[];
9
11
  }
10
12
 
11
13
  const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props> = ({
package/src/demo/components/form/Toggle.tsx CHANGED
@@ -2,11 +2,13 @@ import React, { useCallback, useEffect, useState } from "react";
2
2
  import { Toggle } from "../../../components/form/Toggle";
3
3
  import { List } from "../../../components/layout/list/List";
4
4
  import { Item } from "../../../components/layout/list/Item";
5
+ import { useToaster } from "../../../components/ui/toaster/Toaster";
5
6
 
6
7
  const handleNoop = () => undefined;
7
8
 
8
9
  const ToggleDemo: React.FC = () => {
9
10
  const [state, ss] = useState<boolean | null>(null);
11
+ const toast = useToaster();
10
12
 
11
13
  useEffect(() => {
12
14
  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
@@ -24,6 +26,11 @@ const ToggleDemo: React.FC = () => {
24
26
  }, 1000);
25
27
  }, [state]);
26
28
 
29
+ const handleCtx: React.MouseEventHandler = useCallback((e) => {
30
+ e.preventDefault();
31
+ toast("You right-clicked / long pressed the toggle");
32
+ }, []);
33
+
27
34
  return (
28
35
  <List>
29
36
  <Item ratio={"1/"}>
@@ -39,8 +46,8 @@ const ToggleDemo: React.FC = () => {
39
46
  <Toggle onChange={handleNoop} value={null} />
40
47
  </Item>
41
48
  <Item ratio={"1/"}>
42
- <span>Dynamic</span>
43
- <Toggle onChange={handleToggle} value={state} />
49
+ <span>Dynamic with right click</span>
50
+ <Toggle onChange={handleToggle} onContextMenu={handleCtx} value={state} />
44
51
  </Item>
45
52
  <Item ratio={"1/"}>
46
53
  <span>Disabled</span>