tycho-components 0.16.4 → 0.17.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 (46) hide show
  1. package/dist/AppDropzone/AppDropzoneBody.js +1 -1
  2. package/dist/AppReplaceAll/AppReplaceAll.d.ts +2 -0
  3. package/dist/{Header/HeaderReplaceAll/HeaderReplaceAll.js → AppReplaceAll/AppReplaceAll.js} +9 -6
  4. package/dist/AppReplaceAll/index.d.ts +2 -0
  5. package/dist/AppReplaceAll/index.js +2 -0
  6. package/dist/AppReplaceAll/style.scss +11 -0
  7. package/dist/Comments/HeaderNotifications/HeaderNotifications.d.ts +2 -1
  8. package/dist/Comments/HeaderNotifications/HeaderNotifications.js +2 -2
  9. package/dist/Header/Header.d.ts +1 -2
  10. package/dist/Header/Header.js +3 -14
  11. package/dist/Header/HeaderApps/HeaderApps.d.ts +14 -1
  12. package/dist/Header/HeaderApps/HeaderApps.js +18 -6
  13. package/dist/Header/HeaderApps/style.scss +42 -65
  14. package/dist/Header/HeaderApps/youtube.png +0 -0
  15. package/dist/Header/HeaderButtons/HeaderButtons.d.ts +16 -0
  16. package/dist/Header/HeaderButtons/HeaderButtons.js +18 -0
  17. package/dist/Header/HeaderButtons/index.d.ts +2 -0
  18. package/dist/Header/HeaderButtons/index.js +2 -0
  19. package/dist/Header/HeaderButtons/styles.scss +0 -0
  20. package/dist/Header/HeaderCorpora/HeaderCorpora.js +0 -2
  21. package/dist/Header/HeaderCorpora/HeaderCorpus.js +1 -1
  22. package/dist/Header/HeaderCorpora/style.scss +30 -6
  23. package/dist/Header/HeaderUser/HeaderUser.d.ts +1 -1
  24. package/dist/Header/HeaderUser/HeaderUser.js +9 -9
  25. package/dist/Header/HeaderUser/style.scss +1 -1
  26. package/dist/Header/HelpButton/HelpButton.d.ts +2 -1
  27. package/dist/Header/HelpButton/HelpButton.js +2 -2
  28. package/dist/Header/styles.scss +25 -14
  29. package/dist/Header/types/App.js +15 -15
  30. package/dist/LanguageSelector/LanguageSelector.d.ts +4 -1
  31. package/dist/LanguageSelector/LanguageSelector.js +3 -3
  32. package/dist/LanguageSelector/styles.scss +19 -0
  33. package/dist/configs/Localization.d.ts +143 -139
  34. package/dist/configs/localization/HeaderAppTexts.d.ts +87 -83
  35. package/dist/configs/localization/HeaderAppTexts.js +87 -83
  36. package/dist/configs/localization/HeaderTexts.d.ts +58 -55
  37. package/dist/configs/localization/HeaderTexts.js +58 -55
  38. package/dist/configs/localization/UploadTexts.d.ts +0 -3
  39. package/dist/configs/localization/UploadTexts.js +0 -3
  40. package/dist/index.d.ts +1 -0
  41. package/dist/index.js +1 -0
  42. package/package.json +1 -1
  43. package/dist/Header/HeaderReplaceAll/HeaderReplaceAll.d.ts +0 -2
  44. package/dist/Header/HeaderReplaceAll/index.d.ts +0 -2
  45. package/dist/Header/HeaderReplaceAll/index.js +0 -2
  46. package/dist/Header/HeaderReplaceAll/style.scss +0 -24
package/dist/Header/styles.scss CHANGED
@@ -1,15 +1,12 @@
1
1
  .ds-header {
2
- display: grid;
3
- grid-template-columns: 1fr 1fr 1fr;
2
+ display: flex;
4
3
  align-items: center;
4
+ justify-content: space-between;
5
5
  position: fixed;
6
6
  top: 0;
7
7
  left: 0;
8
8
  right: 0;
9
- width: 100%;
10
- box-sizing: border-box;
11
9
  background: var(--background-accent);
12
- min-width: 960px;
13
10
  min-height: 48px;
14
11
  z-index: 1150;
15
12
  gap: 16px;
@@ -17,8 +14,7 @@
17
14
  .header-left {
18
15
  display: flex;
19
16
  align-items: center;
20
- justify-content: flex-start;
21
- gap: 16px;
17
+ gap: 8px;
22
18
 
23
19
  .app-title {
24
20
  > .title {
@@ -34,17 +30,32 @@
34
30
  }
35
31
  }
36
32
 
37
- .header-center {
38
- display: flex;
39
- align-items: center;
40
- justify-content: center;
41
- }
42
-
43
33
  .header-right {
44
34
  display: flex;
45
35
  align-items: center;
46
36
  justify-content: flex-end;
47
37
  padding-right: var(--spacing-150);
48
- gap: 8px;
38
+ gap: 4px;
39
+ }
40
+ }
41
+
42
+ @media (max-width: 767px) {
43
+ .ds-header {
44
+ .header-left {
45
+ gap: 4px;
46
+
47
+ .app-title {
48
+ .title {
49
+ display: none;
50
+ }
51
+ .subtitle {
52
+ @include label-medium-2;
53
+ }
54
+ }
55
+
56
+ .header-right {
57
+ display: none;
58
+ }
59
+ }
49
60
  }
50
61
  }
package/dist/Header/types/App.js CHANGED
@@ -11,10 +11,16 @@ export const AvailableApps = [
11
11
  visibility: 'private',
12
12
  },
13
13
  {
14
- code: 'admin',
15
- icon: 'folder_managed',
14
+ code: 'search',
15
+ icon: 'match_word',
16
+ visibility: 'public',
17
+ },
18
+ {
19
+ code: 'lexicon',
20
+ icon: 'book_3',
16
21
  visibility: 'private',
17
- admin: true,
22
+ lexicon: true,
23
+ appendCorpusUid: false,
18
24
  },
19
25
  {
20
26
  code: 'parser',
@@ -28,18 +34,6 @@ export const AvailableApps = [
28
34
  icon: 'swap_vert',
29
35
  visibility: 'private',
30
36
  },
31
- {
32
- code: 'lexicon',
33
- icon: 'book_3',
34
- visibility: 'private',
35
- lexicon: true,
36
- appendCorpusUid: false,
37
- },
38
- {
39
- code: 'search',
40
- icon: 'match_word',
41
- visibility: 'public',
42
- },
43
37
  {
44
38
  code: 'viewer',
45
39
  icon: 'news',
@@ -58,4 +52,10 @@ export const AvailableApps = [
58
52
  visibility: 'public',
59
53
  appendCorpusUid: false,
60
54
  },
55
+ {
56
+ code: 'admin',
57
+ icon: 'folder_managed',
58
+ visibility: 'private',
59
+ admin: true,
60
+ },
61
61
  ];
package/dist/LanguageSelector/LanguageSelector.d.ts CHANGED
@@ -10,10 +10,13 @@ export type Props = {
10
10
  size?: LanguageSelectorSizes;
11
11
  /** When true, the trigger shows "Name - code" (e.g. English - en) instead of only the code. */
12
12
  showFullLanguageLabel?: boolean;
13
+ /** When true, the option list opens above the trigger instead of below. */
14
+ openToTop?: boolean;
15
+ mobile?: boolean;
13
16
  };
14
17
  export type AvailableLanguage = {
15
18
  value: string;
16
19
  name: string;
17
20
  };
18
21
  export declare const AvailableLanguages: AvailableLanguage[];
19
- export default function LanguageSelector({ className, color, size, showFullLanguageLabel, }: Props): import("react/jsx-runtime").JSX.Element | null;
22
+ export default function LanguageSelector({ className, color, size, showFullLanguageLabel, openToTop, mobile, }: Props): import("react/jsx-runtime").JSX.Element | null;
package/dist/LanguageSelector/LanguageSelector.js CHANGED
@@ -25,9 +25,9 @@ export const AvailableLanguages = [
25
25
  name: 'Italiano',
26
26
  },
27
27
  ];
28
- export default function LanguageSelector({ className, color = 'primary', size = 'medium', showFullLanguageLabel = false, }) {
29
- const getClassNames = cx('language-container', className);
30
- const getClassNamesDropdown = cx('ds-dropdown-button', color, size);
28
+ export default function LanguageSelector({ className, color = 'primary', size = 'medium', showFullLanguageLabel = false, openToTop = false, mobile = false, }) {
29
+ const getClassNames = cx('language-container', className, openToTop && 'language-container--open-top');
30
+ const getClassNamesDropdown = cx('ds-dropdown-button', (color = mobile ? 'tertiary' : color), size);
31
31
  const { i18n } = useTranslation();
32
32
  const [open, setOpen] = useState(false);
33
33
  const [language, setLanguage] = useState();
package/dist/LanguageSelector/styles.scss CHANGED
@@ -4,6 +4,10 @@
4
4
  .label {
5
5
  margin: 0px var(--spacing-100);
6
6
  }
7
+
8
+ &.tertiary {
9
+ border: 1px solid var(--border-accent-2);
10
+ }
7
11
  }
8
12
 
9
13
  > .ds-dropdown-list {
@@ -20,4 +24,19 @@
20
24
  }
21
25
  }
22
26
  }
27
+
28
+ &.language-container--open-top {
29
+ > .ds-dropdown-container {
30
+ .ds-dropdown-button .icon-arrow {
31
+ transform: rotate(180deg);
32
+ }
33
+
34
+ > .ds-dropdown-list {
35
+ top: auto;
36
+ bottom: 100%;
37
+ margin-top: 0;
38
+ margin-bottom: var(--spacing-50, 4px);
39
+ }
40
+ }
41
+ }
23
42
  }
package/dist/configs/Localization.d.ts CHANGED
@@ -115,54 +115,57 @@ export declare const commonResources: {
115
115
  "corpus.status.rejected": string;
116
116
  };
117
117
  header: {
118
- "label.platform": string;
119
- "label.signout": string;
120
- "label.my.settings": string;
121
- "label.choose": string;
122
- "tooltip.keyboard": string;
123
- "tooltip.tutorials": string;
124
- "replace.all.tooltip": string;
125
- "replace.find.placeholder": string;
126
- "replace.placeholder": string;
127
- "tag.public": string;
128
- "tag.private": string;
129
- "profile.label.hello": string;
130
- "profile.label.theme": string;
131
- "profile.label.help": string;
132
- "profile.label.logout": string;
133
- "profile.label.home": string;
134
- "button.sign.in": string;
135
- "button.close": string;
118
+ 'label.platform': string;
119
+ 'label.platform.complete': string;
120
+ 'label.signout': string;
121
+ 'label.my.settings': string;
122
+ 'label.choose': string;
123
+ 'tooltip.keyboard': string;
124
+ 'tooltip.tutorials': string;
125
+ 'replace.all.tooltip': string;
126
+ 'replace.find.placeholder': string;
127
+ 'replace.placeholder': string;
128
+ 'tag.public': string;
129
+ 'tag.private': string;
130
+ 'profile.label.hello': string;
131
+ 'profile.label.theme': string;
132
+ 'profile.label.help': string;
133
+ 'profile.label.logout': string;
134
+ 'profile.label.home': string;
135
+ 'button.sign.in': string;
136
+ 'button.close': string;
136
137
  };
137
138
  'header-app': {
138
- "label.tools": string;
139
- "label.quick": string;
140
- "viewer.name": string;
141
- "viewer.desc": string;
142
- "search.name": string;
143
- "search.desc": string;
144
- "psd-reindexer.name": string;
145
- "psd-reindexer.desc": string;
146
- "catalog.name": string;
147
- "catalog.desc": string;
148
- "admin.name": string;
149
- "admin.desc": string;
150
- "edictor.name": string;
151
- "edictor.desc": string;
152
- "lexicon.name": string;
153
- "lexicon.desc": string;
154
- "io.name": string;
155
- "io.desc": string;
156
- "parser.name": string;
157
- "parser.desc": string;
158
- "syntrees.name": string;
159
- "syntrees.desc": string;
160
- "reserved.name": string;
161
- "reserved.desc": string;
162
- "platform.name": string;
163
- "platform.desc": string;
164
- "settings.name": string;
165
- "settings.desc": string;
139
+ 'label.tools': string;
140
+ 'label.quick': string;
141
+ 'label.open.tab': string;
142
+ 'viewer.name': string;
143
+ 'viewer.desc': string;
144
+ 'search.name': string;
145
+ 'search.desc': string;
146
+ 'psd-reindexer.name': string;
147
+ 'psd-reindexer.desc': string;
148
+ 'catalog.name': string;
149
+ 'catalog.desc': string;
150
+ 'admin.name': string;
151
+ 'admin.desc': string;
152
+ 'edictor.name': string;
153
+ 'edictor.desc': string;
154
+ 'lexicon.name': string;
155
+ 'lexicon.desc': string;
156
+ 'io.name': string;
157
+ 'io.desc': string;
158
+ 'parser.name': string;
159
+ 'parser.desc': string;
160
+ 'syntrees.name': string;
161
+ 'syntrees.desc': string;
162
+ 'reserved.name': string;
163
+ 'reserved.desc': string;
164
+ 'platform.name': string;
165
+ 'youtube.name': string;
166
+ 'platform.desc': string;
167
+ 'settings.name': string;
168
+ 'settings.desc': string;
166
169
  };
167
170
  participants: {
168
171
  'label.title': string;
@@ -226,7 +229,6 @@ export declare const commonResources: {
226
229
  upload: {
227
230
  'label.dropzone': string;
228
231
  'label.uploaded.file': string;
229
- 'label.confirm': string;
230
232
  'modal.title': string;
231
233
  'error.uploading.image': string;
232
234
  };
@@ -435,52 +437,54 @@ export declare const commonResources: {
435
437
  "corpus.status.rejected": string;
436
438
  };
437
439
  header: {
438
- "label.platform": string;
439
- "label.signout": string;
440
- "label.my.settings": string;
441
- "label.choose": string;
442
- "tooltip.keyboard": string;
443
- "tooltip.tutorials": string;
444
- "replace.all.tooltip": string;
445
- "replace.find.placeholder": string;
446
- "replace.placeholder": string;
447
- "tag.public": string;
448
- "tag.private": string;
449
- "profile.label.hello": string;
450
- "profile.label.theme": string;
451
- "profile.label.help": string;
452
- "profile.label.logout": string;
453
- "profile.label.home": string;
454
- "button.sign.in": string;
455
- "button.close": string;
440
+ 'label.platform': string;
441
+ 'label.platform.complete': string;
442
+ 'label.signout': string;
443
+ 'label.my.settings': string;
444
+ 'label.choose': string;
445
+ 'tooltip.keyboard': string;
446
+ 'tooltip.tutorials': string;
447
+ 'replace.all.tooltip': string;
448
+ 'replace.find.placeholder': string;
449
+ 'replace.placeholder': string;
450
+ 'tag.public': string;
451
+ 'tag.private': string;
452
+ 'profile.label.hello': string;
453
+ 'profile.label.theme': string;
454
+ 'profile.label.help': string;
455
+ 'profile.label.logout': string;
456
+ 'profile.label.home': string;
457
+ 'button.sign.in': string;
458
+ 'button.close': string;
456
459
  };
457
460
  'header-app': {
458
- "label.tools": string;
459
- "label.quick": string;
460
- "viewer.name": string;
461
- "viewer.desc": string;
462
- "search.name": string;
463
- "search.desc": string;
464
- "catalog.name": string;
465
- "catalog.desc": string;
466
- "admin.name": string;
467
- "admin.desc": string;
468
- "edictor.name": string;
469
- "edictor.desc": string;
470
- "lexicon.name": string;
471
- "lexicon.desc": string;
472
- "io.name": string;
473
- "io.desc": string;
474
- "parser.name": string;
475
- "parser.desc": string;
476
- "syntrees.name": string;
477
- "syntrees.desc": string;
478
- "reserved.name": string;
479
- "reserved.desc": string;
480
- "platform.name": string;
481
- "platform.desc": string;
482
- "settings.name": string;
483
- "settings.desc": string;
461
+ 'label.tools': string;
462
+ 'label.quick': string;
463
+ 'label.open.tab': string;
464
+ 'viewer.name': string;
465
+ 'viewer.desc': string;
466
+ 'search.name': string;
467
+ 'search.desc': string;
468
+ 'catalog.name': string;
469
+ 'catalog.desc': string;
470
+ 'admin.name': string;
471
+ 'admin.desc': string;
472
+ 'edictor.name': string;
473
+ 'edictor.desc': string;
474
+ 'lexicon.name': string;
475
+ 'lexicon.desc': string;
476
+ 'io.name': string;
477
+ 'io.desc': string;
478
+ 'parser.name': string;
479
+ 'parser.desc': string;
480
+ 'syntrees.name': string;
481
+ 'syntrees.desc': string;
482
+ 'reserved.name': string;
483
+ 'reserved.desc': string;
484
+ 'platform.name': string;
485
+ 'youtube.name': string;
486
+ 'settings.name': string;
487
+ 'settings.desc': string;
484
488
  };
485
489
  participants: {
486
490
  'label.title': string;
@@ -543,7 +547,6 @@ export declare const commonResources: {
543
547
  upload: {
544
548
  'label.dropzone': string;
545
549
  'label.uploaded.file': string;
546
- 'label.confirm': string;
547
550
  'modal.title': string;
548
551
  'error.uploading.image': string;
549
552
  };
@@ -752,54 +755,56 @@ export declare const commonResources: {
752
755
  "corpus.status.rejected": string;
753
756
  };
754
757
  header: {
755
- "label.platform": string;
756
- "label.signout": string;
757
- "label.my.settings": string;
758
- "label.choose": string;
759
- "tooltip.keyboard": string;
760
- "tooltip.tutorials": string;
761
- "replace.all.tooltip": string;
762
- "replace.find.placeholder": string;
763
- "replace.placeholder": string;
764
- "tag.public": string;
765
- "tag.private": string;
766
- "profile.label.hello": string;
767
- "profile.label.theme": string;
768
- "profile.label.help": string;
769
- "profile.label.logout": string;
770
- "profile.label.home": string;
771
- "button.sign.in": string;
772
- "button.close": string;
758
+ 'label.platform': string;
759
+ 'label.platform.complete': string;
760
+ 'label.signout': string;
761
+ 'label.my.settings': string;
762
+ 'label.choose': string;
763
+ 'tooltip.keyboard': string;
764
+ 'tooltip.tutorials': string;
765
+ 'replace.all.tooltip': string;
766
+ 'replace.find.placeholder': string;
767
+ 'replace.placeholder': string;
768
+ 'tag.public': string;
769
+ 'tag.private': string;
770
+ 'profile.label.hello': string;
771
+ 'profile.label.theme': string;
772
+ 'profile.label.help': string;
773
+ 'profile.label.logout': string;
774
+ 'profile.label.home': string;
775
+ 'button.sign.in': string;
776
+ 'button.close': string;
773
777
  };
774
778
  'header-app': {
775
- "label.tools": string;
776
- "label.quick": string;
777
- "viewer.name": string;
778
- "viewer.desc": string;
779
- "search.name": string;
780
- "search.desc": string;
781
- "psd-reindexer.name": string;
782
- "psd-reindexer.desc": string;
783
- "catalog.name": string;
784
- "catalog.desc": string;
785
- "admin.name": string;
786
- "admin.desc": string;
787
- "edictor.name": string;
788
- "edictor.desc": string;
789
- "lexicon.name": string;
790
- "lexicon.desc": string;
791
- "io.name": string;
792
- "io.desc": string;
793
- "parser.name": string;
794
- "parser.desc": string;
795
- "syntrees.name": string;
796
- "syntrees.desc": string;
797
- "reserved.name": string;
798
- "reserved.desc": string;
799
- "platform.name": string;
800
- "platform.desc": string;
801
- "settings.name": string;
802
- "settings.desc": string;
779
+ 'label.tools': string;
780
+ 'label.quick': string;
781
+ 'label.open.tab': string;
782
+ 'viewer.name': string;
783
+ 'viewer.desc': string;
784
+ 'search.name': string;
785
+ 'search.desc': string;
786
+ 'psd-reindexer.name': string;
787
+ 'psd-reindexer.desc': string;
788
+ 'catalog.name': string;
789
+ 'catalog.desc': string;
790
+ 'admin.name': string;
791
+ 'admin.desc': string;
792
+ 'edictor.name': string;
793
+ 'edictor.desc': string;
794
+ 'lexicon.name': string;
795
+ 'lexicon.desc': string;
796
+ 'io.name': string;
797
+ 'io.desc': string;
798
+ 'parser.name': string;
799
+ 'parser.desc': string;
800
+ 'syntrees.name': string;
801
+ 'syntrees.desc': string;
802
+ 'reserved.name': string;
803
+ 'reserved.desc': string;
804
+ 'platform.name': string;
805
+ 'youtube.name': string;
806
+ 'settings.name': string;
807
+ 'settings.desc': string;
803
808
  };
804
809
  participants: {
805
810
  'label.title': string;
@@ -862,7 +867,6 @@ export declare const commonResources: {
862
867
  upload: {
863
868
  'label.dropzone': string;
864
869
  'label.uploaded.file': string;
865
- 'label.confirm': string;
866
870
  'modal.title': string;
867
871
  'error.uploading.image': string;
868
872
  };