edvoyui-component-library-test-flight 0.0.183 → 0.0.184

package/dist/tabs/EUITabs.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=style&index=0&scoped=4ef02613&lang.css";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=style&index=0&scoped=eda5f59b&lang.css";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUITabs.vue.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edvoyui-component-library-test-flight",
   "private": false,
-  "version": "0.0.183",
+  "version": "0.0.184",
   "type": "module",
   "files": [
     "dist/",

package/src/components/HelloWorld.vue

@@ -12,7 +12,7 @@
 
 <!-- Development code here  -->
 
-<!--<template>
+<!-- <template>
   <div class="h-[clac(100svh-64px)] w-full px-10 py-8 max-w-screen-xl mx-auto">
     <h1 class="mb-2 font-semibold text-gray-900 tetx-lg">Edvoy UI Componnet</h1>
     <div
@@ -808,7 +808,6 @@
             :custom-offset="[-20, 10]"
             inputFilled
           />
-          <EUISelectSearch />
         </div>
       </div>
 
@@ -1512,7 +1511,6 @@ import EUIModal from "./modal/EUIModal.vue";
 import EUISelect from "./select/EUISelect.vue";
 import EUITabs from "./tabs/EUITabs.vue";
 import EUITextarea from "./textArea/EUITextArea.vue";
-import EUISelectSearch from "./selectSearch/EUISelectSearch.vue";
 import EUITimeLine from "./timeLine/EUITimeLine.vue";
 import {
   ArrowDownCircleIcon,

package/src/components/tabs/EUITabs.vue

@@ -104,7 +104,7 @@
           'px-3 py-1 leading-5 transition-all duration-150 ease-in-out hover:text-gray-800',
           tabSize === 'sm'
             ? 'text-sm font-semibold border-b-2'
-            : 'text-base font-bold border-b-[3px]',
+            : 'text-base font-semibold border-b-[3px]',
           activeTabIndex === tabindex
             ? 'border-gray-900 text-gray-900'
             : 'border-transparent text-gray-500',

package/src/components/telephone/EUITelephone.vue

@@ -69,13 +69,15 @@
       {{ tag }}
     </div>
   </div>
-
 </template>
+
 <script lang="ts" setup>
 import { computed, onUpdated, PropType, ref, toRefs, watch } from "vue";
 import { VueTelInput, VueTelInputCountryOption } from "vue-tel-input";
 import "vue-tel-input/vue-tel-input.css";
+
 const emit = defineEmits(["update:modelValue", "blur", "update:isValid"]);
+
 const props = defineProps({
   modelValue: {
     type: [String, Number],
@@ -134,10 +136,11 @@ const props = defineProps({
     default: "",
   },
   inputFilled: {
-    type:Boolean,
+    type: Boolean,
     default: false
   }
 });
+
 const { isValid } = toRefs(props);
 
 const generateUID = () => {
@@ -163,19 +166,8 @@ watch(listener, (value) => {
   mobile.value = value;
 });
 
-const updateValue = computed(() => {
-  return {
-    focus: props.autoFocus,
-    place: props.placeholder,
-    disabled: props.disabled,
-    required: props.required,
-    name: props.name,
-    length: props.length,
-    readonly: props.readonly
-  };
-});
-
-const bindProps = {
+// Make bindProps a reactive computed property
+const bindProps = computed(() => ({
   mode: "international",
   autoFormat: false,
   autoDefaultCountry: true,
@@ -183,28 +175,28 @@ const bindProps = {
   invalidMsg: "Required mobile number",
   validCharactersOnly: true,
   preferredCountries: [],
-  disabled: updateValue.value.disabled,
+  disabled: props.disabled,
   inputOptions: {
     autocomplete: "off",
-    autofocus: updateValue.value.focus,
-    name: updateValue.value.name,
+    autofocus: props.autoFocus,
+    name: props.name,
     id: id,
-    placeholder: updateValue.value.place,
-    maxlength: updateValue.value.length,
+    placeholder: props.placeholder,
+    maxlength: props.length,
     showDialCode: true,
     tabindex: 0,
-    readonly: updateValue.value.readonly,
-    required: updateValue.value.required,
+    readonly: props.readonly,
+    required: props.required,
     styleClasses: "eui-tel_input",
   },
   dropdownOptions: {
-    disabled: updateValue.value.readonly || updateValue.value.disabled,
+    disabled: props.readonly || props.disabled,
     showFlags: true,
     showDialCodeInList: true,
     showSearchBox: true,
     searchBoxPlaceholder: "Search country...",
   },
-};
+}));
 
 const onInputChanged = (_formattedNumber: string, phoneObject: any) => {
   hasError.value = phoneObject.valid ? true : false;
@@ -245,7 +237,7 @@ const getIconClass = () => {
     case "startIcon":
       return props.inputFilled ? "pl-12 pr-4" : "normal pl-10 pr-4";
     case "endIcon":
-     return props.inputFilled ? "pr-12 pl-4" : "normal pr-10 pl-4";
+      return props.inputFilled ? "pr-12 pl-4" : "normal pr-10 pl-4";
     default:
       return props.inputFilled ? "px-4" : "normal px-4";
   }
@@ -296,4 +288,4 @@ const focusInput = () => {
     @apply rounded-md py-2;
   }
 }
-</style>
+</style>