react-miui 0.15.7 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/form/Input.d.ts +6 -2
  3. package/dist/components/form/Input.d.ts.map +1 -1
  4. package/dist/components/form/Input.js +35 -2
  5. package/dist/components/form/Input.js.map +1 -1
  6. package/dist/components/form/Suggestions.d.ts +9 -0
  7. package/dist/components/form/Suggestions.d.ts.map +1 -0
  8. package/dist/components/form/Suggestions.js +21 -0
  9. package/dist/components/form/Suggestions.js.map +1 -0
  10. package/dist/components/form/Toggle.d.ts +1 -0
  11. package/dist/components/form/Toggle.d.ts.map +1 -1
  12. package/dist/components/form/Toggle.js +1 -1
  13. package/dist/components/form/Toggle.js.map +1 -1
  14. package/dist/components/ui/stats/Stats.d.ts +1 -1
  15. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  16. package/dist/utils/index.d.ts +2 -0
  17. package/dist/utils/index.d.ts.map +1 -1
  18. package/dist/utils/index.js +2 -0
  19. package/dist/utils/index.js.map +1 -1
  20. package/dist/utils/useRandomId.d.ts +3 -0
  21. package/dist/utils/useRandomId.d.ts.map +1 -0
  22. package/dist/utils/useRandomId.js +13 -0
  23. package/dist/utils/useRandomId.js.map +1 -0
  24. package/docs/assets/js/search.js +1 -1
  25. package/docs/assets/js/search.json +1 -1
  26. package/docs/classes/Drawer.html +15 -15
  27. package/docs/classes/Pop.html +15 -15
  28. package/docs/classes/ToasterProvider.html +11 -11
  29. package/docs/enums/ICON.html +15 -15
  30. package/docs/index.html +7 -7
  31. package/docs/modules/Item.html +3 -3
  32. package/docs/modules/List.html +3 -3
  33. package/docs/modules/Modal.html +3 -3
  34. package/docs/modules/ModalButtons.html +3 -3
  35. package/docs/modules/Section.html +3 -3
  36. package/docs/modules/StickyHeader.html +4 -4
  37. package/docs/modules.html +66 -47
  38. package/docs/pages/Tutorials/Test.html +3 -3
  39. package/esm/components/form/Input.d.ts +6 -2
  40. package/esm/components/form/Input.d.ts.map +1 -1
  41. package/esm/components/form/Input.js +35 -2
  42. package/esm/components/form/Input.js.map +1 -1
  43. package/esm/components/form/Suggestions.d.ts +9 -0
  44. package/esm/components/form/Suggestions.d.ts.map +1 -0
  45. package/esm/components/form/Suggestions.js +15 -0
  46. package/esm/components/form/Suggestions.js.map +1 -0
  47. package/esm/components/form/Toggle.d.ts +1 -0
  48. package/esm/components/form/Toggle.d.ts.map +1 -1
  49. package/esm/components/form/Toggle.js +1 -1
  50. package/esm/components/form/Toggle.js.map +1 -1
  51. package/esm/components/ui/stats/Stats.d.ts +1 -1
  52. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  53. package/esm/utils/index.d.ts +2 -0
  54. package/esm/utils/index.d.ts.map +1 -1
  55. package/esm/utils/index.js +2 -0
  56. package/esm/utils/index.js.map +1 -1
  57. package/esm/utils/useRandomId.d.ts +3 -0
  58. package/esm/utils/useRandomId.d.ts.map +1 -0
  59. package/esm/utils/useRandomId.js +10 -0
  60. package/esm/utils/useRandomId.js.map +1 -0
  61. package/package.json +1 -1
  62. package/src/components/form/Input.tsx +58 -5
  63. package/src/components/form/Suggestions.tsx +28 -0
  64. package/src/components/form/Toggle.tsx +2 -1
  65. package/src/components/ui/stats/Stats.tsx +1 -1
  66. package/src/demo/components/form/Input.tsx +10 -0
  67. package/src/demo/components/form/Toggle.tsx +9 -2
  68. package/src/demo/components/form/countries.const.ts +201 -0
  69. package/src/utils/index.ts +2 -0
  70. package/src/utils/useRandomId.ts +13 -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.15.7</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.7">
6
+ <title>react-miui - v0.16.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.16.0">
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.7</a>
26
+ <a href="index.html" class="title">react-miui - v0.16.0</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.7</h1>
60
+ <h1>Project react-miui - v0.16.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -107,7 +107,6 @@
107
107
  <li class="tsd-kind-variable"><a href="modules.html#HeaderIconAction" class="tsd-kind-icon">Header<wbr>Icon<wbr>Action</a></li>
108
108
  <li class="tsd-kind-variable"><a href="modules.html#Icon" class="tsd-kind-icon">Icon</a></li>
109
109
  <li class="tsd-kind-variable"><a href="modules.html#If" class="tsd-kind-icon">If</a></li>
110
- <li class="tsd-kind-variable"><a href="modules.html#Input" class="tsd-kind-icon">Input</a></li>
111
110
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
112
111
  <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
113
112
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
@@ -129,6 +128,7 @@
129
128
  <h3>Functions</h3>
130
129
  <ul class="tsd-index-list">
131
130
  <li class="tsd-kind-function tsd-has-type-parameter"><a href="modules.html#Choice" class="tsd-kind-icon">Choice</a></li>
131
+ <li class="tsd-kind-function tsd-has-type-parameter"><a href="modules.html#Input" class="tsd-kind-icon">Input</a></li>
132
132
  <li class="tsd-kind-function tsd-has-type-parameter"><a href="modules.html#Selector" class="tsd-kind-icon">Selector</a></li>
133
133
  <li class="tsd-kind-function"><a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a></li>
134
134
  </ul>
@@ -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/9a9af88/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/b3ac5f8/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/9a9af88/src/components/ui/button/Button.tsx#L13">src/components/ui/button/Button.tsx:13</a></li>
157
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/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/9a9af88/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/b3ac5f8/src/components/icons/Icon.tsx#L43">src/components/icons/Icon.tsx:43</a></li>
238
238
  </ul>
239
239
  </aside>
240
240
  </section>
@@ -244,17 +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/9a9af88/src/components/utils/If.tsx#L7">src/components/utils/If.tsx:7</a></li>
248
- </ul>
249
- </aside>
250
- </section>
251
- <section class="tsd-panel tsd-member tsd-kind-variable">
252
- <a name="Input" class="tsd-anchor"></a>
253
- <h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
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
- <aside class="tsd-sources">
256
- <ul>
257
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
247
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/utils/If.tsx#L7">src/components/utils/If.tsx:7</a></li>
258
248
  </ul>
259
249
  </aside>
260
250
  </section>
@@ -264,7 +254,7 @@
264
254
  <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
255
  <aside class="tsd-sources">
266
256
  <ul>
267
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
257
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
268
258
  </ul>
269
259
  </aside>
270
260
  </section>
@@ -274,7 +264,7 @@
274
264
  <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
265
  <aside class="tsd-sources">
276
266
  <ul>
277
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
267
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
278
268
  </ul>
279
269
  </aside>
280
270
  </section>
@@ -284,7 +274,7 @@
284
274
  <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
275
  <aside class="tsd-sources">
286
276
  <ul>
287
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
277
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
288
278
  </ul>
289
279
  </aside>
290
280
  </section>
@@ -294,7 +284,7 @@
294
284
  <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
285
  <aside class="tsd-sources">
296
286
  <ul>
297
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/message/Message.tsx#L12">src/components/ui/message/Message.tsx:12</a></li>
287
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/message/Message.tsx#L12">src/components/ui/message/Message.tsx:12</a></li>
298
288
  </ul>
299
289
  </aside>
300
290
  </section>
@@ -304,7 +294,7 @@
304
294
  <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
295
  <aside class="tsd-sources">
306
296
  <ul>
307
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
297
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
308
298
  </ul>
309
299
  </aside>
310
300
  </section>
@@ -314,7 +304,7 @@
314
304
  <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
305
  <aside class="tsd-sources">
316
306
  <ul>
317
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
307
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
318
308
  </ul>
319
309
  </aside>
320
310
  </section>
@@ -324,7 +314,7 @@
324
314
  <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
315
  <aside class="tsd-sources">
326
316
  <ul>
327
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
317
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
328
318
  </ul>
329
319
  </aside>
330
320
  </section>
@@ -334,7 +324,7 @@
334
324
  <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
325
  <aside class="tsd-sources">
336
326
  <ul>
337
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
327
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
338
328
  </ul>
339
329
  </aside>
340
330
  </section>
@@ -344,7 +334,7 @@
344
334
  <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
335
  <aside class="tsd-sources">
346
336
  <ul>
347
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/Select.tsx#L9">src/components/form/Select.tsx:9</a></li>
337
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/Select.tsx#L9">src/components/form/Select.tsx:9</a></li>
348
338
  </ul>
349
339
  </aside>
350
340
  </section>
@@ -354,7 +344,7 @@
354
344
  <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
345
  <aside class="tsd-sources">
356
346
  <ul>
357
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
347
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
358
348
  </ul>
359
349
  </aside>
360
350
  </section>
@@ -364,7 +354,7 @@
364
354
  <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
355
  <aside class="tsd-sources">
366
356
  <ul>
367
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/stats/Stats.tsx#L16">src/components/ui/stats/Stats.tsx:16</a></li>
357
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/stats/Stats.tsx#L16">src/components/ui/stats/Stats.tsx:16</a></li>
368
358
  </ul>
369
359
  </aside>
370
360
  </section>
@@ -374,7 +364,7 @@
374
364
  <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
365
  <aside class="tsd-sources">
376
366
  <ul>
377
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/header/StickyHeader.tsx#L23">src/components/layout/header/StickyHeader.tsx:23</a></li>
367
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/header/StickyHeader.tsx#L23">src/components/layout/header/StickyHeader.tsx:23</a></li>
378
368
  </ul>
379
369
  </aside>
380
370
  </section>
@@ -384,7 +374,7 @@
384
374
  <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
375
  <aside class="tsd-sources">
386
376
  <ul>
387
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/layout/table/Table.tsx#L13">src/components/layout/table/Table.tsx:13</a></li>
377
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/layout/table/Table.tsx#L13">src/components/layout/table/Table.tsx:13</a></li>
388
378
  </ul>
389
379
  </aside>
390
380
  </section>
@@ -394,7 +384,7 @@
394
384
  <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
385
  <aside class="tsd-sources">
396
386
  <ul>
397
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
387
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
398
388
  </ul>
399
389
  </aside>
400
390
  </section>
@@ -404,7 +394,7 @@
404
394
  <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
395
  <aside class="tsd-sources">
406
396
  <ul>
407
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/Toggle.tsx#L14">src/components/form/Toggle.tsx:14</a></li>
397
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/Toggle.tsx#L15">src/components/form/Toggle.tsx:15</a></li>
408
398
  </ul>
409
399
  </aside>
410
400
  </section>
@@ -421,7 +411,7 @@
421
411
  <li class="tsd-description">
422
412
  <aside class="tsd-sources">
423
413
  <ul>
424
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/form/choice/Choice.tsx#L23">src/components/form/choice/Choice.tsx:23</a></li>
414
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/choice/Choice.tsx#L23">src/components/form/choice/Choice.tsx:23</a></li>
425
415
  </ul>
426
416
  </aside>
427
417
  <h4 class="tsd-type-parameters-title">Type parameters</h4>
@@ -440,6 +430,35 @@
440
430
  </li>
441
431
  </ul>
442
432
  </section>
433
+ <section class="tsd-panel tsd-member tsd-kind-function tsd-has-type-parameter">
434
+ <a name="Input" class="tsd-anchor"></a>
435
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
436
+ <ul class="tsd-signatures tsd-kind-function tsd-has-type-parameter">
437
+ <li class="tsd-signature tsd-kind-icon">Input&lt;T&gt;<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ReactElement</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></li>
438
+ </ul>
439
+ <ul class="tsd-descriptions">
440
+ <li class="tsd-description">
441
+ <aside class="tsd-sources">
442
+ <ul>
443
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/form/Input.tsx#L20">src/components/form/Input.tsx:20</a></li>
444
+ </ul>
445
+ </aside>
446
+ <h4 class="tsd-type-parameters-title">Type parameters</h4>
447
+ <ul class="tsd-type-parameters">
448
+ <li>
449
+ <h4>T<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h4>
450
+ </li>
451
+ </ul>
452
+ <h4 class="tsd-parameters-title">Parameters</h4>
453
+ <ul class="tsd-parameters">
454
+ <li>
455
+ <h5>__namedParameters: <span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h5>
456
+ </li>
457
+ </ul>
458
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ReactElement</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></h4>
459
+ </li>
460
+ </ul>
461
+ </section>
443
462
  <section class="tsd-panel tsd-member tsd-kind-function tsd-has-type-parameter">
444
463
  <a name="Selector" class="tsd-anchor"></a>
445
464
  <h3><span class="tsd-flag ts-flagConst">Const</span> Selector</h3>
@@ -450,7 +469,7 @@
450
469
  <li class="tsd-description">
451
470
  <aside class="tsd-sources">
452
471
  <ul>
453
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
472
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
454
473
  </ul>
455
474
  </aside>
456
475
  <h4 class="tsd-type-parameters-title">Type parameters</h4>
@@ -479,7 +498,7 @@
479
498
  <li class="tsd-description">
480
499
  <aside class="tsd-sources">
481
500
  <ul>
482
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9a9af88/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
501
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/b3ac5f8/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
483
502
  </ul>
484
503
  </aside>
485
504
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
@@ -570,9 +589,6 @@
570
589
  <li class=" tsd-kind-variable">
571
590
  <a href="modules.html#If" class="tsd-kind-icon">If</a>
572
591
  </li>
573
- <li class=" tsd-kind-variable">
574
- <a href="modules.html#Input" class="tsd-kind-icon">Input</a>
575
- </li>
576
592
  <li class=" tsd-kind-variable">
577
593
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
578
594
  </li>
@@ -621,6 +637,9 @@
621
637
  <li class=" tsd-kind-function tsd-has-type-parameter">
622
638
  <a href="modules.html#Choice" class="tsd-kind-icon">Choice</a>
623
639
  </li>
640
+ <li class=" tsd-kind-function tsd-has-type-parameter">
641
+ <a href="modules.html#Input" class="tsd-kind-icon">Input</a>
642
+ </li>
624
643
  <li class=" tsd-kind-function tsd-has-type-parameter">
625
644
  <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
626
645
  </li>
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.7</title>
7
- <meta name="description" content="Documentation for react-miui - v0.15.7">
6
+ <title>Test | react-miui - v0.16.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.16.0">
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.7</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.16.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Input.d.ts CHANGED
@@ -1,9 +1,13 @@
1
1
  import React from "react";
2
- interface Props {
2
+ import type { ObjectValue, Value } from "../../types/form";
3
+ interface CustomProps<T extends string> {
3
4
  children?: never;
4
5
  prefix?: React.ReactNode;
5
6
  suffix?: React.ReactNode;
7
+ suggestions?: Value<T>[];
8
+ onSuggestionMatch?: (value: Exclude<Value<T>, ObjectValue>, __chromiumPickedFromList: boolean) => void;
6
9
  }
7
- declare const Input: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & Props>;
10
+ declare type Props<T extends string> = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & CustomProps<T>;
11
+ declare const Input: <T extends string>({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, ...props }: Props<T>) => React.ReactElement<any, any> | null;
8
12
  export { Input, };
9
13
  //# sourceMappingURL=Input.d.ts.map
package/esm/components/form/Input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAkCxF,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK3D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,aAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAG5G,QAAA,MAAM,KAAK,8LA+EV,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Input.js CHANGED
@@ -1,8 +1,12 @@
1
1
  import React, { useCallback, useState } from "react";
2
2
  import classnames from "classnames";
3
+ import { useRandomId } from "../../utils/index.js";
4
+ import { Suggestions } from "./Suggestions";
3
5
  import styles from "./Input.module.scss";
4
- const Input = ({ className, children, prefix, suffix, onFocus, onBlur, ...props }) => {
6
+ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, ...props }) => {
5
7
  const [focused, setFocused] = useState(false);
8
+ const suggestionsId = useRandomId();
9
+ const [info] = useState({});
6
10
  const handleFocus = useCallback((e) => {
7
11
  setFocused(true);
8
12
  onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
@@ -11,6 +15,30 @@ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, ...props
11
15
  setFocused(false);
12
16
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
13
17
  }, [onBlur]);
18
+ const handleKeyDown = useCallback((e) => {
19
+ if (e.code === undefined) {
20
+ info.picked = true;
21
+ }
22
+ onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
23
+ }, []);
24
+ const handleChange = useCallback((e) => {
25
+ if (!suggestions) {
26
+ onChange === null || onChange === void 0 ? void 0 : onChange(e);
27
+ return;
28
+ }
29
+ const val = e.currentTarget.value;
30
+ const matched = suggestions.find(s => {
31
+ if (typeof s === "string") {
32
+ return s === val;
33
+ }
34
+ return s.value === val;
35
+ });
36
+ if (matched) {
37
+ onSuggestionMatch === null || onSuggestionMatch === void 0 ? void 0 : onSuggestionMatch(val, Boolean(info.picked));
38
+ }
39
+ info.picked = false;
40
+ onChange === null || onChange === void 0 ? void 0 : onChange(e);
41
+ }, [suggestions]);
14
42
  const wrapperCls = classnames(styles.wrapper, {
15
43
  [styles.wrapperFocused]: focused,
16
44
  [styles.disabled]: props.disabled,
@@ -18,9 +46,14 @@ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, ...props
18
46
  }, className);
19
47
  const prefixElem = prefix ? React.createElement("div", { className: styles.prefix }, prefix) : null;
20
48
  const suffixElem = suffix ? React.createElement("div", { className: styles.suffix }, suffix) : null;
49
+ const extraProps = {};
50
+ if (suggestions) {
51
+ extraProps.list = suggestionsId;
52
+ }
21
53
  return (React.createElement("div", { className: wrapperCls },
22
54
  prefixElem,
23
- React.createElement("input", { ...props, onFocus: handleFocus, onBlur: handleBlur, className: styles.input }),
55
+ React.createElement("input", { ...props, ...extraProps, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, className: styles.input }),
56
+ React.createElement(Suggestions, { id: suggestionsId, suggestions: suggestions }),
24
57
  suffixElem));
25
58
  };
26
59
  export { Input, };
package/esm/components/form/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,MAAM,KAAK,GAAkF,CAAC,EAC1F,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;QAC1C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,OAAO;QAChC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;QACjC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACrB,UAAU;QACX,kCAAW,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI;QACtF,UAAU,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,KAAK,GAAG,CAAmB,EAC7B,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EACpC,WAAW,EACX,iBAAiB,EACjB,GAAG,KAAK,EACD,EAAkC,EAAE;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IACpC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAuB,EAAE,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAiD,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAElF,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAA+C,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,CAAC,WAAW,EAAE;YACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;YACd,OAAO;SACV;QACD,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACjC,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;gBACvB,OAAO,CAAC,KAAK,GAAG,CAAC;aACpB;YACD,OAAO,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,IAAI,OAAO,EAAE;YACT,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAqC,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;SACpF;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;QAC1C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,OAAO;QAChC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;QACjC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,MAAM,UAAU,GAAsB,EAAE,CAAC;IACzC,IAAI,WAAW,EAAE;QACb,UAAU,CAAC,IAAI,GAAG,aAAa,CAAC;KACnC;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACrB,UAAU;QACX,kCACQ,KAAK,KACL,UAAU,EACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,CAAC,KAAK,GACzB;QACF,oBAAC,WAAW,IAAC,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI;QAC3D,UAAU,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Suggestions.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import type { Value } from "../../types/form";
3
+ interface Props<T extends string> {
4
+ id: string;
5
+ suggestions?: Value<T>[];
6
+ }
7
+ declare const Suggestions: <T extends string>(props: Props<T>) => React.ReactElement<any, any> | null;
8
+ export { Suggestions };
9
+ //# sourceMappingURL=Suggestions.d.ts.map
package/esm/components/form/Suggestions.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../src/components/form/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,4EAiBhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
package/esm/components/form/Suggestions.js ADDED
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ const Suggestions = (props) => {
3
+ if (!props.suggestions) {
4
+ return null;
5
+ }
6
+ const options = props.suggestions.map(s => {
7
+ if (typeof s === "string") {
8
+ return React.createElement("option", { value: s, key: s });
9
+ }
10
+ return React.createElement("option", { value: s.value, key: s.value }, s.label);
11
+ });
12
+ return (React.createElement("datalist", { id: props.id }, options));
13
+ };
14
+ export { Suggestions };
15
+ //# sourceMappingURL=Suggestions.js.map
package/esm/components/form/Suggestions.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../src/components/form/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,GAAG,CAAmB,KAAe,EAAkC,EAAE;IACtF,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;QACpB,OAAO,IAAI,CAAC;KACf;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACtC,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YACvB,OAAO,gCAAQ,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAI,CAAC;SACvC;QACD,OAAO,gCAAQ,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,IAAG,CAAC,CAAC,KAAK,CAAU,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,kCAAU,EAAE,EAAE,KAAK,CAAC,EAAE,IACjB,OAAO,CACD,CACd,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
package/esm/components/form/Toggle.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  interface Props {
3
3
  onChange: (newValue: boolean) => void;
4
+ onContextMenu?: React.MouseEventHandler;
4
5
  undeterminedClickValue?: boolean;
5
6
  disabled?: boolean;
6
7
  value: boolean | null;
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,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"}
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
@@ -14,7 +14,7 @@ const Toggle = (props) => {
14
14
  const cls = classnames(styles.container, {
15
15
  [styles.disabled]: props.disabled,
16
16
  });
17
- return (React.createElement("label", { className: cls },
17
+ return (React.createElement("label", { className: cls, onContextMenu: props.onContextMenu },
18
18
  React.createElement("input", { type: "checkbox", checked: Boolean(props.value), "data-undetermined": props.value == null, readOnly: props.value == null, disabled: props.disabled, onChange: handleChange }),
19
19
  React.createElement("div", { className: styles.toggle })));
20
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;AASpC,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;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/ui/stats/Stats.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  interface Stat {
3
3
  label: string;
4
- value: string;
4
+ value: React.ReactNode;
5
5
  }
6
6
  interface Props {
7
7
  stats: Stat[];
package/esm/components/ui/stats/Stats.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stats/Stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,IAAI;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,KAAK;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwB1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stats/Stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,IAAI;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,KAAK;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwB1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
package/esm/utils/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  export * from "./makeVariants";
2
2
  export * from "./toObjectValue";
3
+ export * from "./useKeyPress";
4
+ export * from "./useRandomId";
3
5
  //# sourceMappingURL=index.d.ts.map