@webitel/ui-sdk 0.9.34 → 0.9.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "0.9.34",
+  "version": "0.9.35",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/modules/QueryFilters/components/abstract-enum-filter.vue

@@ -1,7 +1,7 @@
 <template>
   <wt-select
     :value="filterSchema.value"
-    :options="filterSchema.options"
+    :options="localizedOptions"
     :label="$t(filterSchema.locale.label)"
     :track-by="filterSchema.storedProp"
     :multiple="filterSchema.multiple"

package/src/modules/QueryFilters/mixins/__tests__/enumFilterMixin.spec.js

@@ -45,10 +45,26 @@ describe('Enum filter mixin', () => {
   });
 
   it('Sets empty array value if $route query is empty', async () => {
-    const wrapper = shallowMount(Component, {
+    shallowMount(Component, {
       localVue,
       router,
     });
     expect(setValue).not.toHaveBeenCalled();
   });
+
+  it('Attaches locales to options, if they have "locale" key', async () => {
+    const options = [{
+      locale: 'jest.locale',
+    }];
+    const expectedOptions = [{
+      locale: options[0].locale,
+      name: options[0].locale,
+    }];
+    const wrapper = shallowMount(Component, {
+      localVue,
+      router,
+      data: () => ({ options }),
+    });
+    expect(wrapper.vm.localizedOptions).toEqual(expectedOptions);
+  });
 });

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -4,7 +4,7 @@ export default {
   mixins: [baseFilterMixin],
   computed: {
     options() {
-      return this.filterSchema.options;
+      return this.filterSchema?.options;
     },
     locale() {
       return this.filterSchema?.locale;
@@ -18,6 +18,13 @@ export default {
     closeOnSelect() {
       return this.filterSchema?.storedProp;
     },
+    localizedOptions() {
+      const optsHaveLocale = this.options.length && this.options[0].locale; // just check 1st el
+      if (optsHaveLocale) {
+        return this.options.map((opt) => ({ ...opt, name: this.$t(opt.locale) }));
+      }
+      return this.options;
+    },
   },
   methods: {
     restoreValue(value) {