@teammodlr/ui-kit 2.0.22 → 2.0.24

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teammodlr/ui-kit",
3
- "version": "2.0.22",
3
+ "version": "2.0.24",
4
4
  "description": "",
5
5
  "main": "lib/index.cjs.js",
6
6
  "module": "lib/index.es.js",
@@ -44,15 +44,15 @@
44
44
  "@capsizecss/vanilla-extract": "^1.0.0",
45
45
  "@nuxt/kit": "^3.3.2",
46
46
  "@nuxt/schema": "^3.3.2",
47
- "@storybook/addon-actions": "^7.0.12",
48
- "@storybook/addon-essentials": "^7.0.12",
49
- "@storybook/addon-interactions": "^7.0.12",
50
- "@storybook/addon-links": "^7.0.12",
51
- "@storybook/addons": "^7.0.12",
52
- "@storybook/testing-library": "^0.1.0",
53
- "@storybook/theming": "^7.0.12",
54
- "@storybook/vue3": "^7.0.12",
55
- "@storybook/vue3-vite": "^7.0.12",
47
+ "@storybook/addon-actions": "^7.0.22",
48
+ "@storybook/addon-essentials": "^7.0.22",
49
+ "@storybook/addon-interactions": "^7.0.22",
50
+ "@storybook/addon-links": "^7.0.22",
51
+ "@storybook/addons": "^7.0.22",
52
+ "@storybook/testing-library": "^0.2.0",
53
+ "@storybook/theming": "^7.0.22",
54
+ "@storybook/vue3": "^7.0.22",
55
+ "@storybook/vue3-vite": "^7.0.22",
56
56
  "@types/jsdom": "^21.1.0",
57
57
  "@types/node": "^18.14.1",
58
58
  "@vanilla-extract/css": "^1.9.5",
@@ -64,7 +64,7 @@
64
64
  "bumpp": "^9.1.0",
65
65
  "react": "^18.2.0",
66
66
  "react-dom": "^18.2.0",
67
- "storybook": "^7.0.12",
67
+ "storybook": "^7.0.22",
68
68
  "ts-node": "^10.9.1",
69
69
  "typescript": "^4.9.5",
70
70
  "vite": "^4.2.1",
@@ -92,6 +92,10 @@ export default defineComponent({
92
92
  showTotal: {
93
93
  type: Boolean,
94
94
  default: true
95
+ },
96
+ loading: {
97
+ type: Boolean,
98
+ default: false
95
99
  }
96
100
  },
97
101
  emits: [
@@ -207,6 +211,9 @@ export default defineComponent({
207
211
  }
208
212
 
209
213
  function handlePageChange(page: number) {
214
+ if (props.loading) {
215
+ return;
216
+ }
210
217
  emit('update:page', page)
211
218
  }
212
219
 
@@ -227,4 +234,4 @@ export default defineComponent({
227
234
  }
228
235
  }
229
236
  })
230
- </script>
237
+ </script>
@@ -33,8 +33,15 @@
33
33
  </slot>
34
34
  </TableCell>
35
35
  </TableRow>
36
- <tr :colspan="headers.length" v-if="items.length === 0">
37
- <slot name="empty" />
36
+ <tr v-if="items.length === 0">
37
+ <td :colspan="headers.length">
38
+ <slot name="empty" />
39
+ </td>
40
+ </tr>
41
+ <tr v-if="loading">
42
+ <td :colspan="headers.length">
43
+ <slot name="loading" />
44
+ </td>
38
45
  </tr>
39
46
  </TableBody>
40
47
  </table>