@webitel/ui-sdk 24.12.6 → 24.12.7

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 (6) hide show
  1. package/dist/ui-sdk.css +1 -1
  2. package/dist/ui-sdk.js +287 -287
  3. package/dist/ui-sdk.umd.cjs +1 -1
  4. package/package.json +1 -1
  5. package/src/components/wt-empty/wt-empty.vue +2 -1
  6. package/src/modules/TableComponentModule/composables/useTableEmpty.js +19 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "24.12.6",
3
+ "version": "24.12.7",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite",
package/src/components/wt-empty/wt-empty.vue CHANGED
@@ -12,8 +12,8 @@
12
12
  -->
13
13
  <slot name="media" v-bind="{ size: mediaSize }">
14
14
  <wt-image
15
- :src="image"
16
15
  :size="mediaSize"
16
+ :src="image"
17
17
  alt="empty-state"
18
18
  />
19
19
  </slot>
@@ -253,6 +253,7 @@ const onSecondaryClick = onClick('secondary');
253
253
  width: var(--wt-empty-width);
254
254
  min-width: var(--wt-empty-min-width);
255
255
  max-width: var(--wt-empty-max-width);
256
+ margin: auto;
256
257
  padding: var(--spacing-md);
257
258
  text-align: center;
258
259
  gap: var(--spacing-md);
package/src/modules/TableComponentModule/composables/useTableEmpty.js CHANGED
@@ -29,33 +29,33 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
29
29
  },
30
30
  },
31
31
  headline: {
32
- filters: t(''),
33
- error: t(''),
34
- empty: t(''),
32
+ filters: '',
33
+ error: '',
34
+ empty: '',
35
35
  },
36
36
  title: {
37
- filters: t(''),
38
- error: t(''),
39
- empty: t(''),
37
+ filters: '',
38
+ error: '',
39
+ empty: '',
40
40
  },
41
41
  text: {
42
42
  filters: t('webitelUI.empty.text.filters'),
43
- error: t(''),
43
+ error: '',
44
44
  empty: t('webitelUI.empty.text.empty'),
45
45
  },
46
46
  primaryActionText: {
47
- filters: t(''),
48
- error: t(''),
49
- empty: t(''),
47
+ filters: '',
48
+ error: '',
49
+ empty: '',
50
50
  },
51
51
  secondaryActionText: {
52
- filters: t(''),
53
- error: t(''),
54
- empty: t(''),
52
+ filters: '',
53
+ error: '',
54
+ empty: '',
55
55
  },
56
56
  }));
57
57
 
58
- const merged = computed(() => deepmerge(defaults, overrides));
58
+ const merged = computed(() => deepmerge(defaults.value, overrides));
59
59
 
60
60
  let darkMode = computed(() => false);
61
61
 
@@ -76,11 +76,11 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
76
76
  });
77
77
 
78
78
  const emptyState = computed(() => {
79
- return !isLoading.value && !error.value && !!dataList.value.length;
79
+ return !isLoading?.value && !error?.value && !dataList?.value?.length;
80
80
  });
81
81
 
82
82
  const emptyCause = computed(() => {
83
- if (!emptyState.value) return null;
83
+ if (!emptyState?.value) return null;
84
84
 
85
85
  if (error.value) return EmptyCause.ERROR;
86
86
  if (filters.value) {
@@ -98,11 +98,11 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
98
98
  const image = computed(() => {
99
99
  switch (emptyCause.value) {
100
100
  case EmptyCause.ERROR:
101
- return darkMode.value ? merged.value.image.error.dark : merged.value.image.error.light;
101
+ return darkMode?.value ? merged.value.image.error.dark : merged.value.image.error.light;
102
102
  case EmptyCause.FILTERS:
103
- return darkMode.value ? merged.value.image.filters.dark : merged.value.image.filters.light;
103
+ return darkMode?.value ? merged.value.image.filters.dark : merged.value.image.filters.light;
104
104
  case EmptyCause.EMPTY:
105
- return darkMode.value ? merged.value.image.empty.dark : merged.value.image.empty.light;
105
+ return darkMode?.value ? merged.value.image.empty.dark : merged.value.image.empty.light;
106
106
  default:
107
107
  return null;
108
108
  }