@datametria/vue-components 2.0.1 → 2.1.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 (72) hide show
  1. package/README.md +43 -23
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.es.js +1687 -1539
  4. package/dist/index.umd.js +9 -9
  5. package/dist/src/components/DatametriaAlert.vue.d.ts +33 -0
  6. package/dist/src/components/DatametriaAutocomplete.vue.d.ts +28 -0
  7. package/dist/src/components/DatametriaAvatar.vue.d.ts +25 -0
  8. package/dist/src/components/DatametriaBadge.vue.d.ts +26 -0
  9. package/dist/src/components/DatametriaBreadcrumb.vue.d.ts +16 -0
  10. package/dist/src/components/DatametriaButton.vue.d.ts +37 -0
  11. package/dist/src/components/DatametriaCard.vue.d.ts +25 -0
  12. package/dist/src/components/DatametriaCheckbox.vue.d.ts +14 -0
  13. package/dist/src/components/DatametriaChip.vue.d.ts +34 -0
  14. package/dist/src/components/DatametriaContainer.vue.d.ts +24 -0
  15. package/dist/src/components/DatametriaDatePicker.vue.d.ts +55 -0
  16. package/dist/src/components/DatametriaDivider.vue.d.ts +25 -0
  17. package/dist/src/components/DatametriaFileUpload.vue.d.ts +28 -0
  18. package/dist/src/components/DatametriaFloatingBar.vue.d.ts +32 -0
  19. package/dist/src/components/DatametriaGrid.vue.d.ts +24 -0
  20. package/dist/src/components/DatametriaInput.vue.d.ts +18 -0
  21. package/dist/src/components/DatametriaMenu.vue.d.ts +71 -0
  22. package/dist/src/components/DatametriaModal.vue.d.ts +34 -0
  23. package/dist/src/components/DatametriaNavbar.vue.d.ts +34 -0
  24. package/dist/src/components/DatametriaPasswordInput.vue.d.ts +29 -0
  25. package/dist/src/components/DatametriaProgress.vue.d.ts +12 -0
  26. package/dist/src/components/DatametriaRadio.vue.d.ts +17 -0
  27. package/dist/src/components/DatametriaSelect.vue.d.ts +23 -0
  28. package/dist/src/components/DatametriaSidebar.vue.d.ts +45 -0
  29. package/dist/src/components/DatametriaSkeleton.vue.d.ts +18 -0
  30. package/dist/src/components/DatametriaSlider.vue.d.ts +41 -0
  31. package/dist/src/components/DatametriaSortableTable.vue.d.ts +32 -0
  32. package/dist/src/components/DatametriaSpinner.vue.d.ts +12 -0
  33. package/dist/src/components/DatametriaSwitch.vue.d.ts +16 -0
  34. package/dist/src/components/DatametriaTable.vue.d.ts +29 -0
  35. package/dist/src/components/DatametriaTabs.vue.d.ts +41 -0
  36. package/dist/src/components/DatametriaTextarea.vue.d.ts +22 -0
  37. package/dist/src/components/DatametriaTimePicker.vue.d.ts +36 -0
  38. package/dist/src/components/DatametriaToast.vue.d.ts +20 -0
  39. package/dist/src/components/DatametriaTooltip.vue.d.ts +58 -0
  40. package/dist/src/composables/useAPI.d.ts +14 -0
  41. package/dist/src/composables/useAccessibilityScale.d.ts +14 -0
  42. package/dist/src/composables/useBreakpoints.d.ts +33 -0
  43. package/dist/src/composables/useClipboard.d.ts +6 -0
  44. package/dist/src/composables/useDebounce.d.ts +2 -0
  45. package/dist/src/composables/useHapticFeedback.d.ts +34 -0
  46. package/dist/src/composables/useLocalStorage.d.ts +2 -0
  47. package/dist/src/composables/useRipple.d.ts +49 -0
  48. package/dist/src/composables/useTheme.d.ts +10 -0
  49. package/dist/src/composables/useValidation.d.ts +14 -0
  50. package/dist/src/index.d.ts +53 -0
  51. package/dist/src/theme/ThemeProvider.vue.d.ts +24 -0
  52. package/dist/src/theme/constants.d.ts +5 -0
  53. package/dist/src/theme/index.d.ts +11 -0
  54. package/dist/src/theme/presets/datametria.d.ts +2 -0
  55. package/dist/src/theme/presets/default.d.ts +2 -0
  56. package/dist/src/theme/presets/index.d.ts +7 -0
  57. package/dist/src/theme/tokens/colors.d.ts +2 -0
  58. package/dist/src/theme/tokens/index.d.ts +8 -0
  59. package/dist/src/theme/tokens/spacing.d.ts +2 -0
  60. package/dist/src/theme/tokens/typography.d.ts +2 -0
  61. package/dist/src/theme/types.d.ts +102 -0
  62. package/dist/src/theme/useTheme.d.ts +8 -0
  63. package/dist/src/types/index.d.ts +47 -0
  64. package/dist/vue-components.css +1 -1
  65. package/package.json +5 -3
  66. package/src/components/DatametriaFloatingBar.vue +126 -0
  67. package/src/components/DatametriaSidebar.vue +230 -0
  68. package/src/components/DatametriaTabs.vue +150 -29
  69. package/src/components/__tests__/DatametriaFloatingBar.test.ts +137 -0
  70. package/src/components/__tests__/DatametriaSidebar.test.ts +169 -0
  71. package/src/components/__tests__/DatametriaTabs.test.ts +232 -0
  72. package/src/index.ts +2 -0
package/README.md CHANGED
@@ -20,8 +20,8 @@
20
20
 
21
21
  </div>
22
22
 
23
- **Versão**: 2.0.1
24
- **Data**: 27/11/2025
23
+ **Versão**: 2.1.1
24
+ **Data**: 20/11/2025
25
25
  **Autor**: Vander Loto - CTO DATAMETRIA
26
26
 
27
27
  ---
@@ -78,13 +78,17 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
78
78
  - 🏢 **Multi-Tenant**: Suporte a múltiplas marcas simultaneamente
79
79
  - 📱 **Backward Compatible**: 100% compatível com v1.x
80
80
 
81
- ### Melhorias v2.0.1
81
+ ### Novidades v2.1.0
82
82
 
83
- - 🐛 **Bug Fixes**: Eliminados todos os warnings dos testes
84
- - **Performance**: Ajustado limite de teste de performance (1000ms)
85
- - 🧪 **Testes**: 1052 testes passando, 0 warnings
86
- - 📚 **Qualidade**: Cobertura mantida em 98.2%
87
- - 🔧 **Estabilidade**: Props obrigatórias corrigidas nos testes
83
+ - 🏗️ **Novos Componentes de Navegação**
84
+ - DatametriaSidebar: Sidebar lateral com colapso
85
+ - DatametriaFloatingBar: Barra flutuante para ações rápidas
86
+ - ⬆️ **DatametriaTabs Melhorado**
87
+ - Variantes: default, pills, underline
88
+ - Orientação: horizontal e vertical
89
+ - Ícones, badges e tabs desabilitáveis
90
+ - 🧪 **Testes**: +62 testes (100% coverage)
91
+ - 📚 **Documentação**: 3 novos guias completos
88
92
 
89
93
  ---
90
94
 
@@ -93,18 +97,24 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
93
97
  ### NPM
94
98
 
95
99
  ```bash
96
- npm install @datametria/vue-components@^2.0.1
100
+ npm install @datametria/vue-components@latest
97
101
  ```
98
102
 
99
103
  ### Yarn
100
104
 
101
105
  ```bash
102
- yarn add @datametria/vue-components@^2.0.1
106
+ yarn add @datametria/vue-components@latest
107
+ ```
108
+
109
+ ### PNPM
110
+
111
+ ```bash
112
+ pnpm add @datametria/vue-components@latest
103
113
  ```
104
114
 
105
115
  ### Pré-requisitos
106
116
 
107
- - **Vue.js**: 3.3+
117
+ - **Vue.js**: 3.3+
108
118
  - **Node.js**: 18+
109
119
  - **TypeScript**: 5.3+ (opcional, mas recomendado)
110
120
 
@@ -112,6 +122,13 @@ yarn add @datametria/vue-components@^2.0.1
112
122
 
113
123
  ## 🚀 Uso Básico
114
124
 
125
+ ### Importar CSS
126
+
127
+ ```typescript
128
+ // main.ts ou main.js
129
+ import '@datametria/vue-components/style.css'
130
+ ```
131
+
115
132
  ### Sem Theming (v1.x compatível)
116
133
 
117
134
  ```vue
@@ -127,6 +144,7 @@ yarn add @datametria/vue-components@^2.0.1
127
144
 
128
145
  <script setup lang="ts">
129
146
  import { DatametriaButton, DatametriaCard } from '@datametria/vue-components'
147
+ import '@datametria/vue-components/style.css'
130
148
  </script>
131
149
  ```
132
150
 
@@ -258,10 +276,10 @@ const theme = useTheme()
258
276
 
259
277
  ```vue
260
278
  <script setup lang="ts">
261
- import {
262
- ThemeProvider,
263
- datametriaTheme,
264
- defaultTheme
279
+ import {
280
+ ThemeProvider,
281
+ datametriaTheme,
282
+ defaultTheme
265
283
  } from '@datametria/vue-components'
266
284
 
267
285
  // Usar tema DATAMETRIA (padrão)
@@ -282,7 +300,7 @@ const tema = defaultTheme
282
300
  <option value="clienteA">Cliente A</option>
283
301
  <option value="clienteB">Cliente B</option>
284
302
  </select>
285
-
303
+
286
304
  <ThemeProvider :theme="temas[tenantAtual]">
287
305
  <MeuApp />
288
306
  </ThemeProvider>
@@ -343,18 +361,20 @@ const temas = {
343
361
  - `DatametriaBadge` - Badge de status + theming
344
362
  - `DatametriaChip` - Chip removível + theming
345
363
 
346
- ### Navigation (4 componentes)
364
+ ### Navigation (6 componentes)
347
365
  - `DatametriaNavbar` - Barra de navegação + theming
366
+ - `DatametriaSidebar` - Sidebar lateral com colapso + theming ✨ **NOVO v2.1**
367
+ - `DatametriaFloatingBar` - Barra flutuante para ações + theming ✨ **NOVO v2.1**
348
368
  - `DatametriaMenu` - Menu dropdown + theming
349
369
  - `DatametriaBreadcrumb` - Navegação breadcrumb + theming
350
- - `DatametriaTabs` - Abas navegáveis + theming
370
+ - `DatametriaTabs` - Abas navegáveis (melhorado v2.1) + theming
351
371
 
352
372
  ### Theming System (3 componentes)
353
373
  - `ThemeProvider` - Provider de tema
354
374
  - `useTheme` - Composable para acessar tema
355
375
  - Presets: `datametriaTheme`, `defaultTheme`
356
376
 
357
- **Total: 30+ componentes com theming**
377
+ **Total: 32 componentes com theming**
358
378
 
359
379
  ---
360
380
 
@@ -448,7 +468,7 @@ npm run type-check
448
468
 
449
469
  ```
450
470
  src/
451
- ├── components/ # 30+ componentes
471
+ ├── components/ # 32 componentes
452
472
  ├── composables/ # 10 composables
453
473
  ├── theme/ # Sistema de theming (novo!)
454
474
  │ ├── ThemeProvider.vue
@@ -479,9 +499,9 @@ src/
479
499
  - **Tree Shaking**: Suporte completo
480
500
 
481
501
  ### Qualidade
482
- - **Componentes**: 30+ com theming
502
+ - **Componentes**: 32 com theming
483
503
  - **Cobertura**: 98.2% testes
484
- - **TypeScript**: 100% tipado
504
+ - **TypeScript**: 100% tipado com arquivos .d.ts
485
505
  - **Acessibilidade**: WCAG 2.1 AA
486
506
 
487
507
  ### Compatibilidade
@@ -545,4 +565,4 @@ Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICE
545
565
 
546
566
  ⭐ **Se este projeto te ajudou, considere dar uma estrela!** ⭐
547
567
 
548
- </div>
568
+ </div>
@@ -0,0 +1,2 @@
1
+ export * from './src/index'
2
+ export {}