alytus-ff 1.0.2 → 1.0.4

package/dist/components/Page/InnerLeftMenu.vue.d.ts

@@ -1,16 +1,27 @@
 import { PropType } from 'vue';
-import { MenuItem } from '../../types/Nav.ts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     items: {
-        type: PropType<MenuItem[]>;
+        type: PropType<{
+            title: string;
+            value?: string;
+            type?: "subheader" | "link";
+        }[]>;
         required: true;
     };
 }>, {
-    goTo: (to: string) => Promise<void | import('vue-router').NavigationFailure | undefined>;
+    goTo: (to: {
+        id: unknown;
+        value: boolean;
+        path: unknown[];
+    }) => void;
     isActive: (path: string) => boolean;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
-        type: PropType<MenuItem[]>;
+        type: PropType<{
+            title: string;
+            value?: string;
+            type?: "subheader" | "link";
+        }[]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/types/DataTable.d.ts

@@ -13,6 +13,7 @@ export type Filter = {
     controlType: ControlType;
     multiple?: boolean;
     default: string | string[] | null;
+    shared_default?: string;
     required: boolean;
     data_source?: "classifiers" | "workspaces" | "enum";
     classifier_type?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "alytus-ff",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "files": [
     "dist",

package/src/components/DataTable/DataTableFilters.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import {type Component, defineComponent, type PropType, ref} from "vue"
+import {type Component, computed, defineComponent, type PropType} from "vue"
 import type {GetFilterComponentFx, Filter, FilterValue} from "../../types/DataTable.ts"
 
 
@@ -39,7 +39,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const filters = ref<FilterComponent[]>(props.filters.map(x => ({...x, component: props.getFilterComponent(x), value: x.default})))
+        const filters = computed<FilterComponent[]>(() => props.filters.map(x => ({...x, component: props.getFilterComponent(x), value: x.default})))
         return {filters}
     }
 })

package/src/components/Page/InnerLeftMenu.vue

@@ -1,22 +1,17 @@
 <template>
-    <v-list class="inner-left-menu mobile-horizontal">
-        <v-list-item v-for="item in items" :active="isActive(item.link)" @click="goTo(item.link)">
-            <v-list-item-title>{{ item.text }}</v-list-item-title>
-        </v-list-item>
-    </v-list>
+    <v-list class="inner-left-menu mobile-horizontal" :items="items" :selected="items.filter(x => x.value && isActive(x.value)).map(x => x.value)" @click:select="goTo($event)"></v-list>
 </template>
 
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue'
-import {useRoute, useRouter} from "vue-router";
-import {type MenuItem} from "../../types/Nav.ts";
+import {useRoute, useRouter} from "vue-router"
 
 export default defineComponent({
     name: 'InnerLeftMenu',
     components: {},
     props: {
         items: {
-            type: Array as PropType<MenuItem[]>,
+            type: Array as PropType<{ title: string; value?: string; type?: 'subheader' | 'link' }[]>,
             required: true
         }
     },
@@ -24,7 +19,10 @@ export default defineComponent({
         const router = useRouter()
         const route = useRoute()
 
-        const goTo = (to: string) => router.push(to)
+        const goTo = (to: { id: unknown; value: boolean; path: unknown[] }) => {
+            if (to.id)
+                router.push(to.id)
+        }
         const isActive = (path: string) => route.fullPath.startsWith(path)
 
         return {goTo, isActive}