classcard-ui 0.2.659 → 0.2.663

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.659",
+  "version": "0.2.663",
   "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/CRadio/CRadio.vue

@@ -4,7 +4,7 @@
       <div
         v-for="(item, index) in items"
         class="relative pb-4 first:rounded-t-md last:rounded-b-md"
-        v-bind:key="item.label"
+        v-bind:key="item[labelName]"
         :class="customClasses ? classes(item, index) : ''"
       >
         <div class="flex items-start">
@@ -29,7 +29,7 @@
                   : ''
               "
             >
-              {{ item.label }}
+              {{ item[labelName] }}
             </span>
             <span
               class="block text-sm"
@@ -71,6 +71,10 @@ export default {
       type: String,
       required: true,
     },
+    labelName:{
+      type:String,
+      default:'label'
+    }
   },
   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">

package/src/components/CTextarea/CTextarea.vue

@@ -24,12 +24,12 @@
         :disabled="disabled"
         class="block w-full rounded-md text-gray-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 disabled:opacity-50 sm:text-sm"
       ></textarea>
-      <div
+      <!-- <div
         v-if="!isValidate"
         class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-600"
       >
         <c-icon name="exclamation-circle" type="solid" class="h-5 w-5"></c-icon>
-      </div>
+      </div> -->
     </div>
     <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
       {{ errorMessage }}
@@ -40,10 +40,10 @@
   </div>
 </template>
 <script>
-import CIcon from "../CIcon/CIcon.vue";
+// import CIcon from "../CIcon/CIcon.vue";
 export default {
   name: "CTextarea",
-  components: { CIcon },
+  // components: { CIcon },
   props: {
     label: {
       type: String,

package/src/stories/CRadio.stories.js

@@ -20,12 +20,12 @@ export const Default = Template.bind({});
 Default.args = {
   items: [
     {
-      label: "Public access",
+      text: "Public access",
       description: "This project would be available to anyone who has the link",
       value: "value1",
     },
     {
-      label: "Private to Project Members",
+      text: "Private to Project Members",
       description: "Only members of this project would be able to access",
       value: "value2",
     },