edvoyui-component-library-test-flight 0.0.127 → 0.0.128

package/src/components/select/EUISelect.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- npm version patch  -->
-  <div :class="isUseCustomSelect ? 'isUseCustomSelect' : ''">
+  <div :class="{'isUseCustomSelect':isUseCustomSelect}">
     <label
       v-if="!inputFilled && label"
       :class="[
@@ -35,6 +35,7 @@
         inputFilled ? 'rounded-2xl min-h-14' : 'rounded-md min-h-10',
         'group relative w-full bg-white cursor-pointer overflow-hidden',
         { 'opacity-75': disabled },
+        className
       ]"
       :clearable="clearable"
       :no-drop="nodropDown"
@@ -207,6 +208,11 @@ const props = defineProps({
     default: "",
     required: false,
   },
+  customHeight: {
+    type: String,
+    default: "",
+    required: false,
+  },
   customOffset: {
     type: Array as PropType<any>,
     required: false,
@@ -382,17 +388,21 @@ const search = (x: string) => {
 };
 
 const selectWidth = computed(() => props.customWidth);
+const selectMaxHeight = computed(() => props.customHeight);
 const offsetValue = computed(() => props.customOffset);
 
 const withPopper = (
   dropdownList: HTMLElement,
   component: { $refs: { toggle: Element | VirtualElement } },
-  { width }: any
+  { width, maxHeight }: any
 ) => {
   const newwidth = selectWidth.value || width; //setcustom width '400px'
+  const newHeight = selectMaxHeight.value || width; //setcustom maxHeight '600px'
+
   const newOffset = offsetValue.value || [0, 7]; //setcustom Offset '[123, -1]'
   const customWidth = isUseCustomSelect.value ? newwidth : width;
   dropdownList.style.width = customWidth;
+  dropdownList.style.maxHeight = isUseCustomSelect.value ? newHeight : maxHeight
   const offsetValues = isUseCustomSelect.value ? newOffset : [0, 7];
   const popper = createPopper(component.$refs.toggle, dropdownList, {
     placement: "bottom",
@@ -405,6 +415,7 @@ const withPopper = (
       },
     ],
   });
+  dropdownList.classList.add('toggle-dropdown');
   return () => popper.destroy();
 };
 
@@ -552,6 +563,9 @@ const open = () => {
 };
 </script>
 <style lang="scss">
+:root {
+  --vs-dropdown-color: theme('colors.gray.600')
+}
 .scrollbar {
   &--hide {
     @apply overflow-y-auto;
@@ -581,6 +595,11 @@ const open = () => {
     }
   }
 }
+.vs__dropdown-menu.toggle-dropdown {
+  border-top-style: solid;
+  margin-top: -5px !important;
+  border-radius: 6px !important;
+}
 
 .vs--single.vs--open .vs__selected,
 .vs--single.vs--loading .vs__selected {
@@ -599,7 +618,7 @@ const open = () => {
       @apply bg-purple-100 text-purple-700;
     }
     &--highlight {
-      @apply bg-gray-100 text-black font-semibold;
+      @apply bg-gray-100 text-gray-900 font-medium;
     }
   }
   &-menu {
@@ -698,7 +717,7 @@ const open = () => {
           @apply bg-purple-100 text-purple-700;
         }
         &--highlight {
-          @apply bg-gray-100 text-black font-semibold;
+          @apply bg-gray-100 text-black font-medium;
         }
       }
       &-menu {

package/src/components/table/EUIDashboardTable.vue

@@ -471,12 +471,12 @@ watch(() => tableContainer.value?.clientWidth, checkOverflow);
     tbody {
       @apply snap-y snap-mandatory snap-always;
       tr:not(.norecords) {
-        @apply text-gray-500 transition-all duration-150 rounded-xl bg-white snap-start ease-in-out snap-x snap-mandatory;
+        @apply text-gray-500 transition-all duration-300 rounded-xl bg-white snap-start ease-in-out snap-x snap-mandatory will-change-transform;
         &:hover {
           @apply shadow-[1px_2px_40px_0px_#03022912] ring-1 ring-gray-100 ring-inset z-30;
         }
         td {
-          @apply px-4 py-4 text-sm font-normal last-of-type:rounded-r-xl first-of-type:rounded-l-xl transition-transform duration-100 ease-in-out border-solid border border-l-0 border-r-0 border-white first:border-s last:border-e;
+          @apply px-4 py-4 text-sm font-normal last-of-type:rounded-r-xl first-of-type:rounded-l-xl transition-colors duration-100 ease-in-out border-solid border border-l-0 border-r-0 border-white first:border-s last:border-e will-change-contents;
           &:first-of-type.checkable {
             @apply w-14 text-center sticky left-0 top-0 z-[11] bg-white;
           }

package/src/components/tabs/EUITabs.vue

@@ -1,8 +1,6 @@
 <template>
   <div>
-  
-    <div class=" overflow-hidden overflow-x-scroll">
-      <div
+    <div
       v-if="tabStyle === 'design'"
       class="inline-flex flex-row items-center justify-start px-[0.25rem] min-h-[34px] mb-0.5 bg-gray-100 rounded-[0.625rem] ring-1 ring-gray-200/75 gap-2"
     >
@@ -16,7 +14,6 @@
       :class="[
           tab?.disabled ? ' cursor-not-allowed ' : '',
           isHighlighedActivetab ? ' rounded-t-lg !bg-[#EDE9FE] ' : '',
-          'flex-shrink-0'
         ]"
         role="tab"
         tabindex="-1"
@@ -83,7 +80,6 @@
             : 'border-transparent text-gray-500',
           tab?.disabled ? ' cursor-not-allowed ' : '',
           isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
-          'flex-shrink-0'
         ]"
         @click="selectTab(tabindex)"
       >
@@ -119,7 +115,6 @@
             : 'border-transparent text-gray-500 z-0',
           tab?.disabled ? ' cursor-not-allowed ' : '',
           isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
-          'flex-shrink-0'
         ]"
         @click="selectTab(tabindex)"
       >
@@ -133,6 +128,7 @@
         </slot>
       </button>
     </div>
+
     <div v-else class="flex items-center gap-1 p-2 transition-all duration-100">
       <button
         v-for="(tab, tabindex) in tabs"
@@ -149,7 +145,6 @@
             : 'border-white hover:bg-gray-50 text-gray-700',
           tab?.disabled ? ' cursor-not-allowed ' : '',
           isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
-          'flex-shrink-0'
         ]"
         @click="selectTab(tabindex)"
       >
@@ -163,9 +158,6 @@
         </slot>
       </button>
     </div>
-    </div>
-
-  
     <slot name="content" :active-tab="tabs[activeTabIndex]">
       <div
         :class="[
@@ -205,14 +197,12 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   (event: "update:activeTab", activeTab: Tab): void;
-  (event: "update:defaultActiveIndex", defaultActiveIndex: number): void;
 }>();
 
 const activeTabIndex = ref(props.defaultActiveIndex ?? 0);
 
 const selectTab = (index: number) => {
   activeTabIndex.value = index;
-  emit("update:defaultActiveIndex", activeTabIndex.value );
   emit("update:activeTab", props.tabs[activeTabIndex.value]);
 };
 
@@ -220,8 +210,6 @@ watch(
   () => props.defaultActiveIndex,
   (newIndex) => {
     activeTabIndex.value = newIndex ?? 0;
-  },{
-    immediate:true
   }
 );
 </script>

package/dist/EUIButton.vue.d.ts

@@ -1,5 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=style&index=0&lang.scss";
-export default _sfc_main;
-//# sourceMappingURL=EUIButton.vue.d.ts.map

package/dist/EUIButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUIButton.vue.d.ts","sourceRoot":"","sources":["../src/components/button/EUIButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wHAAwH,CAAC;AAC/I,cAAc,wHAAwH,CAAC;AACvI,OAAO,sHAAsH,CAAC;AAC9H,eAAe,SAAS,CAAC"}

package/dist/textArea/EUITextArea.vue.d.ts

@@ -1,4 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/textArea/EUITextArea.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/textArea/EUITextArea.vue?vue&type=script&setup=true&lang.ts";
-export default _sfc_main;
-//# sourceMappingURL=EUITextArea.vue.d.ts.map

package/dist/textArea/EUITextArea.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUITextArea.vue.d.ts","sourceRoot":"","sources":["../../src/components/textArea/EUITextArea.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,4HAA4H,CAAC;AACnJ,cAAc,4HAA4H,CAAC;AAC3I,eAAe,SAAS,CAAC"}