@vc-shell/framework 1.0.294 → 1.0.296

package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAA4B,MAAM,kBAAkB,CAAC;AAI3F,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAA4B,MAAM,kBAAkB,CAAC;AAI3F,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table-mobile-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AACD,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;kCAgiB8B,oBAAoB,EAAE,GAAG,SAAS;WAGxD,MAAM;;;;;;;WAUR,GAAG;;yBA/CoB,GAAG;;;yCA8CjB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;sCAZ1B,oBAAoB,EAAE,GAAG,SAAS;eAGxD,MAAM;;;;;;;oBASC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA/CoB,GAAG;;;;;;;;;;;0CAkCF,oBAAoB,EAAE,GAAG,SAAS;mBAGxD,MAAM;;;;;;;wBASC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;6BA/CoB,GAAG;;;;;AA3fjC,wBA+iB2E"}
+{"version":3,"file":"vc-table-mobile-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AACD,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;kCAoiB8B,oBAAoB,EAAE,GAAG,SAAS;WAGxD,MAAM;;;;;;;WAUR,GAAG;;yBA/CoB,GAAG;;;yCA8CjB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;sCAZ1B,oBAAoB,EAAE,GAAG,SAAS;eAGxD,MAAM;;;;;;;oBASC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA/CoB,GAAG;;;;;;;;;;;0CAkCF,oBAAoB,EAAE,GAAG,SAAS;mBAGxD,MAAM;;;;;;;wBASC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;6BA/CoB,GAAG;;;;;AA/fjC,wBAmjB2E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.294",
+  "version": "1.0.296",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -61,10 +61,10 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.294",
-    "@vc-shell/config-generator": "^1.0.294",
-    "@vc-shell/ts-config": "^1.0.294",
-    "@vitejs/plugin-vue": "^5.0.3",
+    "@vc-shell/api-client-generator": "^1.0.296",
+    "@vc-shell/config-generator": "^1.0.296",
+    "@vc-shell/ts-config": "^1.0.296",
+    "@vitejs/plugin-vue": "5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",
     "shx": "^0.3.4",

package/shared/components/sign-in/external-provider.vue

@@ -4,7 +4,7 @@
     class="vc-external-provider"
     @click="$emit('signIn')"
   >
-    <div class="vc-external-provider__content">
+    <div class="tw-flex tw-flex-row tw-items-center tw-gap-2">
       <VcImage
         :src="logo"
         class="vc-external-provider__icon"
@@ -28,11 +28,3 @@ export interface Emits {
 defineEmits<Emits>();
 defineProps<Props>();
 </script>
-
-<style lang="scss">
-.vc-external-provider {
-  &__content {
-    @apply tw-flex tw-flex-row tw-items-center tw-gap-2;
-  }
-}
-</style>

package/shared/components/sign-in/external-providers.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vc-external-providers">
+  <div class="tw-flex tw-justify-center tw-mt-4 tw-flex-wrap tw-gap-2">
     <component
       :is="loadProviderComponent(provider.authenticationType!)"
       v-for="provider in providers"
@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { defineProps, defineAsyncComponent } from "vue";
-import type { Component } from "vue";
+import type { Component, AsyncComponentLoader } from "vue";
 import { ExternalSignInProviderInfo } from "../../../core/api/platform";
 
 export interface Props {
@@ -22,18 +22,22 @@ export interface Props {
 
 defineProps<Props>();
 
-const loadProviderComponent = (providerName: string) => {
-  return defineAsyncComponent<Component>({
-    loader: () => import(/* @vite-ignore */ `./${providerName.toLowerCase()}.vue`),
-    onError(error) {
-      console.error(`Failed to load ${providerName} provider component`, error);
-    },
-  });
+const components = import.meta.glob("./*.vue");
+
+const loadProviderComponent = (providerName: string): Component | null => {
+  const componentPath = `./${providerName.toLowerCase()}.vue`;
+  const loader: AsyncComponentLoader = components[componentPath];
+
+  if (loader !== undefined) {
+    return defineAsyncComponent({
+      loader,
+      onError(error) {
+        console.error(`Failed to load ${providerName} provider component`, error);
+      },
+    });
+  } else {
+    console.error(`Component for provider "${providerName}" not found at path "${componentPath}"`);
+    return null;
+  }
 };
 </script>
-
-<style lang="scss">
-.vc-external-providers {
-  @apply tw-flex tw-justify-center tw-mt-4 tw-flex-wrap tw-gap-2;
-}
-</style>

package/shared/components/user-dropdown-button/user-dropdown-button.vue

@@ -9,6 +9,7 @@
         :class="{
           'vc-user-dropdown-button--active': opened,
           'vc-user-dropdown-button--auto-width': disabled,
+          'vc-user-dropdown-button--mobile': $isMobile.value,
         }"
       >
         <div
@@ -183,6 +184,10 @@ const imageHandler = computed(() => {
     @apply tw-w-full #{!important};
   }
 
+  &--mobile {
+    @apply tw-h-[var(--app-bar-height)];
+  }
+
   &--auto-width {
     @apply tw-w-auto;
   }

package/ui/components/atoms/vc-tooltip/vc-tooltip.vue

@@ -10,7 +10,7 @@
       <slot></slot>
     </div>
 
-    <teleport to="body">
+    <teleport :to="`#${appContainer}`">
       <span
         v-if="tooltipVisible && $slots['tooltip']"
         ref="tooltipRef"
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { useFloating, shift, Placement, offset as floatingOffset } from "@floating-ui/vue";
-import { ref, watch } from "vue";
+import { getCurrentInstance, ref, watch } from "vue";
 import { useMouseInElement } from "@vueuse/core";
 
 export interface Props {
@@ -54,6 +54,11 @@ const tooltipCompRef = ref<HTMLElement | null>(null);
 const tooltipRef = ref<HTMLElement | null>(null);
 const target = ref(null);
 
+const instance = getCurrentInstance();
+console.log(instance);
+
+const appContainer = instance?.appContext.app._container.id;
+
 const { floatingStyles } = useFloating(tooltipCompRef, tooltipRef, {
   placement: props.placement,
   middleware: [floatingOffset(props.offset), shift()],

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

@@ -131,7 +131,7 @@ watchDebounced(
 }
 
 .vc-app-bar {
-  @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4 tw-z-[1002];
+  @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4 tw-z-50;
   height: var(--app-bar-height);
   background-color: var(--app-bar-background-color);
   box-shadow: var(--app-bar-shadow);

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

@@ -33,6 +33,7 @@
             class="vc-table-mobile__action"
             :class="`vc-table-mobile__item-action_${leftSwipeActions[0].type}`"
             @click.stop="leftSwipeActions?.[0].clickHandler(items[index] as T, index)"
+            @touchstart.stop
           >
             <VcIcon :icon="leftSwipeActions[0].icon" />
             <div class="vc-table-mobile__action-title">
@@ -51,6 +52,7 @@
           v-if="rightSwipeActions && rightSwipeActions.length && direction === 'left'"
           class="vc-table-mobile__swipe-actions vc-table-mobile__swipe-actions_right"
           :style="{ width: actionsWidth }"
+          @touchstart.stop
         >
           <div
             v-for="(action, idx) in rightSwipeActions.slice(0, rightSwipeActions.length > 2 ? 1 : 2)"