@vc-shell/framework 1.0.131 → 1.0.133

package/ui/components/molecules/vc-select/vc-select.vue

@@ -257,7 +257,7 @@
 </template>
 
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
-<script lang="ts" setup generic="T, P extends { results?: T[] | any; totalCount?: number }">
+<script lang="ts" setup generic="T, P extends { results?: T[]; totalCount?: number }">
 import { ref, computed, watch, nextTick, Ref, toRefs } from "vue";
 import { vOnClickOutside } from "@vueuse/components";
 import * as _ from "lodash-es";
@@ -278,8 +278,8 @@ type FloatingInstanceType = UseFloatingReturn & {
     };
   };
 };
-
-type Option = T & P["results"][number];
+type ArrayElementType<T> = T extends Array<infer U> ? U : never;
+type Option = T & ArrayElementType<Required<P>["results"]>;
 
 defineSlots<{
   /**
@@ -484,11 +484,7 @@ const emit = defineEmits<{
    * Emitted when the component needs to change the model; Is also used by v-model
    */
 
-  "update:modelValue": [
-    inputValue: MaybeArray<
-      string | Option | (T & P["results"][number] & object)[keyof T | keyof P["results"][number]]
-    > | null,
-  ];
+  "update:modelValue": [inputValue: MaybeArray<string | Option> | null];
   /**
    * Emitted when user wants to filter a value
    */
@@ -572,12 +568,16 @@ watch(
           );
 
           if (typeof data === "object" && !Array.isArray(data) && "results" in data) {
-            defaultValue.value = data.results?.filter((x: any) => x[props.optionValue as keyof T] === props.modelValue);
+            defaultValue.value = data.results?.filter(
+              (x) => x[props.optionValue as keyof T] === props.modelValue,
+            ) as Option[];
           } else if (Array.isArray(data)) {
             defaultValue.value = data?.filter((x) => x[props.optionValue as keyof T] === props.modelValue);
           }
         } else if (props.options && Array.isArray(props.options)) {
-          defaultValue.value = props.options.filter((x) => x[props.optionValue as keyof T] === props.modelValue);
+          defaultValue.value = props.options.filter(
+            (x) => x[props.optionValue as keyof T] === props.modelValue,
+          ) as Option[];
         }
       }
     }
@@ -592,13 +592,13 @@ watch(
       try {
         listLoading.value = true;
         const data = await props.options();
-        optionsList.value = data.results;
+        optionsList.value = data.results as Option[];
         totalItems.value = data.totalCount;
       } finally {
         listLoading.value = false;
       }
     } else if (props.options && Array.isArray(props.options)) {
-      optionsList.value = props.options;
+      optionsList.value = props.options as Option[];
     }
   },
   { immediate: true },
@@ -626,7 +626,7 @@ async function onLoadMore() {
     try {
       listLoading.value = true;
       const data = await props.options(filterString.value, optionsList.value.length);
-      optionsList.value.push(...data.results);
+      optionsList.value.push(...(data.results as Option[]));
     } finally {
       listLoading.value = false;
     }
@@ -820,7 +820,7 @@ function toggleOption(opt: Option) {
     return;
   }
 
-  const optValue = getOptionValue.value(opt);
+  const optValue = getOptionValue.value(opt) as Option[];
 
   if (props.multiple !== true) {
     if (innerValue.value.length === 0 || _.isEqual(getOptionValue.value(innerValue.value[0]), optValue) !== true) {
@@ -832,7 +832,7 @@ function toggleOption(opt: Option) {
 
   if (innerValue.value.length === 0) {
     const val = props.emitValue === true ? optValue : opt;
-    emit("update:modelValue", props.multiple === true ? [val] : val);
+    emit("update:modelValue", props.multiple === true ? ([val] as Option[]) : (val as Option));
     return;
   }
 

package/ui/components/molecules/vc-textarea/vc-textarea.vue

@@ -84,7 +84,7 @@ watch(
   () => props.modelValue,
   (value) => {
     emit("update:modelValue", value);
-  }
+  },
 );
 
 // Handle input event to propertly validate value and emit changes

package/ui/components/organisms/vc-app/_internal/vc-app-bar/vc-app-bar.vue

@@ -73,7 +73,7 @@ import { useBladeNavigation } from "./../../../../../../shared";
 import { ref, watch, nextTick } from "vue";
 
 export interface Props {
-  logo: string;
+  logo?: string;
   title?: string;
 }
 

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue

@@ -48,14 +48,15 @@
       :key="i"
     >
       <router-link
-        :to="nested.url"
+        v-if="$hasAccess(nested.permissions!)"
+        :to="nested.url!"
         custom
       >
         <div
           :key="i"
           :class="[
             {
-              'vc-app-menu-item__child-item_active': isActive(nested.url),
+              'vc-app-menu-item__child-item_active': isActive(nested.url!),
             },
             'vc-app-menu-item__child-item',
           ]"

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/vc-app-menu-item.vue

@@ -6,6 +6,7 @@
         custom
       >
         <vc-app-menu-link
+          v-if="isVisible"
           :sticky="sticky"
           :icon="icon ?? ''"
           :title="title ?? ''"
@@ -16,6 +17,7 @@
     </template>
     <template v-else>
       <vc-app-menu-link
+        v-if="isVisible"
         :children="children"
         :sticky="sticky"
         :icon="icon ?? ''"

package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue

@@ -41,7 +41,7 @@
           <VcAppMenuItem
             v-for="item in menuItems"
             :key="item?.id"
-            :is-visible="true"
+            :is-visible="$hasAccess(item.permissions!)"
             :url="item.url"
             :icon="item.icon"
             :title="item.title as string"

package/ui/components/organisms/vc-app/vc-app.vue

@@ -53,7 +53,10 @@
           <NotificationDropdown />
         </slot>
         <template v-if="$isDesktop.value">
-          <slot name="toolbar:user-dropdown">
+          <slot
+            name="toolbar:user-dropdown"
+            :user-dropdown="UserDropdownButton"
+          >
             <UserDropdownButton />
           </slot>
         </template>
@@ -109,7 +112,7 @@ import { MenuItem } from "../../../../core/types";
 
 export interface Props {
   isReady: boolean;
-  logo: string;
+  logo?: string;
   version?: string;
   theme?: "light" | "dark";
   title?: string;
@@ -125,7 +128,7 @@ defineSlots<{
   "toolbar:prepend": void;
   "toolbar:language-selector": void;
   "toolbar:notifications-dropdown": void;
-  "toolbar:user-dropdown": void;
+  "toolbar:user-dropdown": (props: { userDropdown: typeof UserDropdownButton }) => void;
   "blade-navigation": void;
 }>();
 
@@ -153,7 +156,7 @@ const onMenuItemClick = function (item: MenuItem) {
       },
       true,
     );
-  } else {
+  } else if (!item.routeId && item.url) {
     router.push(item.url);
   }
 };

package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue

@@ -57,7 +57,7 @@ function toggleToolbar() {
 
 function isToolbarVisible() {
   const visibleItems = (props.items as { isVisible: boolean }[]).filter(
-    (item) => item.isVisible === undefined || item.isVisible
+    (item) => item.isVisible === undefined || item.isVisible,
   );
   return !!visibleItems.length;
 }

package/ui/components/organisms/vc-blade/vc-blade.vue

@@ -89,7 +89,7 @@ defineOptions({
   inheritAttrs: false,
 });
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   width: "30%",
   closable: true,
   expandable: true,

package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue

@@ -190,7 +190,7 @@
 </template>
 
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
-<script lang="ts" setup generic="T extends {[x:string]: any; id?: string}">
+<script lang="ts" setup generic="T extends { [x: string]: any; id?: string }">
 import { ref, onMounted, computed, Ref } from "vue";
 import { Field } from "vee-validate";
 import { useI18n } from "vue-i18n";
@@ -233,12 +233,12 @@ const props = withDefaults(
     optionsValue: "id",
     optionsLabel: "value",
     disabled: false,
-  }
+  },
 );
 
 const emit = defineEmits<{
   "update:model-value": [
-    data: { readonly property: T; readonly value: any; readonly dictionary?: any[]; readonly locale?: string }
+    data: { readonly property: T; readonly value: any; readonly dictionary?: any[]; readonly locale?: string },
   ];
 }>();
 

package/ui/components/organisms/vc-gallery/_internal/vc-gallery-item/vc-gallery-item.vue

@@ -86,7 +86,7 @@ export interface Props {
 }
 
 withDefaults(defineProps<Props>(), {
-  image: () => ({} as ICommonAsset),
+  image: () => ({}) as ICommonAsset,
   readonly: false,
   actions: () => ({
     name: undefined,

package/ui/components/organisms/vc-gallery/vc-gallery.vue

@@ -131,7 +131,7 @@ const { open } = usePopup(
       images: props.images,
       index: currentIndex.value,
     },
-  }))
+  })),
 );
 
 watch(
@@ -143,7 +143,7 @@ watch(
       uploadHidden.value = !!defaultImages.value.length;
     }
   },
-  { deep: true, immediate: true }
+  { deep: true, immediate: true },
 );
 
 const onUpload = (files: FileList) => {

package/ui/components/organisms/vc-table/_internal/vc-table-cell/vc-table-cell.vue

@@ -47,7 +47,7 @@
       :bordered="true"
       size="s"
       aspect="1x1"
-      :src="(value as string)"
+      :src="value as string"
       background="contain"
     />
   </template>
@@ -62,7 +62,7 @@
     v-else-if="cell.type === 'status-icon'"
     class="tw-flex tw-justify-center"
   >
-    <VcStatusIcon :status="(value as boolean)"></VcStatusIcon>
+    <VcStatusIcon :status="value as boolean"></VcStatusIcon>
   </div>
 
   <!-- Number cell -->

package/ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue

@@ -86,7 +86,7 @@ watch(
   () => props.parentExpanded,
   () => {
     closePanel();
-  }
+  },
 );
 
 const filterStyle = computed(() => ({

package/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue

@@ -157,20 +157,20 @@ watch(
     if (typeof props.item !== "string" && newVal !== props.item.id) {
       handleOffset();
     }
-  }
+  },
 );
 
 const rightSwipeActions = computed(
   () =>
     itemActions.value &&
     itemActions.value.length &&
-    itemActions.value.filter((actions: IActionBuilderResult) => !actions.leftActions)
+    itemActions.value.filter((actions: IActionBuilderResult) => !actions.leftActions),
 );
 const leftSwipeActions = computed(
   () =>
     itemActions.value &&
     itemActions.value.length &&
-    itemActions.value.filter((actions: IActionBuilderResult) => actions.leftActions)
+    itemActions.value.filter((actions: IActionBuilderResult) => actions.leftActions),
 );
 
 function handleOffset() {