innoboxrr-vue-datatable 1.1.9 → 1.2.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/DataTable.vue +14 -10
  3. package/src/components/NavDropdownComponent.vue +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "innoboxrr-vue-datatable",
3
- "version": "1.1.9",
3
+ "version": "1.2.0",
4
4
  "description": "Datatable para vue3",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/DataTable.vue CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <!-- Action Button-->
16
16
  <button
17
- class="uk-button button uk-button-large uk-border-rounded uk-box-shadow-medium uk-box-shadow-hover-small white-text uk-text-bold"
17
+ class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
18
18
  @click="actionButtonClicked(crudActions)">
19
19
 
20
20
  Acciones
@@ -70,28 +70,32 @@
70
70
 
71
71
  <div>
72
72
 
73
- <a
74
- class="uk-text-right cursor"
73
+ <span
74
+ class="uk-text-right pointer"
75
75
  :uk-tooltip="`title: ${'Update results'}`"
76
76
  @click="updateFilters">
77
77
 
78
- <i class="fas fa-sync tools-icon"></i>
78
+ <svg class="w-6 h-6 text-slate-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
79
+ <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 1v5h-5M2 19v-5h5m10-4a8 8 0 0 1-14.947 3.97M1 10a8 8 0 0 1 14.947-3.97"/>
80
+ </svg>
79
81
 
80
- </a>
82
+ </span>
81
83
 
82
84
  </div>
83
85
 
84
86
  <!-- Filter -->
85
87
  <div>
86
88
 
87
- <a
88
- class="uk-text-right cursor"
89
+ <span
90
+ class="uk-text-right pointer"
89
91
  uk-toggle="target: .filter-form; animation: uk-animation-scale-up;"
90
92
  uk-tooltip="title: Buscar">
91
93
 
92
- <i class="fas fa-sliders-h tools-icon"></i>
94
+ <svg class="w-6 h-6 text-slate-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
95
+ <path d="M18.85 1.1A1.99 1.99 0 0 0 17.063 0H2.937a2 2 0 0 0-1.566 3.242L6.99 9.868 7 14a1 1 0 0 0 .4.8l4 3A1 1 0 0 0 13 17l.01-7.134 5.66-6.676a1.99 1.99 0 0 0 .18-2.09Z"/>
96
+ </svg>
93
97
 
94
- </a>
98
+ </span>
95
99
 
96
100
  </div>
97
101
 
@@ -123,7 +127,7 @@
123
127
  }">
124
128
 
125
129
  <div
126
- class="uk-card uk-card-body uk-border-rounded uk-padding-small"
130
+ class="uk-card uk-card-body max-w-sm p-6 bg-white border border-slate-200 rounded-lg shadow dark:bg-slate-800 dark:border-slate-700 uk-padding-small"
127
131
  :class="{
128
132
  'uk-card-default': cardWrapper
129
133
  }">
package/src/components/NavDropdownComponent.vue CHANGED
@@ -1,6 +1,8 @@
1
1
  <template>
2
2
 
3
- <div :uk-dropdown="options">
3
+ <div
4
+ :uk-dropdown="options"
5
+ class="uk-padding-remove z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-slate-800">
4
6
 
5
7
  <ul class="uk-nav uk-dropdown-nav">
6
8