@memori.ai/memori-react 2.7.0 → 2.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/MemoriWidget/MemoriWidget.js +1 -1
  3. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  4. package/dist/components/StartPanel/StartPanel.js +6 -9
  5. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  6. package/dist/components/ui/Select.css +2 -1
  7. package/esm/components/MemoriWidget/MemoriWidget.js +1 -1
  8. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  9. package/esm/components/StartPanel/StartPanel.js +6 -9
  10. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  11. package/esm/components/ui/Select.css +2 -1
  12. package/package.json +1 -1
  13. package/src/components/MemoriWidget/MemoriWidget.stories.tsx +13 -0
  14. package/src/components/MemoriWidget/MemoriWidget.tsx +1 -1
  15. package/src/components/StartPanel/StartPanel.tsx +23 -19
  16. package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +62 -50
  17. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +62 -50
  18. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +62 -50
  19. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +62 -50
  20. package/src/components/ui/Select.css +2 -1
package/src/components/layouts/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -237,60 +237,72 @@ exports[`renders Chat layout unchanged 1`] = `
237
237
  <div
238
238
  class="memori--language-chooser"
239
239
  >
240
- <div
241
- class="memori-select"
240
+ <label
241
+ for="user-lang-pref"
242
+ id="user-lang-pref-label"
243
+ >
244
+ write_and_speak.iWantToTalkToIn
245
+ </label>
246
+ <select
247
+ aria-labelledby="user-lang-pref-label"
248
+ class="memori-select--button"
249
+ id="user-lang-pref"
242
250
  >
243
- <input
244
- hidden=""
245
- name="day"
246
- readonly=""
247
- style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
248
- type="hidden"
251
+ <option
252
+ aria-label="Italiano"
249
253
  value="IT"
250
- />
251
- <label
252
- class="memori-select--label"
253
- data-headlessui-state=""
254
- id="headlessui-listbox-label-:r7:"
255
254
  >
256
- write_and_speak.iWantToTalkToIn
257
- :
258
- </label>
259
- <button
260
- aria-expanded="false"
261
- aria-haspopup="true"
262
- aria-label="write_and_speak.iWantToTalkToIn"
263
- aria-labelledby="headlessui-listbox-label-:r7: headlessui-listbox-button-:r8:"
264
- class="memori-select--button"
265
- data-headlessui-state=""
266
- id="headlessui-listbox-button-:r8:"
267
- type="button"
255
+ Italiano
256
+ </option>
257
+ <option
258
+ aria-label="English"
259
+ value="EN"
268
260
  >
269
- <span
270
- class="memori-select--value"
271
- >
272
- Italiano
273
- </span>
274
- <span
275
- class="memori-select--icon"
276
- >
277
- <svg
278
- aria-hidden="true"
279
- fill="currentColor"
280
- focusable="false"
281
- role="img"
282
- viewBox="0 0 20 20"
283
- xmlns="http://www.w3.org/2000/svg"
284
- >
285
- <path
286
- clip-rule="evenodd"
287
- d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
288
- fill-rule="evenodd"
289
- />
290
- </svg>
291
- </span>
292
- </button>
293
- </div>
261
+ English
262
+ </option>
263
+ <option
264
+ aria-label="Deutsch"
265
+ value="DE"
266
+ >
267
+ Deutsch
268
+ </option>
269
+ <option
270
+ aria-label="Español"
271
+ value="ES"
272
+ >
273
+ Español
274
+ </option>
275
+ <option
276
+ aria-label="Français"
277
+ value="FR"
278
+ >
279
+ Français
280
+ </option>
281
+ <option
282
+ aria-label="Português"
283
+ value="PT"
284
+ >
285
+ Português
286
+ </option>
287
+ <option
288
+ aria-label="Українська"
289
+ value="UK"
290
+ >
291
+ Українська
292
+ </option>
293
+ <option
294
+ aria-label="Русский"
295
+ value="RU"
296
+ >
297
+ Русский
298
+ </option>
299
+ <option
300
+ aria-label="Polski"
301
+ value="PL"
302
+ >
303
+ Polski
304
+ </option>
305
+ </select>
294
306
  </div>
295
307
  <button
296
308
  class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap CHANGED
@@ -279,60 +279,72 @@ exports[`renders FullPage layout unchanged 1`] = `
279
279
  <div
280
280
  class="memori--language-chooser"
281
281
  >
282
- <div
283
- class="memori-select"
282
+ <label
283
+ for="user-lang-pref"
284
+ id="user-lang-pref-label"
285
+ >
286
+ write_and_speak.iWantToTalkToIn
287
+ </label>
288
+ <select
289
+ aria-labelledby="user-lang-pref-label"
290
+ class="memori-select--button"
291
+ id="user-lang-pref"
284
292
  >
285
- <input
286
- hidden=""
287
- name="day"
288
- readonly=""
289
- style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
290
- type="hidden"
293
+ <option
294
+ aria-label="Italiano"
291
295
  value="IT"
292
- />
293
- <label
294
- class="memori-select--label"
295
- data-headlessui-state=""
296
- id="headlessui-listbox-label-:r7:"
297
296
  >
298
- write_and_speak.iWantToTalkToIn
299
- :
300
- </label>
301
- <button
302
- aria-expanded="false"
303
- aria-haspopup="true"
304
- aria-label="write_and_speak.iWantToTalkToIn"
305
- aria-labelledby="headlessui-listbox-label-:r7: headlessui-listbox-button-:r8:"
306
- class="memori-select--button"
307
- data-headlessui-state=""
308
- id="headlessui-listbox-button-:r8:"
309
- type="button"
297
+ Italiano
298
+ </option>
299
+ <option
300
+ aria-label="English"
301
+ value="EN"
310
302
  >
311
- <span
312
- class="memori-select--value"
313
- >
314
- Italiano
315
- </span>
316
- <span
317
- class="memori-select--icon"
318
- >
319
- <svg
320
- aria-hidden="true"
321
- fill="currentColor"
322
- focusable="false"
323
- role="img"
324
- viewBox="0 0 20 20"
325
- xmlns="http://www.w3.org/2000/svg"
326
- >
327
- <path
328
- clip-rule="evenodd"
329
- d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
330
- fill-rule="evenodd"
331
- />
332
- </svg>
333
- </span>
334
- </button>
335
- </div>
303
+ English
304
+ </option>
305
+ <option
306
+ aria-label="Deutsch"
307
+ value="DE"
308
+ >
309
+ Deutsch
310
+ </option>
311
+ <option
312
+ aria-label="Español"
313
+ value="ES"
314
+ >
315
+ Español
316
+ </option>
317
+ <option
318
+ aria-label="Français"
319
+ value="FR"
320
+ >
321
+ Français
322
+ </option>
323
+ <option
324
+ aria-label="Português"
325
+ value="PT"
326
+ >
327
+ Português
328
+ </option>
329
+ <option
330
+ aria-label="Українська"
331
+ value="UK"
332
+ >
333
+ Українська
334
+ </option>
335
+ <option
336
+ aria-label="Русский"
337
+ value="RU"
338
+ >
339
+ Русский
340
+ </option>
341
+ <option
342
+ aria-label="Polski"
343
+ value="PL"
344
+ >
345
+ Polski
346
+ </option>
347
+ </select>
336
348
  </div>
337
349
  <button
338
350
  class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
package/src/components/layouts/__snapshots__/Totem.test.tsx.snap CHANGED
@@ -330,60 +330,72 @@ exports[`renders Totem layout unchanged 1`] = `
330
330
  <div
331
331
  class="memori--language-chooser"
332
332
  >
333
- <div
334
- class="memori-select"
333
+ <label
334
+ for="user-lang-pref"
335
+ id="user-lang-pref-label"
336
+ >
337
+ write_and_speak.iWantToTalkToIn
338
+ </label>
339
+ <select
340
+ aria-labelledby="user-lang-pref-label"
341
+ class="memori-select--button"
342
+ id="user-lang-pref"
335
343
  >
336
- <input
337
- hidden=""
338
- name="day"
339
- readonly=""
340
- style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
341
- type="hidden"
344
+ <option
345
+ aria-label="Italiano"
342
346
  value="IT"
343
- />
344
- <label
345
- class="memori-select--label"
346
- data-headlessui-state=""
347
- id="headlessui-listbox-label-:r7:"
348
347
  >
349
- write_and_speak.iWantToTalkToIn
350
- :
351
- </label>
352
- <button
353
- aria-expanded="false"
354
- aria-haspopup="true"
355
- aria-label="write_and_speak.iWantToTalkToIn"
356
- aria-labelledby="headlessui-listbox-label-:r7: headlessui-listbox-button-:r8:"
357
- class="memori-select--button"
358
- data-headlessui-state=""
359
- id="headlessui-listbox-button-:r8:"
360
- type="button"
348
+ Italiano
349
+ </option>
350
+ <option
351
+ aria-label="English"
352
+ value="EN"
361
353
  >
362
- <span
363
- class="memori-select--value"
364
- >
365
- Italiano
366
- </span>
367
- <span
368
- class="memori-select--icon"
369
- >
370
- <svg
371
- aria-hidden="true"
372
- fill="currentColor"
373
- focusable="false"
374
- role="img"
375
- viewBox="0 0 20 20"
376
- xmlns="http://www.w3.org/2000/svg"
377
- >
378
- <path
379
- clip-rule="evenodd"
380
- d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
381
- fill-rule="evenodd"
382
- />
383
- </svg>
384
- </span>
385
- </button>
386
- </div>
354
+ English
355
+ </option>
356
+ <option
357
+ aria-label="Deutsch"
358
+ value="DE"
359
+ >
360
+ Deutsch
361
+ </option>
362
+ <option
363
+ aria-label="Español"
364
+ value="ES"
365
+ >
366
+ Español
367
+ </option>
368
+ <option
369
+ aria-label="Français"
370
+ value="FR"
371
+ >
372
+ Français
373
+ </option>
374
+ <option
375
+ aria-label="Português"
376
+ value="PT"
377
+ >
378
+ Português
379
+ </option>
380
+ <option
381
+ aria-label="Українська"
382
+ value="UK"
383
+ >
384
+ Українська
385
+ </option>
386
+ <option
387
+ aria-label="Русский"
388
+ value="RU"
389
+ >
390
+ Русский
391
+ </option>
392
+ <option
393
+ aria-label="Polski"
394
+ value="PL"
395
+ >
396
+ Polski
397
+ </option>
398
+ </select>
387
399
  </div>
388
400
  <button
389
401
  class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
package/src/components/ui/Select.css CHANGED
@@ -6,6 +6,7 @@
6
6
  .memori-select--button {
7
7
  position: relative;
8
8
  width: 100%;
9
+ max-width: 240px;
9
10
  min-height: 38px;
10
11
  padding-top: 0.5rem;
11
12
  padding-right: 2.5rem;
@@ -136,4 +137,4 @@ li.memori-select--option:focus {
136
137
  li.memori-select--option:focus {
137
138
  outline: 2px solid #63b3ed;
138
139
  outline-offset: 2px;
139
- }
140
+ }