classcard-ui 0.2.772 → 0.2.775

package/package.json

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

package/src/components/CCollapsibleSection/CCollapsibleSection.vue

@@ -2,26 +2,24 @@
   <div>
     <div
       :class="divider || showSection ? 'border-b border-gray-200 pb-2' : ''"
-      class="flex flex-row items-center justify-between cursor-pointer"
+      class="flex cursor-pointer flex-row items-center justify-between"
       @click.self="collapse"
     >
       <!-- left and right arrow icon as per opening and closing of collapsible -->
-      <div 
-        class="flex flex-row items-center"
-        @click="collapse"
-      >
+      <div class="flex flex-row items-center" @click="collapse">
         <c-icon
           :name="showSection ? 'chevron-down' : 'chevron-right'"
-          class="text-gray-900 h-5 w-5"
+          class="h-5 w-5 text-gray-900"
           type="solid"
         ></c-icon>
         <!-- label of the collapsible section -->
         <div
           :class="{ 'py-2': tabAction }"
-          class="border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap font-semibold text-base ml-1"
+          class="ml-1 whitespace-nowrap border-transparent text-base font-semibold text-gray-900 hover:border-gray-300 hover:text-gray-700"
         >
           {{ label }}
         </div>
+        <p v-if="isRequired" class="ml-1 text-red-600">*</p>
       </div>
       <!-- tertiary button to render on right side of collapsible section -->
       <c-button
@@ -38,7 +36,7 @@
       ></c-anchor-tag>
     </div>
     <!-- content to render in collapsible section -->
-    <div class="text-sm text-gray-500 mt-5" v-if="showSection">
+    <div class="mt-5 text-sm text-gray-500" v-if="showSection">
       <slot></slot>
     </div>
   </div>
@@ -76,6 +74,10 @@ export default {
     action: {
       type: Function,
     },
+    isRequired: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -84,7 +86,7 @@ export default {
   },
   methods: {
     collapse() {
-      console.log("collapsing")
+      console.log("collapsing");
       this.showSection = !this.showSection;
     },
   },

package/src/components/CTable/CTable.vue

@@ -286,6 +286,10 @@ export default {
     searchPlaceholder: {
       type: String,
     },
+    // Existing text for search
+    searchQuery: {
+      type: String,
+    },
     // Total number of rows in a table to calculate page numbers
     totalRecords: {
       type: String,
@@ -370,7 +374,7 @@ export default {
     return {
       toggleDropdown: false,
       showLoader: this.isLoading,
-      searchTerm: "",
+      searchTerm: this.searchQuery ? this.searchQuery : "",
       paginationRecords: this.paginationData,
       reorderedArray: [...this.rows],
       controlClick: false,