edvoyui-component-library-test-flight 0.0.157 → 0.0.158

package/package.json

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

package/src/components/datepicker/EUIDatepicker.vue

@@ -78,7 +78,9 @@
         @update:model-value="handleDate"
       />
     </div>
-    <EUIErrorMessage :errors="errors" :name="name" />
+    <template v-if="errors && errors.length">
+      <EUIErrorMessage :errors="errors" :name="name" class="mt-2" />
+    </template>
   </div>
 </template>
 
@@ -87,6 +89,7 @@ import { computed, ref, toRefs, watch } from 'vue'
 import type { PropType } from 'vue'
 import VueDatePicker from '@vuepic/vue-datepicker'
 import '@vuepic/vue-datepicker/dist/main.css'
+import EUIErrorMessage from '../errorMessage/EUIErrorMessage.vue';
 
 const props = defineProps({
   modelValue: {

package/src/components/searchTagSelect/EUISearchTagSelect.vue

@@ -190,9 +190,10 @@
         </div>
       </template>
     </Popper>
-    <div v-if="errors && errors.length > 0 && !showDropDown" class="error-msg">
-      {{ typeof errors[0] === "object" ? errors[0].$message : errors[0] }}
-    </div>
+    <template v-if="errors && errors.length && !showDropDown">
+      <EUIErrorMessage :errors="errors" :name="name" class="mt-2" />
+    </template>
+
     <slot v-if="$slots.labelhint" name="labelhint"></slot>
     <div
       v-if="selectType === 'multiple' && selectedValues.length > 0 && showTags"
@@ -234,7 +235,7 @@
 <script setup lang="ts">
 import { computed, ref, watch, nextTick, onMounted, onUnmounted } from "vue";
 import { startCase } from "lodash";
-import { ErrorObject } from "../../utils/types";
+import { ErrorObject, ValidationErrors } from "../../utils/types";
 import SearchInput from "./SearchInput.vue";
 import SearchBigZoomIn from "../../assets/svg/SearchBigZoomIn.vue";
 import ChevronDownStroke from "../../assets/svg/ChevronDownStroke.vue";
@@ -243,12 +244,14 @@ import EUITag from "../tag/EUITag.vue";
 import Popper from "vue3-popper";
 import CheckTick from "../../assets/svg/CheckTick.vue";
 import { XMarkIcon } from "@heroicons/vue/20/solid";
+import EUIErrorMessage from "../errorMessage/EUIErrorMessage.vue";
 
 // Props
 interface Props {
   modelValue?: any;
   items?: any[];
   label?: string;
+  name?: string;
   placement?:
     | "auto"
     | "auto-start"
@@ -269,7 +272,7 @@ interface Props {
   placeholder?: string;
   offsetSkid?: string;
   offsetDistance?: string;
-  errors?: Array<string | ErrorObject>;
+  errors?: ValidationErrors | ErrorObject[];
   selectType?: "single" | "multiple";
   filterFunction?: Function;
   searchable?: boolean;
@@ -287,11 +290,11 @@ interface Props {
   popperClasses?: string;
   showCount?: boolean;
 }
-
 const props = withDefaults(defineProps<Props>(), {
   items: () => [],
   itemText: "name",
   placeholder: "Please Select",
+  name: "",
   offsetDistance: "4",
   offsetSkid: "0",
   filterFunction: () => {},
@@ -313,6 +316,7 @@ const props = withDefaults(defineProps<Props>(), {
   showCount: false,
 });
 
+
 // Emits
 const emit = defineEmits<{
   "update:modelValue": [value: any];