classcard-ui 0.2.640 → 0.2.643

package/package.json

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

package/src/components/CEditor/CEditor.vue

@@ -10,6 +10,7 @@
       :options="editorOption"
       @change="onChange($event)"
       @ready="onReady($event)"
+      :disabled="disabled"
     ></quill-editor>
     <p v-if="helpText" class="mt-2 text-sm text-gray-500">
       {{ helpText }}
@@ -46,6 +47,10 @@ export default {
     placeholder: {
       type: String,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   methods: {
     onChange(params) {

package/src/components/CIconDropdown/CIconDropdown.vue

@@ -1,7 +1,9 @@
 <template>
   <div>
     <slot></slot>
-    <div class="relative inline-block text-left">
+    <div
+      :class="`${isDropDownRelative ? 'relative' : ''} inline-block text-left`"
+    >
       <div>
         <button
           type="white"
@@ -85,6 +87,10 @@ export default {
     action: {
       type: Function,
     },
+    isDropDownRelative: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {

package/src/components/CTable/CTable.vue

@@ -1,6 +1,10 @@
 <template>
   <div>
-    <div slot="table-actions" v-if="tableActions" class="mb-4 rounded-lg bg-gray-50 p-3">
+    <div
+      slot="table-actions"
+      v-if="tableActions"
+      class="mb-4 rounded-lg bg-gray-50 p-3"
+    >
       <div class="flex justify-between">
         <div v-if="searching">
           <c-input
@@ -19,11 +23,15 @@
             <div>
               <button
                 @click="handleToggle"
-                class="focus:outline-none inline-flex w-full justify-center rounded-md border border-gray-200 bg-white px-2 py-2 text-sm font-medium shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
+                class="inline-flex w-full justify-center rounded-md border border-gray-200 bg-white px-2 py-2 text-sm font-medium shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
                 aria-haspopup="true"
                 aria-expanded="true"
               >
-                <c-icon name="view-board" type="solid" class="h-5 w-5 text-gray-400"></c-icon>
+                <c-icon
+                  name="view-board"
+                  type="solid"
+                  class="h-5 w-5 text-gray-400"
+                ></c-icon>
                 <c-icon
                   name="chevron-down"
                   type="solid"
@@ -88,7 +96,9 @@
       }`"
       mode="remote"
       ref="my-table"
-      :styleClass="showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'"
+      :styleClass="
+        showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
+      "
       :row-style-class="rowStyleClassFn"
       min-height="400px"
       :globalSearch="true"
@@ -365,8 +375,12 @@ export default {
     },
     // array of rows after drag and drop
     rearrange(oldIndex, newIndex) {
-      const movedItem = this.reorderedArray.find((item, index) => index === oldIndex);
-      const remainingItems = this.reorderedArray.filter((item, index) => index !== oldIndex);
+      const movedItem = this.reorderedArray.find(
+        (item, index) => index === oldIndex
+      );
+      const remainingItems = this.reorderedArray.filter(
+        (item, index) => index !== oldIndex
+      );
       const reorderedItems = [
         ...remainingItems.slice(0, newIndex),
         movedItem,
@@ -485,4 +499,10 @@ table.vgt-table tr.clickable:hover > th.vgt-checkbox-col {
 .vgt-table th.sortable:hover .sortingIcon {
   visibility: visible;
 }
+.vgt-responsive {
+  position: static;
+}
+.vgt-wrap {
+  position: static;
+}
 </style>