classcard-ui 0.2.658 → 0.2.661

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.658",
+  "version": "0.2.661",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CPhoneNumber/CPhoneNumber.vue

@@ -9,6 +9,9 @@
     <div class="mt-1 w-full shadow-sm">
       <vue-tel-input v-bind="bindProps" :autoFormat="false" v-model="value"></vue-tel-input>
     </div>
+    <p v-if="!isValidate" class="mt-1 text-sm text-red-600">
+      {{ errorMessage }}
+    </p>
   </div>
 </template>
 <script>
@@ -24,10 +27,17 @@ export default {
       type: String,
     },
     label: String,
-    isRequired:{
-      type:Boolean,
-      default:false
-    }
+    isValidate: {
+      type: Boolean,
+      default: true,
+    },
+    isRequired: {
+      type: Boolean,
+      default: false,
+    },
+    errorMessage: {
+      type: String,
+    },
   },
   data() {
     return {

package/src/components/CTable/CTable.vue

@@ -5,8 +5,8 @@
       v-if="tableActions"
       class="mb-4 rounded-lg bg-gray-50 p-3"
     >
-      <div class="flex justify-between">
-        <div v-if="searching">
+      <div class="flex items-center justify-between">
+        <div v-if="searching" class="flex-1">
           <c-input
             v-model="searchTerm"
             :isValidate="searching"
@@ -15,7 +15,7 @@
             type="text"
           ></c-input>
         </div>
-        <div class="flex">
+        <div class="flex flex-1 justify-end">
           <!-- dropdown icon on top right of table -->
           <slot name="customTableActions"></slot>
           <div class="relative inline-block text-left" v-if="enableVisibility">
@@ -376,13 +376,13 @@ export default {
   },
   methods: {
     handleControlClick(event) {
-      if (event.keyCode === 17) {
+      if (event.keyCode === 17 || event.keyCode === 91) {
         event.preventDefault();
         this.controlClick = true;
       }
     },
     handleControlRelease(event) {
-      if (event.keyCode === 17) {
+      if (event.keyCode === 17 || event.keyCode === 91) {
         event.preventDefault();
         this.controlClick = false;
       }