@umodeapporg/ui 0.3.0 → 0.4.1

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 (37) hide show
  1. package/dist/assets/umode-ui.css +148 -0
  2. package/dist/components/Shell/AppHeader.d.ts +19 -0
  3. package/dist/components/Shell/AppHeader.js +64 -0
  4. package/dist/components/Shell/AppHeader.js.map +1 -0
  5. package/dist/components/Shell/AppShell.d.ts +20 -0
  6. package/dist/components/Shell/AppShell.js +100 -0
  7. package/dist/components/Shell/AppShell.js.map +1 -0
  8. package/dist/components/Shell/AppSidebar.d.ts +15 -0
  9. package/dist/components/Shell/AppSidebar.js +63 -0
  10. package/dist/components/Shell/AppSidebar.js.map +1 -0
  11. package/dist/components/Shell/LanguageToggle.d.ts +8 -0
  12. package/dist/components/Shell/LanguageToggle.js +59 -0
  13. package/dist/components/Shell/LanguageToggle.js.map +1 -0
  14. package/dist/components/Shell/SidebarMenu.d.ts +24 -0
  15. package/dist/components/Shell/SidebarMenu.js +204 -0
  16. package/dist/components/Shell/SidebarMenu.js.map +1 -0
  17. package/dist/components/Shell/ThemeToggle.d.ts +11 -0
  18. package/dist/components/Shell/ThemeToggle.js +55 -0
  19. package/dist/components/Shell/ThemeToggle.js.map +1 -0
  20. package/dist/components/Shell/headerControlStyles.d.ts +10 -0
  21. package/dist/components/Shell/headerControlStyles.js +11 -0
  22. package/dist/components/Shell/headerControlStyles.js.map +1 -0
  23. package/dist/components/Shell/useSidebarState.d.ts +14 -0
  24. package/dist/components/Shell/useSidebarState.js +106 -0
  25. package/dist/components/Shell/useSidebarState.js.map +1 -0
  26. package/dist/index.d.ts +4 -0
  27. package/dist/index.js +44 -36
  28. package/dist/index.js.map +1 -1
  29. package/dist/locales/en/ui.json.d.ts +21 -0
  30. package/dist/locales/en/ui.json.js +9 -0
  31. package/dist/locales/en/ui.json.js.map +1 -1
  32. package/dist/locales/index.d.ts +42 -0
  33. package/dist/locales/pt/ui.json.d.ts +21 -0
  34. package/dist/locales/pt/ui.json.js +9 -0
  35. package/dist/locales/pt/ui.json.js.map +1 -1
  36. package/package.json +1 -1
  37. package/src/assets/styles/base.css +14 -2
@@ -366,6 +366,11 @@ declare const _default: {
366
366
  "requiredField": "This field is required",
367
367
  "loadingInfo": "Loading information..."
368
368
  },
369
+ "language": {
370
+ "toggle": "Language",
371
+ "pt_short": "PT",
372
+ "en_short": "EN"
373
+ },
369
374
  "noDataFound": {
370
375
  "variants": {
371
376
  "empty": "Nothing here yet",
@@ -438,6 +443,22 @@ declare const _default: {
438
443
  "description": "This is usually temporary. Try again and, if it stays like this, contact support and tell them what you were doing."
439
444
  }
440
445
  },
446
+ "sidebar": {
447
+ "home": "Home",
448
+ "logout": "Sign out",
449
+ "openSidebar": "Open sidebar",
450
+ "collapseSidebar": "Collapse sidebar",
451
+ "sections": {
452
+ "management": "Management",
453
+ "registration": "Records"
454
+ }
455
+ },
456
+ "theme": {
457
+ "toggle": "Theme",
458
+ "light": "Light theme",
459
+ "dark": "Dark theme",
460
+ "system": "Follow system"
461
+ },
441
462
  "toast": {
442
463
  "learnMore": "Learn more"
443
464
  },
@@ -19,11 +19,14 @@ const imageAnnotator = { "title": "Annotate image", "annotate": "Annotate image"
19
19
  const imageZoom = { "title": "Enlarged image", "close": "Close" };
20
20
  const informationCard = { "defaultTitle": "Indicators Summary" };
21
21
  const inputField = { "requiredField": "This field is required", "loadingInfo": "Loading information..." };
22
+ const language = { "toggle": "Language", "pt_short": "PT", "en_short": "EN" };
22
23
  const noDataFound = { "variants": { "empty": "Nothing here yet", "firstAccess": "Start here", "search": "No results found", "filtered": "No results for these filters", "error": "We could not load this part", "notFound": "We could not find this item", "permission": "This content is not open to you yet", "waiting": "Make a selection to continue", "success": "All caught up", "offline": "The connection seems to have dropped" } };
23
24
  const pageTitle = { "breadcrumbLabel": "Breadcrumb trail" };
24
25
  const pagination = { "resultsPerPage": "Results per page", "pageOf": "Page {{current}} of {{total}}", "range": "{{from}}-{{to}} of {{total}}", "first": "First page", "last": "Last page", "gap": "..." };
25
26
  const permissions = { "deniedAction": "This action is not open to your profile. An account administrator can grant access.", "deniedRequest": "This action is not open to your user profile.", "checkingAccess": "Checking permissions...", "deniedPage": { "resource": "Page: {{resource}}", "backToHome": "Back to start", "nextStepsTitle": "What to do now", "service": { "title": "This module is not part of your account", "message": "The module behind this page is not among the services your account has, so no user in it can open the page.", "nextStep": "Talk to whoever owns the account at uMode to add this module. Everything else you already use keeps working." }, "capability": { "title": "This page is not open to you yet", "message": "Your account has this page, but your user profile does not include permission to open it yet.", "nextStep": "An account administrator can grant it in Settings, Access Control, under your user profile. It takes seconds and applies from your next visit." }, "request": { "title": "This page needs a permission you do not have yet", "message": "You got this far, but while loading this screen we found that your user profile does not have access to its information.", "nextStep": "An account administrator can grant it in Settings, Access Control. If access was just granted, use Try again. None of your work was affected." } } };
26
27
  const requestErrors = { "denied": { "title": "This area is not open to you yet", "description": "Your user profile does not include access to this content. An account administrator can grant it in Settings, Access Control." }, "notFound": { "title": "We could not find this item", "description": "It may have been deleted by someone on the team, or the link that brought you here is out of date." }, "offline": { "title": "The connection seems to have dropped", "description": "Check your connection and try again in a few seconds. Nothing you had already saved was lost." }, "server": { "title": "Something is unstable on our side", "description": "The problem is on our end, not something you did. Try again in a moment; if it keeps happening, contact support." }, "unknown": { "title": "We could not load this part", "description": "This is usually temporary. Try again and, if it stays like this, contact support and tell them what you were doing." } };
28
+ const sidebar = { "home": "Home", "logout": "Sign out", "openSidebar": "Open sidebar", "collapseSidebar": "Collapse sidebar", "sections": { "management": "Management", "registration": "Records" } };
29
+ const theme = { "toggle": "Theme", "light": "Light theme", "dark": "Dark theme", "system": "Follow system" };
27
30
  const toast = { "learnMore": "Learn more" };
28
31
  const unifiedSearchBar = { "clearFilter": "Clear filter" };
29
32
  const uploader = { "dragOr": "Drag or", "selectFile": "select a file", "orPaste": "or paste (Ctrl+V)", "allowedFormats": "Allowed formats:", "upTo": "up to", "megabytesSuffix": "MB", "sendFiles": "Send file(s)", "filesIgnoredMaxSize": "Some files were ignored because they exceeded the maximum size of {{size}}MB", "invalidFormat": "Please add files in the allowed formats", "allowedFormatsTooltip": "Allowed formats: {{formats}} up to {{size}}MB" };
@@ -52,11 +55,14 @@ const en = {
52
55
  imageZoom,
53
56
  informationCard,
54
57
  inputField,
58
+ language,
55
59
  noDataFound,
56
60
  pageTitle,
57
61
  pagination,
58
62
  permissions,
59
63
  requestErrors,
64
+ sidebar,
65
+ theme,
60
66
  toast,
61
67
  unifiedSearchBar,
62
68
  uploader,
@@ -87,11 +93,14 @@ export {
87
93
  imageZoom,
88
94
  informationCard,
89
95
  inputField,
96
+ language,
90
97
  noDataFound,
91
98
  pageTitle,
92
99
  pagination,
93
100
  permissions,
94
101
  requestErrors,
102
+ sidebar,
103
+ theme,
95
104
  toast,
96
105
  unifiedSearchBar,
97
106
  uploader,
@@ -1 +1 @@
1
- {"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -368,6 +368,11 @@ export declare const uiLocales: {
368
368
  requiredField: string;
369
369
  loadingInfo: string;
370
370
  };
371
+ language: {
372
+ toggle: string;
373
+ pt_short: string;
374
+ en_short: string;
375
+ };
371
376
  noDataFound: {
372
377
  variants: {
373
378
  empty: string;
@@ -440,6 +445,22 @@ export declare const uiLocales: {
440
445
  description: string;
441
446
  };
442
447
  };
448
+ sidebar: {
449
+ home: string;
450
+ logout: string;
451
+ openSidebar: string;
452
+ collapseSidebar: string;
453
+ sections: {
454
+ management: string;
455
+ registration: string;
456
+ };
457
+ };
458
+ theme: {
459
+ toggle: string;
460
+ light: string;
461
+ dark: string;
462
+ system: string;
463
+ };
443
464
  toast: {
444
465
  learnMore: string;
445
466
  };
@@ -842,6 +863,11 @@ export declare const uiLocales: {
842
863
  requiredField: string;
843
864
  loadingInfo: string;
844
865
  };
866
+ language: {
867
+ toggle: string;
868
+ pt_short: string;
869
+ en_short: string;
870
+ };
845
871
  noDataFound: {
846
872
  variants: {
847
873
  empty: string;
@@ -914,6 +940,22 @@ export declare const uiLocales: {
914
940
  description: string;
915
941
  };
916
942
  };
943
+ sidebar: {
944
+ home: string;
945
+ logout: string;
946
+ openSidebar: string;
947
+ collapseSidebar: string;
948
+ sections: {
949
+ management: string;
950
+ registration: string;
951
+ };
952
+ };
953
+ theme: {
954
+ toggle: string;
955
+ light: string;
956
+ dark: string;
957
+ system: string;
958
+ };
917
959
  toast: {
918
960
  learnMore: string;
919
961
  };
@@ -366,6 +366,11 @@ declare const _default: {
366
366
  "requiredField": "Este campo é obrigatório",
367
367
  "loadingInfo": "Carregando informações..."
368
368
  },
369
+ "language": {
370
+ "toggle": "Idioma",
371
+ "pt_short": "PT",
372
+ "en_short": "EN"
373
+ },
369
374
  "noDataFound": {
370
375
  "variants": {
371
376
  "empty": "Nada por aqui ainda",
@@ -438,6 +443,22 @@ declare const _default: {
438
443
  "description": "Isso costuma ser passageiro. Tente de novo e, se continuar assim, fale com o suporte contando o que você estava fazendo."
439
444
  }
440
445
  },
446
+ "sidebar": {
447
+ "home": "Início",
448
+ "logout": "Sair",
449
+ "openSidebar": "Abrir barra lateral",
450
+ "collapseSidebar": "Recolher barra lateral",
451
+ "sections": {
452
+ "management": "Gestão",
453
+ "registration": "Cadastros"
454
+ }
455
+ },
456
+ "theme": {
457
+ "toggle": "Tema",
458
+ "light": "Tema claro",
459
+ "dark": "Tema escuro",
460
+ "system": "Seguir o sistema"
461
+ },
441
462
  "toast": {
442
463
  "learnMore": "Saiba Mais"
443
464
  },
@@ -19,11 +19,14 @@ const imageAnnotator = { "title": "Anotar imagem", "annotate": "Anotar imagem",
19
19
  const imageZoom = { "title": "Imagem ampliada", "close": "Fechar" };
20
20
  const informationCard = { "defaultTitle": "Resumo dos Indicadores" };
21
21
  const inputField = { "requiredField": "Este campo é obrigatório", "loadingInfo": "Carregando informações..." };
22
+ const language = { "toggle": "Idioma", "pt_short": "PT", "en_short": "EN" };
22
23
  const noDataFound = { "variants": { "empty": "Nada por aqui ainda", "firstAccess": "Comece por aqui", "search": "Nenhum resultado encontrado", "filtered": "Nenhum resultado para esses filtros", "error": "Não conseguimos carregar esta parte", "notFound": "Não encontramos este item", "permission": "Este conteúdo ainda não está liberado para você", "waiting": "Faça uma seleção para continuar", "success": "Tudo em dia", "offline": "Parece que a conexão caiu" } };
23
24
  const pageTitle = { "breadcrumbLabel": "Trilha de navegação" };
24
25
  const pagination = { "resultsPerPage": "Resultados por página", "pageOf": "Página {{current}} de {{total}}", "range": "{{from}}-{{to}} de {{total}}", "first": "Primeira página", "last": "Última página", "gap": "..." };
25
26
  const permissions = { "deniedAction": "Esta ação não está liberada para o seu perfil. Um administrador da conta pode liberar o acesso.", "deniedRequest": "Esta ação não está liberada para o seu perfil de usuário.", "checkingAccess": "Verificando permissões...", "deniedPage": { "resource": "Página: {{resource}}", "backToHome": "Voltar para o início", "nextStepsTitle": "O que fazer agora", "service": { "title": "Este módulo não faz parte da sua conta", "message": "O módulo que abre esta página ainda não está entre os serviços contratados pela sua conta, então ele não pode ser aberto por nenhum usuário dela.", "nextStep": "Fale com a pessoa responsável pela conta na uMode para incluir este módulo. Enquanto isso, o restante do que você já usa segue funcionando normalmente." }, "capability": { "title": "Esta página ainda não está liberada para você", "message": "A sua conta tem esta página, mas o seu perfil de usuário ainda não inclui a permissão para abri-la.", "nextStep": "Um administrador da conta pode liberar em Configurações, Controle de Acesso, escolhendo o seu perfil de usuário. Leva alguns segundos e vale a partir do próximo acesso." }, "request": { "title": "Esta página precisa de uma permissão que você ainda não tem", "message": "Você chegou até aqui, mas ao buscar as informações desta tela percebemos que o seu perfil de usuário não tem acesso a elas.", "nextStep": "Um administrador da conta pode liberar em Configurações, Controle de Acesso. Se o acesso acabou de ser concedido, use Tentar novamente. Nada do seu trabalho foi afetado." } } };
26
27
  const requestErrors = { "denied": { "title": "Esta área ainda não está liberada para você", "description": "Seu perfil de usuário não inclui o acesso a este conteúdo. Um administrador da conta pode liberar em Configurações, Controle de Acesso." }, "notFound": { "title": "Não encontramos este item", "description": "Ele pode ter sido excluído por alguém da equipe, ou o link usado para chegar até aqui está desatualizado." }, "offline": { "title": "Parece que a conexão caiu", "description": "Confira sua conexão e tente de novo em alguns segundos. Nada do que já foi salvo se perdeu." }, "server": { "title": "Estamos com uma instabilidade", "description": "O problema é aqui do nosso lado, não em algo que você fez. Tente de novo em alguns instantes; se continuar, fale com o suporte." }, "unknown": { "title": "Não conseguimos carregar esta parte", "description": "Isso costuma ser passageiro. Tente de novo e, se continuar assim, fale com o suporte contando o que você estava fazendo." } };
28
+ const sidebar = { "home": "Início", "logout": "Sair", "openSidebar": "Abrir barra lateral", "collapseSidebar": "Recolher barra lateral", "sections": { "management": "Gestão", "registration": "Cadastros" } };
29
+ const theme = { "toggle": "Tema", "light": "Tema claro", "dark": "Tema escuro", "system": "Seguir o sistema" };
27
30
  const toast = { "learnMore": "Saiba Mais" };
28
31
  const unifiedSearchBar = { "clearFilter": "Limpar Filtro" };
29
32
  const uploader = { "dragOr": "Arraste ou", "selectFile": "selecione um arquivo", "orPaste": "ou cole (Ctrl+V)", "allowedFormats": "Formatos permitidos:", "upTo": "até", "megabytesSuffix": "MB", "sendFiles": "Enviar arquivo(s)", "filesIgnoredMaxSize": "Alguns arquivos foram ignorados porque excederam o tamanho máximo de {{size}}MB", "invalidFormat": "Por favor, insira arquivos nos formatos permitidos", "allowedFormatsTooltip": "Formatos permitidos: {{formats}} até {{size}}MB" };
@@ -52,11 +55,14 @@ const pt = {
52
55
  imageZoom,
53
56
  informationCard,
54
57
  inputField,
58
+ language,
55
59
  noDataFound,
56
60
  pageTitle,
57
61
  pagination,
58
62
  permissions,
59
63
  requestErrors,
64
+ sidebar,
65
+ theme,
60
66
  toast,
61
67
  unifiedSearchBar,
62
68
  uploader,
@@ -87,11 +93,14 @@ export {
87
93
  imageZoom,
88
94
  informationCard,
89
95
  inputField,
96
+ language,
90
97
  noDataFound,
91
98
  pageTitle,
92
99
  pagination,
93
100
  permissions,
94
101
  requestErrors,
102
+ sidebar,
103
+ theme,
95
104
  toast,
96
105
  unifiedSearchBar,
97
106
  uploader,
@@ -1 +1 @@
1
- {"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umodeapporg/ui",
3
- "version": "0.3.0",
3
+ "version": "0.4.1",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -373,18 +373,30 @@ button:disabled,
373
373
  cursor: not-allowed;
374
374
  }
375
375
 
376
+ /* The full face definition lives here (the dashboard used to split it with outlined.css):
377
+ without the font-family + liga settings the icons render as their ligature TEXT. */
376
378
  .material-symbols {
377
379
  user-select: none;
380
+ font-family:
381
+ 'Material Symbols Outlined',
382
+ 'Material Icons',
383
+ system-ui,
384
+ -apple-system,
385
+ sans-serif;
378
386
  font-weight: normal;
379
387
  font-style: normal;
380
- font-size: inherit;
381
- display: block;
388
+ font-size: 1.5rem;
389
+ display: inline-block;
382
390
  line-height: 1;
383
391
  text-transform: none;
384
392
  letter-spacing: normal;
385
393
  word-wrap: normal;
386
394
  white-space: nowrap;
387
395
  direction: ltr;
396
+ -webkit-font-smoothing: antialiased;
397
+ -moz-osx-font-smoothing: grayscale;
398
+ text-rendering: optimizeLegibility;
399
+ font-feature-settings: 'liga';
388
400
  }
389
401
 
390
402
  .wf-loading,