tycho-components 0.8.16 → 0.8.18

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 (7) hide show
  1. package/dist/Header/Header.js +2 -2
  2. package/dist/Header/HeaderCorpora/style.scss +5 -8
  3. package/dist/Header/styles.scss +16 -10
  4. package/dist/configs/Localization.d.ts +48 -51
  5. package/dist/configs/localization/HeaderTexts.d.ts +49 -52
  6. package/dist/configs/localization/HeaderTexts.js +49 -52
  7. package/package.json +2 -2
package/dist/Header/Header.js CHANGED
@@ -22,8 +22,8 @@ export default function Header({ tool, redirect, autoload, freeAccess, hideKeybo
22
22
  const profileClass = cx('header-profile', {
23
23
  'corpora-free': freeAccess && !hasCorpus(),
24
24
  });
25
- const homeTextsClass = cx('texts', {
25
+ const homeTextsClass = cx('app-title', {
26
26
  pointer: navigateHome !== undefined,
27
27
  });
28
- return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
28
+ return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
29
29
  }
package/dist/Header/HeaderCorpora/style.scss CHANGED
@@ -3,11 +3,8 @@
3
3
  justify-content: center;
4
4
  align-items: center;
5
5
  cursor: pointer;
6
- margin-left: auto;
7
- margin-right: auto;
8
- width: 50%;
9
6
 
10
- >span {
7
+ > span {
11
8
  margin-right: var(--spacing-200);
12
9
  margin-left: var(--spacing-200);
13
10
  @include label-large-1;
@@ -22,14 +19,14 @@
22
19
  }
23
20
 
24
21
  .modal-corpora {
25
- >.body {
22
+ > .body {
26
23
  display: flex;
27
24
  flex-wrap: wrap;
28
25
  gap: 12px;
29
26
  max-height: 40vh;
30
27
  overflow-y: auto;
31
28
 
32
- >.item {
29
+ > .item {
33
30
  display: flex;
34
31
  flex-direction: column;
35
32
  justify-content: center;
@@ -48,9 +45,9 @@
48
45
  height: 48px;
49
46
  }
50
47
 
51
- >span {
48
+ > span {
52
49
  text-align: center;
53
50
  }
54
51
  }
55
52
  }
56
- }
53
+ }
package/dist/Header/styles.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  position: fixed;
5
+ justify-content: space-between;
5
6
  top: 0;
6
7
  left: 0;
7
8
  width: 100%;
@@ -11,23 +12,28 @@
11
12
  z-index: 1150;
12
13
  gap: 16px;
13
14
 
14
- > .texts {
15
- > .title {
16
- @include label-large-2;
17
- color: var(--text-light-fixed);
18
- margin-right: 8px;
19
- }
15
+ .header-left {
16
+ display: flex;
17
+ align-items: center;
18
+ gap: 16px;
19
+
20
+ .app-title {
21
+ > .title {
22
+ @include label-large-2;
23
+ color: var(--text-light-fixed);
24
+ margin-right: 8px;
25
+ }
20
26
 
21
- > .subtitle {
22
- @include label-large-1;
23
- color: var(--text-light-fixed);
27
+ > .subtitle {
28
+ @include label-large-1;
29
+ color: var(--text-light-fixed);
30
+ }
24
31
  }
25
32
  }
26
33
 
27
34
  > .header-profile {
28
35
  display: flex;
29
36
  align-items: center;
30
- margin-left: auto;
31
37
  padding-right: var(--spacing-150);
32
38
 
33
39
  &.corpora-free {
package/dist/configs/Localization.d.ts CHANGED
@@ -103,23 +103,22 @@ export declare const commonResources: {
103
103
  'sentence.status.auto': string;
104
104
  };
105
105
  header: {
106
- 'label.platform': string;
107
- 'label.desktop': string;
108
- 'label.signout': string;
109
- 'label.my.settings': string;
110
- 'label.choose': string;
111
- 'tooltip.keyboard': string;
112
- 'tooltip.tutorials': string;
113
- 'replace.all.tooltip': string;
114
- 'replace.find.placeholder': string;
115
- 'replace.placeholder': string;
116
- 'tag.public': string;
117
- 'tag.private': string;
118
- 'profile.label.hello': string;
119
- 'profile.label.theme': string;
120
- 'profile.label.help': string;
121
- 'profile.label.logout': string;
122
- 'profile.label.home': string;
106
+ "label.platform": string;
107
+ "label.signout": string;
108
+ "label.my.settings": string;
109
+ "label.choose": string;
110
+ "tooltip.keyboard": string;
111
+ "tooltip.tutorials": string;
112
+ "replace.all.tooltip": string;
113
+ "replace.find.placeholder": string;
114
+ "replace.placeholder": string;
115
+ "tag.public": string;
116
+ "tag.private": string;
117
+ "profile.label.hello": string;
118
+ "profile.label.theme": string;
119
+ "profile.label.help": string;
120
+ "profile.label.logout": string;
121
+ "profile.label.home": string;
123
122
  };
124
123
  'header-app': {
125
124
  'label.tools': string;
@@ -372,23 +371,22 @@ export declare const commonResources: {
372
371
  'sentence.status.auto': string;
373
372
  };
374
373
  header: {
375
- 'label.platform': string;
376
- 'label.desktop': string;
377
- 'label.signout': string;
378
- 'label.my.settings': string;
379
- 'label.choose': string;
380
- 'tooltip.keyboard': string;
381
- 'tooltip.tutorials': string;
382
- 'replace.all.tooltip': string;
383
- 'replace.find.placeholder': string;
384
- 'replace.placeholder': string;
385
- 'tag.public': string;
386
- 'tag.private': string;
387
- 'profile.label.hello': string;
388
- 'profile.label.theme': string;
389
- 'profile.label.help': string;
390
- 'profile.label.logout': string;
391
- 'profile.label.home': string;
374
+ "label.platform": string;
375
+ "label.signout": string;
376
+ "label.my.settings": string;
377
+ "label.choose": string;
378
+ "tooltip.keyboard": string;
379
+ "tooltip.tutorials": string;
380
+ "replace.all.tooltip": string;
381
+ "replace.find.placeholder": string;
382
+ "replace.placeholder": string;
383
+ "tag.public": string;
384
+ "tag.private": string;
385
+ "profile.label.hello": string;
386
+ "profile.label.theme": string;
387
+ "profile.label.help": string;
388
+ "profile.label.logout": string;
389
+ "profile.label.home": string;
392
390
  };
393
391
  'header-app': {
394
392
  'label.tools': string;
@@ -640,23 +638,22 @@ export declare const commonResources: {
640
638
  'sentence.status.auto': string;
641
639
  };
642
640
  header: {
643
- 'label.platform': string;
644
- 'label.desktop': string;
645
- 'label.signout': string;
646
- 'label.my.settings': string;
647
- 'label.choose': string;
648
- 'tooltip.keyboard': string;
649
- 'tooltip.tutorials': string;
650
- 'replace.all.tooltip': string;
651
- 'replace.find.placeholder': string;
652
- 'replace.placeholder': string;
653
- 'tag.public': string;
654
- 'tag.private': string;
655
- 'profile.label.hello': string;
656
- 'profile.label.theme': string;
657
- 'profile.label.help': string;
658
- 'profile.label.logout': string;
659
- 'profile.label.home': string;
641
+ "label.platform": string;
642
+ "label.signout": string;
643
+ "label.my.settings": string;
644
+ "label.choose": string;
645
+ "tooltip.keyboard": string;
646
+ "tooltip.tutorials": string;
647
+ "replace.all.tooltip": string;
648
+ "replace.find.placeholder": string;
649
+ "replace.placeholder": string;
650
+ "tag.public": string;
651
+ "tag.private": string;
652
+ "profile.label.hello": string;
653
+ "profile.label.theme": string;
654
+ "profile.label.help": string;
655
+ "profile.label.logout": string;
656
+ "profile.label.home": string;
660
657
  };
661
658
  'header-app': {
662
659
  'label.tools': string;
package/dist/configs/localization/HeaderTexts.d.ts CHANGED
@@ -1,59 +1,56 @@
1
1
  export declare const HeaderTexts: {
2
2
  en: {
3
- 'label.platform': string;
4
- 'label.desktop': string;
5
- 'label.signout': string;
6
- 'label.my.settings': string;
7
- 'label.choose': string;
8
- 'tooltip.keyboard': string;
9
- 'tooltip.tutorials': string;
10
- 'replace.all.tooltip': string;
11
- 'replace.find.placeholder': string;
12
- 'replace.placeholder': string;
13
- 'tag.public': string;
14
- 'tag.private': string;
15
- 'profile.label.hello': string;
16
- 'profile.label.theme': string;
17
- 'profile.label.help': string;
18
- 'profile.label.logout': string;
19
- 'profile.label.home': string;
3
+ "label.platform": string;
4
+ "label.signout": string;
5
+ "label.my.settings": string;
6
+ "label.choose": string;
7
+ "tooltip.keyboard": string;
8
+ "tooltip.tutorials": string;
9
+ "replace.all.tooltip": string;
10
+ "replace.find.placeholder": string;
11
+ "replace.placeholder": string;
12
+ "tag.public": string;
13
+ "tag.private": string;
14
+ "profile.label.hello": string;
15
+ "profile.label.theme": string;
16
+ "profile.label.help": string;
17
+ "profile.label.logout": string;
18
+ "profile.label.home": string;
20
19
  };
21
- 'pt-BR': {
22
- 'label.platform': string;
23
- 'label.desktop': string;
24
- 'label.signout': string;
25
- 'label.my.settings': string;
26
- 'label.choose': string;
27
- 'tooltip.keyboard': string;
28
- 'tooltip.tutorials': string;
29
- 'replace.all.tooltip': string;
30
- 'replace.find.placeholder': string;
31
- 'replace.placeholder': string;
32
- 'tag.public': string;
33
- 'tag.private': string;
34
- 'profile.label.hello': string;
35
- 'profile.label.theme': string;
36
- 'profile.label.help': string;
37
- 'profile.label.logout': string;
38
- 'profile.label.home': string;
20
+ "pt-BR": {
21
+ "label.platform": string;
22
+ "label.signout": string;
23
+ "label.my.settings": string;
24
+ "label.choose": string;
25
+ "tooltip.keyboard": string;
26
+ "tooltip.tutorials": string;
27
+ "replace.all.tooltip": string;
28
+ "replace.find.placeholder": string;
29
+ "replace.placeholder": string;
30
+ "tag.public": string;
31
+ "tag.private": string;
32
+ "profile.label.hello": string;
33
+ "profile.label.theme": string;
34
+ "profile.label.help": string;
35
+ "profile.label.logout": string;
36
+ "profile.label.home": string;
39
37
  };
40
38
  it: {
41
- 'label.platform': string;
42
- 'label.desktop': string;
43
- 'label.signout': string;
44
- 'label.my.settings': string;
45
- 'label.choose': string;
46
- 'tooltip.keyboard': string;
47
- 'tooltip.tutorials': string;
48
- 'replace.all.tooltip': string;
49
- 'replace.find.placeholder': string;
50
- 'replace.placeholder': string;
51
- 'tag.public': string;
52
- 'tag.private': string;
53
- 'profile.label.hello': string;
54
- 'profile.label.theme': string;
55
- 'profile.label.help': string;
56
- 'profile.label.logout': string;
57
- 'profile.label.home': string;
39
+ "label.platform": string;
40
+ "label.signout": string;
41
+ "label.my.settings": string;
42
+ "label.choose": string;
43
+ "tooltip.keyboard": string;
44
+ "tooltip.tutorials": string;
45
+ "replace.all.tooltip": string;
46
+ "replace.find.placeholder": string;
47
+ "replace.placeholder": string;
48
+ "tag.public": string;
49
+ "tag.private": string;
50
+ "profile.label.hello": string;
51
+ "profile.label.theme": string;
52
+ "profile.label.help": string;
53
+ "profile.label.logout": string;
54
+ "profile.label.home": string;
58
55
  };
59
56
  };
package/dist/configs/localization/HeaderTexts.js CHANGED
@@ -1,59 +1,56 @@
1
1
  export const HeaderTexts = {
2
2
  en: {
3
- 'label.platform': 'Tycho Brahe Platform',
4
- 'label.desktop': 'Tycho Desktop',
5
- 'label.signout': 'sign out',
6
- 'label.my.settings': 'My Settings',
7
- 'label.choose': 'Choose a corpus',
8
- 'tooltip.keyboard': 'Open Virtual Keyboard',
9
- 'tooltip.tutorials': 'Views Tutorials',
10
- 'replace.all.tooltip': 'Replace All',
11
- 'replace.find.placeholder': 'Find',
12
- 'replace.placeholder': 'Replace',
13
- 'tag.public': 'Public',
14
- 'tag.private': 'Private',
15
- 'profile.label.hello': 'Hello,',
16
- 'profile.label.theme': 'Layout Theme',
17
- 'profile.label.help': 'Help Center',
18
- 'profile.label.logout': 'Logout',
19
- 'profile.label.home': 'My profile',
3
+ "label.platform": "Tycho Brahe Platform",
4
+ "label.signout": "sign out",
5
+ "label.my.settings": "My Settings",
6
+ "label.choose": "Choose a corpus",
7
+ "tooltip.keyboard": "Open Virtual Keyboard",
8
+ "tooltip.tutorials": "Views Tutorials",
9
+ "replace.all.tooltip": "Replace All",
10
+ "replace.find.placeholder": "Find",
11
+ "replace.placeholder": "Replace",
12
+ "tag.public": "Public",
13
+ "tag.private": "Private",
14
+ "profile.label.hello": "Hello,",
15
+ "profile.label.theme": "Layout Theme",
16
+ "profile.label.help": "Help Center",
17
+ "profile.label.logout": "Logout",
18
+ "profile.label.home": "My profile",
20
19
  },
21
- 'pt-BR': {
22
- 'label.platform': 'Plataforma Tycho Brahe',
23
- 'label.desktop': 'Tycho Desktop',
24
- 'label.signout': 'sair',
25
- 'label.my.settings': 'Minhas Configurações',
26
- 'label.choose': 'Escolha um corpus',
27
- 'tooltip.keyboard': 'Abrir Teclado Virtual',
28
- 'tooltip.tutorials': 'Ver tutoriais',
29
- 'replace.all.tooltip': 'Substituir Todos',
30
- 'replace.find.placeholder': 'Procurar',
31
- 'replace.placeholder': 'Substituir',
32
- 'tag.public': 'Público',
33
- 'tag.private': 'Privado',
34
- 'profile.label.hello': 'Olá,',
35
- 'profile.label.theme': 'Tema do Layout',
36
- 'profile.label.help': 'Central de Ajuda',
37
- 'profile.label.logout': 'Sair da conta',
38
- 'profile.label.home': 'Meu perfil',
20
+ "pt-BR": {
21
+ "label.platform": "Plataforma Tycho Brahe",
22
+ "label.signout": "sair",
23
+ "label.my.settings": "Minhas Configurações",
24
+ "label.choose": "Escolha um corpus",
25
+ "tooltip.keyboard": "Abrir Teclado Virtual",
26
+ "tooltip.tutorials": "Ver tutoriais",
27
+ "replace.all.tooltip": "Substituir Todos",
28
+ "replace.find.placeholder": "Procurar",
29
+ "replace.placeholder": "Substituir",
30
+ "tag.public": "Público",
31
+ "tag.private": "Privado",
32
+ "profile.label.hello": "Olá,",
33
+ "profile.label.theme": "Tema do Layout",
34
+ "profile.label.help": "Central de Ajuda",
35
+ "profile.label.logout": "Sair da conta",
36
+ "profile.label.home": "Meu perfil",
39
37
  },
40
38
  it: {
41
- 'label.platform': 'Piattaforma Tycho Brahe',
42
- 'label.desktop': 'Tycho Desktop',
43
- 'label.signout': 'esci',
44
- 'label.my.settings': 'Le mie impostazioni',
45
- 'label.choose': 'Scegli un corpus',
46
- 'tooltip.keyboard': 'Apri tastiera virtuale',
47
- 'tooltip.tutorials': 'Visualizza i tutorial',
48
- 'replace.all.tooltip': 'Sostituisci tutto',
49
- 'replace.find.placeholder': 'Trova',
50
- 'replace.placeholder': 'Sostituisci',
51
- 'tag.public': 'Pubblico',
52
- 'tag.private': 'Privato',
53
- 'profile.label.hello': 'Ciao,',
54
- 'profile.label.theme': 'Tema grafico',
55
- 'profile.label.help': 'Centro assistenza',
56
- 'profile.label.logout': 'Disconnetti',
57
- 'profile.label.home': 'Il mio profilo',
39
+ "label.platform": "Piattaforma Tycho Brahe",
40
+ "label.signout": "esci",
41
+ "label.my.settings": "Le mie impostazioni",
42
+ "label.choose": "Scegli un corpus",
43
+ "tooltip.keyboard": "Apri tastiera virtuale",
44
+ "tooltip.tutorials": "Visualizza i tutorial",
45
+ "replace.all.tooltip": "Sostituisci tutto",
46
+ "replace.find.placeholder": "Trova",
47
+ "replace.placeholder": "Sostituisci",
48
+ "tag.public": "Pubblico",
49
+ "tag.private": "Privato",
50
+ "profile.label.hello": "Ciao,",
51
+ "profile.label.theme": "Tema grafico",
52
+ "profile.label.help": "Centro assistenza",
53
+ "profile.label.logout": "Disconnetti",
54
+ "profile.label.home": "Il mio profilo",
58
55
  },
59
56
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "tycho-components",
3
3
  "private": false,
4
- "version": "0.8.16",
4
+ "version": "0.8.18",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -44,7 +44,7 @@
44
44
  "react-hook-form": "^7.45.2",
45
45
  "react-i18next": "^13.0.2",
46
46
  "react-router-dom": "^6.14.2",
47
- "tycho-storybook": "0.5.14",
47
+ "tycho-storybook": "0.5.15",
48
48
  "yup": "^1.2.0"
49
49
  },
50
50
  "devDependencies": {