@memori.ai/memori-react 2.7.1 → 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.
- package/CHANGELOG.md +7 -0
- package/dist/components/StartPanel/StartPanel.js +6 -9
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/ui/Select.css +2 -1
- package/esm/components/StartPanel/StartPanel.js +6 -9
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/ui/Select.css +2 -1
- package/package.json +1 -1
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +13 -0
- package/src/components/StartPanel/StartPanel.tsx +23 -19
- package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +62 -50
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +62 -50
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +62 -50
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +62 -50
- package/src/components/ui/Select.css +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [2.7.2](https://github.com/memori-ai/memori-react/compare/v2.7.1...v2.7.2) (2023-07-20)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* use native select for lang selector in start panel ([24f567d](https://github.com/memori-ai/memori-react/commit/24f567dd111c0068c9717a3cfe7552162db3ba4d))
|
|
9
|
+
|
|
3
10
|
## [2.7.1](https://github.com/memori-ai/memori-react/compare/v2.7.0...v2.7.1) (2023-07-19)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -11,10 +11,9 @@ const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
|
11
11
|
const Translation_1 = tslib_1.__importDefault(require("../icons/Translation"));
|
|
12
12
|
const constants_1 = require("../../helpers/constants");
|
|
13
13
|
const BlockedMemoriBadge_1 = tslib_1.__importDefault(require("../BlockedMemoriBadge/BlockedMemoriBadge"));
|
|
14
|
-
const Select_1 = tslib_1.__importDefault(require("../ui/Select"));
|
|
15
14
|
const AI_1 = tslib_1.__importDefault(require("../icons/AI"));
|
|
16
15
|
const StartPanel = ({ memori, tenant, gamificationLevel, language, userLang, setUserLang, baseUrl, apiUrl, position, openPositionDrawer, integrationConfig, instruct = false, clickedStart, onClickStart, initializeTTS, }) => {
|
|
17
|
-
var _a, _b
|
|
16
|
+
var _a, _b;
|
|
18
17
|
const { t, i18n } = (0, react_i18next_1.useTranslation)();
|
|
19
18
|
const [translatedDescription, setTranslatedDescription] = (0, react_1.useState)(memori.description);
|
|
20
19
|
const [showTranslation, setShowTranslation] = (0, react_1.useState)(true);
|
|
@@ -69,13 +68,11 @@ const StartPanel = ({ memori, tenant, gamificationLevel, language, userLang, set
|
|
|
69
68
|
? translatedDescription
|
|
70
69
|
: memori.description }), translatedDescription !== memori.description && ((0, jsx_runtime_1.jsx)(Button_1.default, { ghost: true, className: "memori--translation-toggle", icon: (0, jsx_runtime_1.jsx)(Translation_1.default, {}), onClick: () => toggleTranslations(), children: showTranslation
|
|
71
70
|
? t('showOriginalText')
|
|
72
|
-
: t('showTranslatedText') }))] }), (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage) && !instruct && ((0, jsx_runtime_1.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
label: lang.label,
|
|
77
|
-
value: lang.value.toUpperCase(),
|
|
78
|
-
})) }) })), (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, disabled: !!memori.blockedUntil && !memori.isGiver, loading: clickedStart, onClick: _e => {
|
|
71
|
+
: t('showTranslatedText') }))] }), (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage) && !instruct && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--language-chooser", children: [(0, jsx_runtime_1.jsx)("label", { id: "user-lang-pref-label", htmlFor: "user-lang-pref", children: t('write_and_speak.iWantToTalkToIn', {
|
|
72
|
+
name: memori.name,
|
|
73
|
+
}) }), (0, jsx_runtime_1.jsx)("select", { id: "user-lang-pref", className: "memori-select--button", value: (userLang !== null && userLang !== void 0 ? userLang : i18n.language).toUpperCase(), "aria-labelledby": "user-lang-pref-label", onChange: e => {
|
|
74
|
+
setUserLang(e.target.value);
|
|
75
|
+
}, children: constants_1.chatLanguages.map(lang => ((0, jsx_runtime_1.jsx)("option", { value: lang.value, "aria-label": lang.label, children: lang.label }, lang.value))) })] })), (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, disabled: !!memori.blockedUntil && !memori.isGiver, loading: clickedStart, onClick: _e => {
|
|
79
76
|
speechSynthesis.speak(new SpeechSynthesisUtterance(''));
|
|
80
77
|
if (initializeTTS)
|
|
81
78
|
initializeTTS();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StartPanel.js","sourceRoot":"","sources":["../../../src/components/StartPanel/StartPanel.tsx"],"names":[],"mappings":";;;;AAMA,iCAAmD;AACnD,+CAAqD;AACrD,iDAA+C;AAC/C,oEAAoC;AACpC,6DAA4D;AAC5D,kEAAkC;AAClC,+EAA+C;AAC/C,uDAAwD;AACxD,0GAA0E;
|
|
1
|
+
{"version":3,"file":"StartPanel.js","sourceRoot":"","sources":["../../../src/components/StartPanel/StartPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
+
}
|
|
@@ -8,10 +8,9 @@ import Button from '../ui/Button';
|
|
|
8
8
|
import Translation from '../icons/Translation';
|
|
9
9
|
import { chatLanguages } from '../../helpers/constants';
|
|
10
10
|
import BlockedMemoriBadge from '../BlockedMemoriBadge/BlockedMemoriBadge';
|
|
11
|
-
import Select from '../ui/Select';
|
|
12
11
|
import AI from '../icons/AI';
|
|
13
12
|
const StartPanel = ({ memori, tenant, gamificationLevel, language, userLang, setUserLang, baseUrl, apiUrl, position, openPositionDrawer, integrationConfig, instruct = false, clickedStart, onClickStart, initializeTTS, }) => {
|
|
14
|
-
var _a, _b
|
|
13
|
+
var _a, _b;
|
|
15
14
|
const { t, i18n } = useTranslation();
|
|
16
15
|
const [translatedDescription, setTranslatedDescription] = useState(memori.description);
|
|
17
16
|
const [showTranslation, setShowTranslation] = useState(true);
|
|
@@ -66,13 +65,11 @@ const StartPanel = ({ memori, tenant, gamificationLevel, language, userLang, set
|
|
|
66
65
|
? translatedDescription
|
|
67
66
|
: memori.description }), translatedDescription !== memori.description && (_jsx(Button, { ghost: true, className: "memori--translation-toggle", icon: _jsx(Translation, {}), onClick: () => toggleTranslations(), children: showTranslation
|
|
68
67
|
? t('showOriginalText')
|
|
69
|
-
: t('showTranslatedText') }))] }), (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage) && !instruct && (
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
label: lang.label,
|
|
74
|
-
value: lang.value.toUpperCase(),
|
|
75
|
-
})) }) })), _jsx(Button, { primary: true, disabled: !!memori.blockedUntil && !memori.isGiver, loading: clickedStart, onClick: _e => {
|
|
68
|
+
: t('showTranslatedText') }))] }), (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage) && !instruct && (_jsxs("div", { className: "memori--language-chooser", children: [_jsx("label", { id: "user-lang-pref-label", htmlFor: "user-lang-pref", children: t('write_and_speak.iWantToTalkToIn', {
|
|
69
|
+
name: memori.name,
|
|
70
|
+
}) }), _jsx("select", { id: "user-lang-pref", className: "memori-select--button", value: (userLang !== null && userLang !== void 0 ? userLang : i18n.language).toUpperCase(), "aria-labelledby": "user-lang-pref-label", onChange: e => {
|
|
71
|
+
setUserLang(e.target.value);
|
|
72
|
+
}, children: chatLanguages.map(lang => (_jsx("option", { value: lang.value, "aria-label": lang.label, children: lang.label }, lang.value))) })] })), _jsx(Button, { primary: true, disabled: !!memori.blockedUntil && !memori.isGiver, loading: clickedStart, onClick: _e => {
|
|
76
73
|
speechSynthesis.speak(new SpeechSynthesisUtterance(''));
|
|
77
74
|
if (initializeTTS)
|
|
78
75
|
initializeTTS();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StartPanel.js","sourceRoot":"","sources":["../../../src/components/StartPanel/StartPanel.tsx"],"names":[],"mappings":";AAMA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,kBAAkB,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"StartPanel.js","sourceRoot":"","sources":["../../../src/components/StartPanel/StartPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
+
}
|
package/package.json
CHANGED
|
@@ -84,6 +84,19 @@ WithPublicPageIntegrationAndFullbodyAvatar.args = {
|
|
|
84
84
|
},
|
|
85
85
|
};
|
|
86
86
|
|
|
87
|
+
export const WithPublicPageIntegrationAndNonDefaultLang = Template.bind({});
|
|
88
|
+
WithPublicPageIntegrationAndNonDefaultLang.args = {
|
|
89
|
+
memori,
|
|
90
|
+
tenant,
|
|
91
|
+
integration: {
|
|
92
|
+
...integration,
|
|
93
|
+
customData: JSON.stringify({
|
|
94
|
+
...JSON.parse(integration.customData ?? '{}'),
|
|
95
|
+
lang: 'es',
|
|
96
|
+
}),
|
|
97
|
+
},
|
|
98
|
+
};
|
|
99
|
+
|
|
87
100
|
export const ShowInstruct = Template.bind({});
|
|
88
101
|
ShowInstruct.args = {
|
|
89
102
|
memori: {
|
|
@@ -205,26 +205,30 @@ const StartPanel: React.FC<Props> = ({
|
|
|
205
205
|
|
|
206
206
|
{integrationConfig?.multilanguage && !instruct && (
|
|
207
207
|
<div className="memori--language-chooser">
|
|
208
|
-
<
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
208
|
+
<label id="user-lang-pref-label" htmlFor="user-lang-pref">
|
|
209
|
+
{t('write_and_speak.iWantToTalkToIn', {
|
|
210
|
+
name: memori.name,
|
|
211
|
+
})}
|
|
212
|
+
</label>
|
|
213
|
+
<select
|
|
214
|
+
id="user-lang-pref"
|
|
215
|
+
className="memori-select--button"
|
|
214
216
|
value={(userLang ?? i18n.language).toUpperCase()}
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
217
|
+
aria-labelledby="user-lang-pref-label"
|
|
218
|
+
onChange={e => {
|
|
219
|
+
setUserLang(e.target.value);
|
|
220
|
+
}}
|
|
221
|
+
>
|
|
222
|
+
{chatLanguages.map(lang => (
|
|
223
|
+
<option
|
|
224
|
+
key={lang.value}
|
|
225
|
+
value={lang.value}
|
|
226
|
+
aria-label={lang.label}
|
|
227
|
+
>
|
|
228
|
+
{lang.label}
|
|
229
|
+
</option>
|
|
230
|
+
))}
|
|
231
|
+
</select>
|
|
228
232
|
</div>
|
|
229
233
|
)}
|
|
230
234
|
|
|
@@ -537,60 +537,72 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
|
|
|
537
537
|
<div
|
|
538
538
|
class="memori--language-chooser"
|
|
539
539
|
>
|
|
540
|
-
<
|
|
541
|
-
|
|
540
|
+
<label
|
|
541
|
+
for="user-lang-pref"
|
|
542
|
+
id="user-lang-pref-label"
|
|
543
|
+
>
|
|
544
|
+
write_and_speak.iWantToTalkToIn
|
|
545
|
+
</label>
|
|
546
|
+
<select
|
|
547
|
+
aria-labelledby="user-lang-pref-label"
|
|
548
|
+
class="memori-select--button"
|
|
549
|
+
id="user-lang-pref"
|
|
542
550
|
>
|
|
543
|
-
<
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
551
|
+
<option
|
|
552
|
+
aria-label="Italiano"
|
|
553
|
+
value="IT"
|
|
554
|
+
>
|
|
555
|
+
Italiano
|
|
556
|
+
</option>
|
|
557
|
+
<option
|
|
558
|
+
aria-label="English"
|
|
549
559
|
value="EN"
|
|
550
|
-
/>
|
|
551
|
-
<label
|
|
552
|
-
class="memori-select--label"
|
|
553
|
-
data-headlessui-state=""
|
|
554
|
-
id="headlessui-listbox-label-:r0:"
|
|
555
560
|
>
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
aria-haspopup="true"
|
|
562
|
-
aria-label="write_and_speak.iWantToTalkToIn"
|
|
563
|
-
aria-labelledby="headlessui-listbox-label-:r0: headlessui-listbox-button-:r1:"
|
|
564
|
-
class="memori-select--button"
|
|
565
|
-
data-headlessui-state=""
|
|
566
|
-
id="headlessui-listbox-button-:r1:"
|
|
567
|
-
type="button"
|
|
561
|
+
English
|
|
562
|
+
</option>
|
|
563
|
+
<option
|
|
564
|
+
aria-label="Deutsch"
|
|
565
|
+
value="DE"
|
|
568
566
|
>
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
567
|
+
Deutsch
|
|
568
|
+
</option>
|
|
569
|
+
<option
|
|
570
|
+
aria-label="Español"
|
|
571
|
+
value="ES"
|
|
572
|
+
>
|
|
573
|
+
Español
|
|
574
|
+
</option>
|
|
575
|
+
<option
|
|
576
|
+
aria-label="Français"
|
|
577
|
+
value="FR"
|
|
578
|
+
>
|
|
579
|
+
Français
|
|
580
|
+
</option>
|
|
581
|
+
<option
|
|
582
|
+
aria-label="Português"
|
|
583
|
+
value="PT"
|
|
584
|
+
>
|
|
585
|
+
Português
|
|
586
|
+
</option>
|
|
587
|
+
<option
|
|
588
|
+
aria-label="Українська"
|
|
589
|
+
value="UK"
|
|
590
|
+
>
|
|
591
|
+
Українська
|
|
592
|
+
</option>
|
|
593
|
+
<option
|
|
594
|
+
aria-label="Русский"
|
|
595
|
+
value="RU"
|
|
596
|
+
>
|
|
597
|
+
Русский
|
|
598
|
+
</option>
|
|
599
|
+
<option
|
|
600
|
+
aria-label="Polski"
|
|
601
|
+
value="PL"
|
|
602
|
+
>
|
|
603
|
+
Polski
|
|
604
|
+
</option>
|
|
605
|
+
</select>
|
|
594
606
|
</div>
|
|
595
607
|
<button
|
|
596
608
|
class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
|
|
@@ -237,60 +237,72 @@ exports[`renders Chat layout unchanged 1`] = `
|
|
|
237
237
|
<div
|
|
238
238
|
class="memori--language-chooser"
|
|
239
239
|
>
|
|
240
|
-
<
|
|
241
|
-
|
|
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
|
-
<
|
|
244
|
-
|
|
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
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
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
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
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"
|
|
@@ -279,60 +279,72 @@ exports[`renders FullPage layout unchanged 1`] = `
|
|
|
279
279
|
<div
|
|
280
280
|
class="memori--language-chooser"
|
|
281
281
|
>
|
|
282
|
-
<
|
|
283
|
-
|
|
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
|
-
<
|
|
286
|
-
|
|
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
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
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
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
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"
|
|
@@ -330,60 +330,72 @@ exports[`renders Totem layout unchanged 1`] = `
|
|
|
330
330
|
<div
|
|
331
331
|
class="memori--language-chooser"
|
|
332
332
|
>
|
|
333
|
-
<
|
|
334
|
-
|
|
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
|
-
<
|
|
337
|
-
|
|
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
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
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
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
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"
|
|
@@ -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
|
+
}
|